$(window).load(function()
 	{
 	
 			indexIntroLeft();
 			
 			function indexIntro2() {
 				$("#delay").fadeOut( 1800, function callback() {
 					indexIntro3()
 				});
	 		}
	 		
	 		function indexIntro3() {
 				$("#content-intro-text").fadeIn( 2000, function callback() {
 					$("#header").css( 'display', 'none' );
 					$("#header").css( 'visibility', 'visible' );
					$("#header").fadeIn( 2000, function callback() {
 						startAnimation();
	 				});
	 			});
	 		}

 			function stdIntro( pic, pos) {
 				$("#content-left #layer1 img.leftimg-1").animate({ 
        				left: 0
     		 		}, 
     		 		1800,
     		 		function() {
      				
      				$("#content-left #layer1 img.leftimg-2").animate({ 
        				left: 111
     		 		}, 
     		 		1800
     		 	);
     			} );
     		
     			$("#content-left #layer1 img.leftimg-4").animate({ 
        				left: 0
     		 		}, 
     		 		1800,
     		 		function() {
      				
      				$("#content-left #layer1 img.leftimg-5").animate({ 
        				left: 111
     		 		}, 
     		 		1800
     		 	);
     			} );
     		}
     		
     		function indexIntroLeft( pic, pos) {
     			//alert( $("#content-intro-left #layer1 img.leftimg-1").offset().left );
 				$("#content-intro-left #layer1 img.leftimg-3").animate({ 
        				left: 222
     		 		}, 
     		 		3600,
     		 		function() {
      				
      					$("#content-intro-left #layer1 img.leftimg-2").animate({ 
        					left: 111
     		 				}, 
     		 				1800,
     		 				function() {
      				
      							$("#content-intro-left #layer1 img.leftimg-1").animate({ 
        							left: 0
     		 						}, 
     		 						1800
     		 				);
     			}
     		 				);
     			} );
     		
     			$("#content-intro-left #layer1 img.leftimg-4").animate({ 
        				left: 0
     		 		}, 
     		 		1800,
     		 		function() {
      				
      					$("#content-intro-left #layer1 img.leftimg-5").animate({ 
        					left: 111
     		 				}, 
     		 				1800,
     		 				function() {
      				
      							$("#content-intro-left #layer1 img.leftimg-6").animate({ 
        							left: 222
     		 						}, 
     		 						1800,
     		 				function() {
      				
      							indexIntro2();
     			}
     		 				);
     			}
     		 				);
     			} );
     		}
     		
     		function changeIntro() {
     			if(  $("#content-intro-text div.layer1").css( 'z-index' ) == 12) {
						vLayer1 = $("#content-intro-text div.layer1");
						vLayer2 = $("#content-intro-text div.layer2");
						vLayer3 = $("#content-intro-text div.layer3");
					}
					else if(  $("#content-intro-text div.layer2").css( 'z-index' ) == 12) {
	  					vLayer1 = $("#content-intro-text div.layer2");
						vLayer2 = $("#content-intro-text div.layer3");
						vLayer3 = $("#content-intro-text div.layer1");
	 				}
					else {
	  					vLayer1 = $("#content-intro-text div.layer3");
						vLayer2 = $("#content-intro-text div.layer1");
						vLayer3 = $("#content-intro-text div.layer2");
	 				}
	 				vLayer1.css( 'display', 'block' );
	 				vLayer2.css( 'display', 'block' );
	 				vLayer3.css( 'display', 'none' );
					
					vLayer1.fadeOut( 2000, function callback() {
						vLayer1.css( 'z-index', '10' );
						vLayer2.css( 'z-index', '12' );
						vLayer3.css( 'z-index', '11' );
	 				});
     		}
     		
     		function startAnimation() {
     			setInterval( function(){
        			changeIntroLeft();
        			changeIntro();
     			}, 4000)
     		}
     		
     		function changeIntroLeft() {
     			if(  $("#content-intro-left #layer1").css( 'z-index' ) == 11) {
						vTopLayer = $("#content-intro-left #layer1");
						vLayer = $("#content-intro-left #layer2");
					}
					else {
	  					vTopLayer = $("#content-intro-left #layer2");
						vLayer = $("#content-intro-left #layer1");
	 				 }
	 				vTopLayer.css( 'display', 'block' );
	 				vLayer.css( 'display', 'block' );
					vTopLayer.fadeOut( 2000, function callback() {
  						vLayer.css( 'z-index', '11' );
  						vTopLayer.css( 'z-index', '10' );
					});
     		}
     		
     		function changeLeft() {
     			if(  $("#content-left #layer1").css( 'z-index' ) == 11) {
						vTopLayer = $("#content-left #layer1");
						vLayer = $("#content-left #layer2");
					}
					else {
	  					vTopLayer = $("#content-left #layer2");
						vLayer = $("#content-left #layer1");
	 				 }
	 				vTopLayer.css( 'display', 'block' );
	 				vLayer.css( 'display', 'block' );
					vTopLayer.fadeOut( 2000, function callback() {
  						vLayer.css( 'z-index', '11' );
  						vTopLayer.css( 'z-index', '10' );
					});
     		}
 	
 	});
 	
	$(document).ready(function()
 	{
 	
 				vLeftOffset = $("#content-intro-left #layer1 img.leftimg-1").offset().left;
 				vRightOffset = vLeftOffset + 663;
 				
 				$("#content-intro-left #layer1 img.leftimg-1").css( 'left', 0 - 111 - vLeftOffset + 'px' );
 				$("#content-intro-left #layer1 img.leftimg-2").css( 'left', 0 - 222 - vLeftOffset + 'px' );
 				$("#content-intro-left #layer1 img.leftimg-3").css( 'left', 0 - 333 - vLeftOffset + 'px' );
 				$("#content-intro-left #layer1 img.leftimg-4").css( 'left', 10 + vRightOffset + 'px' );
 				$("#content-intro-left #layer1 img.leftimg-5").css( 'left', 121 + vRightOffset + 'px' );
 				$("#content-intro-left #layer1 img.leftimg-6").css( 'left', 232 + vRightOffset + 'px' );
 				
 				$("#content-intro-text").css( 'display', 'none' );
 				$("#header").css( 'visibility', 'hidden' );
 	
 				$('a.ep').nospam();
				$('span.ep').nospam();
				
				$("#content-intro-text img.intro").hover(
      				function () {
        				$("#content-intro-text a.link").css( 'display', 'block' );
      				}, 
      				function () {
        				$('#content-intro-text a.link').css( 'display', 'none' );
      				}
    			);
 				
 	});