$(document).ready(function(){

$("#colorring").delay(4000).fadeIn(2000);

$("#colorring2").delay(5000).fadeIn(2000);

var artmenu = $("div.artmenu");

var artmenuoptions = $("div.artmenuoptions");



$("#underconstruction").fadeIn(6000);	

$("#header").delay(2400).animate({top:"65px"},3000);
		
$("#h1").delay(4100).animate({left:"60px"},1000,"easeOutCubic",function(){
																																					
																																					
																																			
																																					$(".subheaderborder").fadeIn(5);



																																					$("#homemenu").fadeIn(5);
																																					$("#cover1").animate({left:"-60px"},400,"linear");
																																					$("#cover2").animate({left:"172px"},400,"linear",function(){
																																												$("#cover3").animate({top:"338px"},700,"linear",function(){
																																																																					 $("#cover4").animate({
																																																																					 											 width:"0px",
																																																																																 left:"105px"
																																																																					 											 },400,"linear")
																																																																					 })
																																												});




																																					$("#overviewdiv").delay(500).fadeIn(300,function(){
																																																									$("#becomeafrienddiv").fadeIn(300,function(){
																																																																															$("#contactdiv").fadeIn(300);
																																																																															
																																																																															})
																																																									});	
																																					});
																																		

																																						 																											


$("#o1").delay(3900).animate({left:"79px"},1000,"easeOutCubic");
$("#m1").delay(3700).animate({left:"100px"},1000,"easeOutCubic");
$("#e1").delay(3500).animate({left:"131px"},1000,"easeOutCubic");

$("#a1").delay(000).animate({top:"150px"},4000,"easeOutElastic");
$("#r1").delay(100).animate({top:"150px"},4000,"easeOutElastic");
$("#t1").delay(200).animate({top:"150px"},4000,"easeOutElastic",function(){$("#a-r-t").css("z-index","50").fadeIn(0);});

$("#m2").delay(300).animate({top:"150px"},4000,"easeOutElastic");
$("#u").delay(400).animate({top:"150px"},4000,"easeOutElastic");
$("#s1").delay(500).animate({top:"150px"},4000,"easeOutElastic");
$("#i1").delay(600).animate({top:"150px"},4000,"easeOutElastic");
$("#c").delay(700).animate({top:"150px"},4000,"easeOutElastic",function(){$("#m-u-s-i-c").css("z-index","50").fadeIn(0);});

$("#p1").delay(800).animate({top:"150px"},4000,"easeOutElastic");
$("#h2").delay(900).animate({top:"150px"},4000,"easeOutElastic");
$("#i2").delay(1000).animate({top:"150px"},4000,"easeOutElastic");
$("#l").delay(1200).animate({top:"150px"},4000,"easeOutElastic");
$("#o2").delay(1300).animate({top:"150px"},4000,"easeOutElastic");
$("#s2").delay(1400).animate({top:"150px"},4000,"easeOutElastic");
$("#o3").delay(1500).animate({top:"150px"},4000,"easeOutElastic");
$("#p2").delay(1600).animate({top:"150px"},4000,"easeOutElastic");
$("#h3").delay(1700).animate({top:"150px"},4000,"easeOutElastic");
$("#y1").delay(1800).animate({top:"150px"},4000,"easeOutElastic",function(){$("#p-h-i-l-o-s-o-p-h-y").css("z-index","50").fadeIn(0);});

$("#m3").delay(1900).animate({top:"150px"},4000,"easeOutElastic");
$("#a2").delay(2000).animate({top:"150px"},4000,"easeOutElastic");
$("#t2").delay(2100).animate({top:"150px"},4000,"easeOutElastic");
$("#h4").delay(2200).animate({top:"150px"},4000,"easeOutElastic");
$("#s3").delay(2300).animate({top:"150px"},4000,"easeOutElastic",function(){$("#m-a-t-h-s").css("z-index","50").fadeIn(0);});

$("#p3").delay(2400).animate({top:"150px"},4000,"easeOutElastic");
$("#o4").delay(2500).animate({top:"150px"},4000,"easeOutElastic");
$("#e2").delay(2600).animate({top:"150px"},4000,"easeOutElastic");
$("#t3").delay(2700).animate({top:"150px"},4000,"easeOutElastic");
$("#r2").delay(2800).animate({top:"150px"},4000,"easeOutElastic");
$("#y2").delay(2900).animate({top:"150px"},4000,"easeOutElastic",function(){$("#p-o-e-t-r-y").css("z-index","50").fadeIn(0);});
																							
$("#overviewdivinside").fadeTo(0,0);
$("#becomeafrienddivinside").fadeTo(0,0);
$("#contactdivinside").fadeTo(0,0);
$("#gallerydivinside").fadeTo(0,0);
$("#exhibitionsdivinside").fadeTo(0,0);
$("#studiodivinside").fadeTo(0,0);
$("#commissionsdivinside").fadeTo(0,0);




																									
$('div.fade1').hover(function() {
    // on hovering over, find the element we want to fade *up*
    var fade1 = $('> div', this);
    
    // if the element is currently being animated (to a fadeOut)...
    if (fade1.is(':animated')) {
      // ...take it's current opacity back up to 1
      fade1.stop().fadeTo(500, 1);
    } else {
      // fade in quickly
      fade1.fadeTo(500, 1);
    }
  }, function () {
    // on hovering out, fade the element out
    var fade1 = $('> div', this);
    if (fade1.is(':animated')) {
      fade1.stop().fadeTo(500, 0);
    } else {
      // fade away slowly
      fade1.fadeTo(500, 0);
    }
  });	
	

$('div.fade2').hover(function() {
    // on hovering over, find the element we want to fade *up*
    var fade2 = $('> div', this);
    
    // if the element is currently being animated (to a fadeOut)...
    if (fade2.is(':animated')) {
      // ...take it's current opacity back up to 1
      fade2.stop().fadeTo(500, 1);
    } else {
      // fade in quickly
      fade2.fadeTo(500, 1);
    }
  }, function () {
    // on hovering out, fade the element out
    var fade2 = $('> div', this);
    if (fade2.is(':animated')) {
      fade2.stop().fadeTo(500, 0);
    } else {
      // fade away slowly
      fade2.fadeTo(500, 0);
    }
	});
	
$('div.fade3').hover(function() {
    // on hovering over, find the element we want to fade *up*
    var fade3 = $('> div', this);
    
    // if the element is currently being animated (to a fadeOut)...
    if (fade3.is(':animated')) {
      // ...take it's current opacity back up to 1
      fade3.stop().fadeTo(500, 1);
    } else {
      // fade in quickly
      fade3.fadeTo(500, 1);
    }
  }, function () {
    // on hovering out, fade the element out
    var fade3 = $('> div', this);
    if (fade3.is(':animated')) {
      fade3.stop().fadeTo(500, 0);
    } else {
      // fade away slowly
      fade3.fadeTo(500, 0);
    }
	});  
											


$("#a-r-t").mouseenter(function(){
																									
																																				
																		if (artmenu.is (':animated')) {
																		
																			 						 								if ($("#gallerydiv").is(':animated')){$("#gallerydiv").stop("true","false").fadeTo(100,1)};
                            																		
                              																		if ($("#exhibitionsdiv").is(':animated')){$("#exhibitionsdiv").stop("true","false").delay(50).fadeTo(100,1)};
                              																		
                              																		if ($("#studiodiv").is(':animated')){$("#studiodiv").stop("true","false").delay(100).fadeTo(100,1)};
                              																		
                              																		if ($("#commissionsdiv").is(':animated')){$("#commissionsdiv").stop("true","false").delay(150).fadeTo(100,1)};
																		
																			 														artmenu.stop("true","false").fadeTo(500,1);
																																	
																																	}
																		

																		else {
																		
																		$("#cover5").css("width","40px").fadeIn(0);
        														$("#cover6").css("left","233px").fadeIn(0);
        														$("#cover7").css("top","150px").fadeIn(0);
        														$("#cover8").css("left","190px").fadeIn(0);
        														$("#cover9").css("left","260px").fadeIn(0);
        														$("#cover10").css("top","190px").fadeIn(0);
																		
															 			};
															 
															 			
																		
																		
																		
																		
																		

															 			$("#artmenuborder").fadeIn(0,function(){

        																		$("#cover5").animate({width:"0px"},70,"linear");
        																		
        																		$("#cover6").animate({left:"265px"},70,"linear",function(){
        																																																 
        																																																 										$("#cover7").animate({top:"250px"},200,"linear",function(){
        																																																																														 									 $("#cover8").animate({left:"680px"},500,"linear")
        																																																																														 									});
        																																																										$("#gallerydiv").delay(150).fadeIn(125,function(){
        																																																																																			$("#exhibitionsdiv").fadeIn(125,function(){
        																																																																																																		 			$("#studiodiv").fadeIn(125,function(){
        																																																																																																																							$("#commissionsdiv").fadeIn(125);
        																																																																																																																							});
        																																																																																																		 			});
        																																																																																			});
        																																																																															
        																																																																															
        																																																																															
        																																																										 $("#cover9").delay(100).animate({left:"680px"},500,"linear",function(){
        																																																																														 																$("#cover10").animate({top:"250px"},100,"linear")
        																																																																														 																});
        																																																 																														 
        																		});																													 });
        																																																 
        																		});
        																		
        																		
																						

$("#a-r-t").mouseleave(function(){

																		
																		
																		if (artmenu.is(':animated'))
																			 									
																																{
																																$("#cover5").stop();
																																$("#cover6").stop();
																																$("#cover7").stop();
																																$("#cover8").stop();
																																$("#cover9").stop();
																																$("#cover10").stop();
																																
																																$("#artmenuborder").stop().fadeOut(200,function(){
																																																									$("#cover5").fadeOut(0);
																																																									$("#cover6").fadeOut(0);
																																																									$("#cover7").fadeOut(0);
																																																									$("#cover8").fadeOut(0);
																																																									$("#cover9").fadeOut(0);
																																																									$("#cover10").fadeOut(0);
																																																									}); 
																																 
																																
																																
																																 																																															
																																        																								 
																												 				 } 
																		else 
																		
																				 												 {
																																 
																																  																																 
																																 artmenu.fadeOut(200);
																																 
																																
																																 
																																 };				
																		
																		if ($("#gallerydiv").is(':animated')){$("#gallerydiv").stop("true","false").fadeOut(50)}
																		else {$("#gallerydiv").delay(130).fadeOut(50)};
																		
																		if ($("#exhibitionsdiv").is(':animated')){$("#exhibitionsdiv").stop("true","false").fadeOut(40)}
																		else {$("#exhibitionsdiv").delay(90).fadeOut(50)};
																		
																		if ($("#studiodiv").is(':animated')){$("#studiodiv").stop("true","false").fadeOut(30)}
																		else {$("#studiodiv").delay(50).fadeOut(50)};
																		
																		if ($("#commissionsdiv").is(':animated')){$("#commissionsdiv").stop("true","false").fadeOut(20)}
																		else {$("#commissionsdiv").fadeOut(10)};
																		
																		
																		
																		
						});																	
																		
																
		





														
				
// closes the document ready									 
});