$(document).ready(function() {	
	$('.modalDiv .close').click(function (e) {
		e.preventDefault();
		modalFadeOut('.modalDiv');
	});		
	
	$('#mask').click(function () {
		modalFadeOut('.modalDiv');
	});
	$('.suggestedTextShow').click(function (e) {
		e.preventDefault();
		showModalWindow( '#'+$( this ).attr('rel') );
	});
	$('.suggestedText').click(function (e) {
		$('#'+ $( this ).attr('rel') ).val( $( this ).text() );
		modalFadeOut('.modalDiv');
	});
});
function showModalWindow(id) {
	var maskHeight = $(document).height()+'px';
	var maskWidth = $(window).width()+'px';
	$('#mask').css({'width':maskWidth,'height':maskHeight});
	$('#mask').fadeIn(1000).fadeTo("slow",0.8);	
	$('select').css({visibility: 'hidden'});
	var winH = $(window).height();
	var winW = $(window).width();
	$(id).css('top',  (winH/2-$(id).height()/2)+$(window).scrollTop());
	$(id).css('left', (winW/2-$(id).width()/2)+$(window).scrollLeft());
	$(id).hide();
	$(id).fadeIn(2000); 
	$('.accordion').accordion({ event: 'mouseover' });
}
function modalFadeOut(id) {
	$('#mask').fadeOut(750);
	$(id).fadeOut(750);
	$('select').css({visibility: 'visible'});
}