// JavaScript Document
////////////////////////////////////////////////////////////////
// Simple jQuery modal window tutorial
// www.queness.com/post/77/simple-jquery-modal-window-tutorial
////////////////////////////////////////////////////////////////

/*function launchWindow(id) {
	//Apre la finestra modale all'apertura della pagina
	//--------------------------------------------------
	//Get the screen height and width
	var maskHeight = $(document).height();
	var maskWidth = $(window).width();
	//Set heigth and width to mask to fill up the whole screen
	$('#mask').css({'width':maskWidth,'height':maskHeight});
	//transition effect		
	$('#mask').fadeIn(1000);	
	$('#mask').fadeTo("slow",0.5);	
	//Get the window height and width
	var winH = $(window).height();
	var winW = $(window).width();
	//Set the popup window to center
	$(id).css('top',  winH/2-$(id).height()/2);
	$(id).css('left', winW/2-$(id).width()/2);
	//transition effect
	$(id).fadeIn(2000); 
}

$(document).ready(function() {
	// Apre la finestra modale al click su un link (funziona male)
	// es.  <a href="#dialog" name="modal">apri</a>
	//----------------------------------------------
	//select all the a tag with name equal to modal
	$('a[name=modal]').click(function(e) {
			//Cancel the link behavior
			e.preventDefault();
			//Get the A tag
			var id = $(this).attr('href');
			//Get the screen height and width
			var maskHeight = $(document).height();
			var maskWidth = $(window).width();
			//Set heigth and width to mask to fill up the whole screen
			$('#mask').css({'width':maskWidth,'height':maskHeight});
			//transition effect		
			$('#mask').fadeIn(1000);	
			$('#mask').fadeTo("slow",0.5);	
			//Get the window height and width
			var winH = $(window).height();
			var winW = $(window).width();
			//Set the popup window to center
			$(id).css('top',  winH/2-$(id).height()/2);
			$(id).css('left', winW/2-$(id).width()/2);
			//transition effect
			$(id).fadeIn(2000); 
	});
		
	//Put in the DIV id you want to display
	launchWindow('#dialog');
	// TO CLOSE THE WINDOW:
	// 1 - if 'close' button is clicked...
	$('.window .close').click(function(e){
			// cancel the link behaviour
			e.preventDefault();
			$('#mask, .window').hide();
	});
	// 2 - if mask is clicked...
	$('#mask').click(function(){
			$(this).hide();
			$('.window').hide();
	});
	// 3 - if you want to close the modal window on key press (any key)...
	$(document).keyup(function(e){
			if(e.keyCode == 13){
					$('#mask').hide();
					$('.window').hide();
			}
	});
});
*/

$(document).ready(function() {
	// Apre la finestra modale al click su un link
	// es.  <a href="#dialog" name="modal">apri</a>
	//----------------------------------------------
	//select all the a tag with name equal to modal
	$('a[name=modal]').click(function(e) {
		//Cancel the link behavior
		e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
		//Set heigth and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.5);	//0.8
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
		//transition effect
		$(id).fadeIn(2000); 
	});
	// 1 - if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		
		$('#mask').hide();
		$('.window').hide();
	});		
	// 2 - if mask is clicked
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
	});
	// 3 - if you want to close the modal window on key press (any key)...
	$(document).keyup(function(e){
			if(e.keyCode == 13){
					$('#mask').hide();
					$('.window').hide();
			}
	});
});