$.fn.preload = function() {
    this.each(function(){
        $('<img/>')[0].src = 'style/images/'+this;

    });
}



 $(document).ready(function(){
		 $(document).pngFix(); 
		 	
		 $(['known_domain_f.png','known_domain_s.png','known_domain_t.png','known_domain_forth.png']).preload();


		$("#first").css('background-position', '10px -149px');
/*		
		$("#first").hover(
			 function () {
				$(this).css('background-position', '10px -149px');
				$("#second").css('background-position', '10px -20px');
				$("#third").css('background-position', '10px -20px');
				$("#fourth").css('background-position', '10px -20px');
			   }
		 )

		 $("#second").hover(
			 function () {
				$(this).css('background-position', '10px -149px');
				$("#first").css('background-position', '10px -20px');
				$("#third").css('background-position', '10px -20px');
				$("#fourth").css('background-position', '10px -20px');
			   }
		 )

		 $("#third").hover(
			 function () {
				$(this).css('background-position', '10px -149px');
				$("#second").css('background-position', '10px -20px');
				$("#first").css('background-position', '10px -20px');
				$("#fourth").css('background-position', '10px -20px');
			   }
		 )

		 $("#fourth").hover(
			 function () {
				$(this).css('background-position', '10px -149px');
				$("#second").css('background-position', '10px -20px');
				$("#third").css('background-position', '10px -20px');
				$("#first").css('background-position', '10px -20px');
			   }
		 )
		 */
		 
		 
		$("#first").click(function(){
			$("#slider-handle").animate({"left": "10px"}, "slow");
			$("#banner_left_1").fadeIn(1000, "linear");
			$("#banner_right_1").fadeIn(1000, "linear");
			$("#first").css('background-position', '10px -149px');

			
			$("#banner_left_2").hide();
			$("#banner_left_3").hide();
			$("#banner_left_4").hide();
			
			$("#banner_right_2").hide();
			$("#banner_right_3").hide();
			$("#banner_right_4").hide();
			
			$("#second").css('background-position', '10px -20px');
			$("#third").css('background-position', '10px -20px');
			$("#fourth").css('background-position', '10px -20px');
			
			//status=true;
		});
		$("#second").click(function(){
			$("#slider-handle").animate({"left": "263px"}, "slow");
			$("#banner_left_2").fadeIn(1000, "linear");
			$("#banner_right_2").fadeIn(1000, "linear");
			$("#second").css('background-position', '10px -149px');

			
			$("#banner_left_1").hide();
			$("#banner_left_3").hide();
			$("#banner_left_4").hide();
			
			$("#banner_right_1").hide();
			$("#banner_right_3").hide();
			$("#banner_right_4").hide();
			
			
			$("#first").css('background-position', '10px -20px');
			$("#third").css('background-position', '10px -20px');
			$("#fourth").css('background-position', '10px -20px');
			
			
		});
		
		$("#third").click(function(){
			$("#slider-handle").animate({"left": "515px"}, "slow");
			$("#banner_left_3").fadeIn(1000, "linear");
			$("#banner_right_3").fadeIn(1000, "linear");
			$("#third").css('background-position', '10px -149px');

			
			$("#banner_left_1").hide();
			$("#banner_left_2").hide();
			$("#banner_left_4").hide();
			
			$("#banner_right_1").hide();
			$("#banner_right_2").hide();
			$("#banner_right_4").hide();
			
			
			$("#first").css('background-position', '10px -20px');
			$("#second").css('background-position', '10px -20px');
			$("#fourth").css('background-position', '10px -20px');
			
			
		});
		
		$("#fourth").click(function(){
			$("#slider-handle").animate({"left": "765px"}, "slow");
			$("#banner_left_4").fadeIn(1000, "linear");
			$("#banner_right_4").fadeIn(1000, "linear");
			$("#fourth").css('background-position', '10px -149px');
			
			$("#banner_left_1").hide();
			$("#banner_left_2").hide();
			$("#banner_left_3").hide();
			
			$("#banner_right_1").hide();
			$("#banner_right_2").hide();
			$("#banner_right_3").hide();
			
						
			$("#first").css('background-position', '10px -20px');
			$("#second").css('background-position', '10px -20px');
			$("#third").css('background-position', '10px -20px');
		});
		
		
		$('.under_construction').click(function(){
			$('#popup').fadeIn('fast');
			$('#window').fadeIn('fast');
		});
		
		$('#close').click(function(){
		   $('#popup').fadeOut('fast');
			$('#window').fadeOut('fast');
		});


});