$(document).ready(function() {

	function video() {
		$("body").append("<div id='gray-layer'></div><div id='overlayer'></div>");
		$("#gray-layer").css("opacity","0");
		$("#gray-layer").animate({
			opacity: 0.5
		}, 100 );
		$("#overlayer").animate({
			opacity: "show"
		}, 500 ).load("inaugurazione.html");
		$("#overlayer").addClass('overlayer');
		$("#gray-layer").click(
		
		function (){
			$("#overlayer").empty();
			$("#overlayer").animate({
				opacity: "hide"
			}, 200 );
			$("#gray-layer").animate({
				opacity: 0
			}, 500 , function(){ $("#overlayer").remove(); $("#gray-layer").remove();});
		}
		);}

function configuratore() {
	$("body").append("<div id='gray-layer'></div><div id='overlayer'></div>");
	$("#gray-layer").css("opacity","0");
	$("#gray-layer").animate({
		opacity: 0.7
	}, 100 );
	$("#overlayer").animate({
		opacity: "show"
	}, 500 ).load("configuratore.html");
	$("#overlayer").addClass('overlayer-configurator');
	$("#gray-layer").click(
	
	function (){
		$("#overlayer").empty();
		$("#overlayer").animate({
			opacity: "hide"
		}, 200 );
		$("#gray-layer").animate({
			opacity: 0
		}, 500 , function(){ $("#overlayer").remove(); $("#gray-layer").remove();});
	}
	);}

	
	$(".Il-video").click(function(){ video() });
	$(".il-configuratore").click(function(){ configuratore() });
});