$(document).ready( function () {
									 
	
           
            //$("#content").slideDown()			
			
			$('.titolo a').click(
			function () {
				var toLoad = $(this).attr('href');//+' .content';
				$('.content').hide('fast',loadContent);  	
				$('#load').remove();
				$('.bottoni').append('<div id="load"></div>');
				$('#load').fadeIn('normal');
				window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
				function loadContent() {
					$('.content').load(toLoad,'',showNewContent());
				}
				function showNewContent() {
				$('.content').show('normal',hideLoader());
				}
				function hideLoader() {
				$('#load').fadeOut('normal',blinking());
				}
				function blinking() {
				//show the object with blink effect
 				 $('.titolo').fadeTo(200,0.4).fadeTo(200,1);
				 $('.b1').fadeTo(200,0.5).fadeTo(200,1);
				 $('.b2').fadeTo(200,0.5).fadeTo(200,1);
				 $('.b3').fadeTo(200,0.5).fadeTo(200,1);
				 $('.b4').fadeTo(200,0.5).fadeTo(200,1);
				}
				
				
				return false;
             }
			
			); 
			
			
			
			
			
			$(".b1 a").click(
			function () {
				var toLoad = $(this).attr('href');//+' .content';
				$('.content').hide('fast',loadContent);  	
				$('#load').remove();
				$('.bottoni').append('<div id="load"></div>');
				$('#load').fadeIn('normal');
				window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
				function loadContent() {
					$('.content').load(toLoad,'',showNewContent());
				}
				function showNewContent() {
				$('.content').show('normal',hideLoader());
				}
				function hideLoader() {
				$('#load').fadeOut('normal',blinking());
				}
				function blinking() {
				//show the object with blink effect
 				 $('.b1').fadeTo(200,0.5);
				 $('.titolo').fadeTo(200,1);
				 $('.b2').fadeTo(200,1);
				 $('.b3').fadeTo(200,1);
				 $('.b4').fadeTo(200,1);
				}
				
				
				return false;
             }
			
			); 
			
			
            $(".b2 a").click(
			function () {
				var toLoad = $(this).attr('href');//+' .content';
				$('.content').hide('fast',loadContent);  	
				$('#load').remove();
				$('.bottoni').append('<div id="load"></div>');
				$('#load').fadeIn('normal');
				window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
				function loadContent() {
					$('.content').load(toLoad,'',showNewContent());
				}
				function showNewContent() {
				$('.content').show('normal',hideLoader());
				}
				function hideLoader() {
				$('#load').fadeOut('normal',blinking());
				}
				function blinking() {
				//show the object with blink effect
 				 $('.b2').fadeTo(200,0.5);
				 $('.titolo').fadeTo(200,1);
				 $('.b1').fadeTo(200,1);
				 $('.b3').fadeTo(200,1);
				 $('.b4').fadeTo(200,1);
				}
				
				
				return false;
             }
			
			); 
			$(".b3 a").click(
			function () {
				var toLoad = $(this).attr('href');//+' .content';
				$('.content').hide('fast',loadContent);  	
				$('#load').remove();
				$('.bottoni').append('<div id="load"></div>');
				$('#load').fadeIn('normal');
				
				window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
				function loadContent() {
					$('.content').load(toLoad,'',showNewContent());
				}
				function showNewContent() {
				$('.content').show('normal',hideLoader());
				}
				function hideLoader() {
				$('#load').fadeOut('normal',blinking());
				}	
				function blinking() {
				//show the object with blink effect
 				 $('.b3').fadeTo(200,0.5);
				 $('.titolo').fadeTo(200,1);
				 $('.b1').fadeTo(200,1);
				 $('.b2').fadeTo(200,1);
				 $('.b4').fadeTo(200,1);	 
				}			
				
				return false;
             }
			
			);
			
			$(".b4 a").click(
			function () {
				var toLoad = $(this).attr('href');//+' .content';
				$('.content').hide('fast',loadContent);  	
				$('#load').remove();
				$('.bottoni').append('<div id="load"></div>');
				$('#load').fadeIn('normal');
				window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
				function loadContent() {
					$('.content').load(toLoad,'',showNewContent());
				}
				function showNewContent() {
				$('.content').show('normal',hideLoader());
				}
				function hideLoader() {
				$('#load').fadeOut('normal',blinking());
				}
				function blinking() {
				//show the object with blink effect
 				 $('.b4').fadeTo(200,0.5);
				 $('.titolo').fadeTo(200,1);
				 $('.b1').fadeTo(200,1);
				 $('.b2').fadeTo(200,1);
				 $('.b3').fadeTo(200,1);
				}
				
				
				return false;
             }
			
			);  
			
			/*$(".works").live("mouseover",function(){
		     $("a.preview").hover(function(e){
				this.t = this.title;
				this.title = "";	
				var c = (this.t != "") ? "<br/>" + this.t : "";
				$("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' />"+ c +"</p>");								 
				$("#preview")
				.css("top",(e.pageY - 480) + "px")
				.css("left",(e.pageX - 300) + "px")
				.fadeIn("fast");						
    		  },
			 function(){
				this.title = this.t;	
				$("#preview").remove();
   			 });	
			$("a.preview").mousemove(function(e){
			$("#preview")
			.css("top",(e.pageY - 480) + "px")
			.css("left",(e.pageX -300) + "px");
			});	
			
	        });*/
			
			
			
			 /*  $(".b1").hover(
            function () {
                $(".b1").animate({
                    opacity: "0.6"
                },100);
            }, function () {
                $(".b1").animate({
                    opacity: "1"
                },100);
            });
			
			$(".b2").hover(
            function () {
                $(".b2").animate({
                    opacity: "0.6"
                },100);
            }, function () {
                $(".b2").animate({
                    opacity: "1"
                },100);
            });
			
			$(".b3").hover(
            function () {
                $(".b3").animate({
                    opacity: "0.6"
                },100);
            }, function () {
                $(".b3").animate({
                    opacity: "1"
                },100);
            });
			
			$(".b4").hover(
            function () {
                $(".b4").animate({
                    opacity: "0.6"
                },100);
            }, function () {
                $(".b4").animate({
                    opacity: "1"
                },100);
            });
			
			$(".titolo").hover(
            function () {
                $(".titolo").animate({
                    opacity: "0.6"
                },200);
            }, function () {
                $(".titolo").animate({
                    opacity: "1"
                },200);
            });
           */
           
        });