// JavaScript Document


$(document).ready(function() {
		
		if ($.cookie('kilpailu_ikkuna') === 'on') {
			
			$("#haku_toggle").css("color", "#FF0");	
			
		}
		
		$("#haku_toggle").click(function() {
			
			$("#sivuboxi").fadeToggle(500);
			
			if ($.cookie('kilpailu_ikkuna') === 'off') {
				
				$.cookie('kilpailu_ikkuna', 'on');
				$("#haku_toggle").css("color", "#FF0");	
				
			}
			
			else {
			
				$.cookie('kilpailu_ikkuna', 'off');
				$("#haku_toggle").css("color", "#a02270");
				
			}
			
		});
		
		$("#pikahaku_close").click(function() {
			
			$("#sivuboxi").fadeToggle(500);
			
			if ($.cookie('kilpailu_ikkuna') === 'off') {
				
				$.cookie('kilpailu_ikkuna', 'on');
				$("#haku_toggle").css("color", "#FF0");	
				
			}
			
			else {
			
				$.cookie('kilpailu_ikkuna', 'off');
				$("#haku_toggle").css("color", "#a02270");
				
			}

			
		});
		
		$("#info_1_1").click(function() {
			
			$("#info_1_2").fadeTo(500,0.85);
			
		});
		
		$("#info_1_2").mouseleave(function(){
		
			$(this).animate({
				
				left: '+=200',
				opacity: '0'
				
				
			},500,function(){
				
					$(this).css("left", "0");
					$(this).css("display", "none");
				
				});	
			
		});
		
		$("#info_1_1").hover(function() {
			
			$(this).fadeTo(200,0.85);	
			
		},function(){
			
			$(this).fadeTo(200,0.60);
		
		});
		
		$("#info_2_1").click(function() {
			
			$("#info_2_2").fadeTo(500,0.85);
					
			
		});
		
		$("#info_2_2").mouseleave(function(){
		
			$(this).animate({
				
				right: '+=200',
				opacity: '0'
				
				
			},500,function(){$(this).css("right", "0");
			
			$(this).css("display", "none");
			
			});	
			
		});
		
		$("#info_2_1").hover(function() {
			
			$(this).fadeTo(200,0.85);	
			
		},function(){
			
			$(this).fadeTo(200,0.60);
		
		});
		
		$("#info_3_1").click(function() {
			
			$("#info_3_2").fadeTo(500,0.85);
					
			
			
		});
		
		$("#info_3_2").mouseleave(function(){
		
			$(this).animate({
				
				left: '+=200',
				opacity: '0'
				
				
			},500,function(){$(this).css("left", "0");
			
			$(this).css("display", "none");
			
			});
			
		});
		
		$("#info_3_1").hover(function() {
			
			$(this).fadeTo(200,0.85);	
			
		},function(){
			
			$(this).fadeTo(200,0.60);
		
		});
		
		
		$("#alamainos").hover(function(){
			
			$(this).animate({opacity: '0.7'},500);
			$(this).css('cursor', 'pointer');
			
		}, function(){
			
			$(this).animate({opacity: '1'},500);
			
		});
		
		
		/* POPUPPI */
		
		
		
		var popuppiStatus = 0;
		var nimi = $("#tarjouskuva").attr("name");
		
		function popupCenter() {
			
			var ikkunaLeveys = document.documentElement.clientWidth;
			var ikkunaKorkeus = document.documentElement.clientHeight;
			var popupLeveys = $("#popupMainos").width();
			var popupKorkeus = $("#popupMainos").height();
			
			$("#popupMainos").css({
				
				"top": ikkunaKorkeus / 2 - popupKorkeus / 2,
				"left": ikkunaLeveys / 2 - popupLeveys / 2
			
			});
		
		}
		
		function popuppiAvaa() {
			
			$("#popuppiContent").load(nimi+".php");
		
			if (popuppiStatus == 0) {
				
				$("#popupTausta").css("opacity", "0.7");
				
				$("#popupTausta").fadeIn(500);
				$("#popupMainos").fadeIn(500);
				
				popuppiStatus = 1;
				
			}
			
		}
		
		function popuppiSulje() {
			
			if (popuppiStatus == 1) {
				
				$("#popupTausta").fadeOut(500);
				$("#popupMainos").fadeOut(500);
				
				popuppiStatus = 0;
				
			}
			
		}
		
		
		$("#tarjouskuva").click(function(){
			
			popupCenter();
			
			popuppiAvaa();
			
		});
		
		
		$("#popupClose").click(function(){
			
			popuppiSulje();
			
		});
		
		$("#popupTausta").click(function(){
			
			popuppiSulje();
			
		});
		
		$(document).keyup(function(e){
			
			if (e.keyCode == 27) {
				
				popuppiSulje();
				
			}
			
		});
		
		$("#popupClose").hover(function(){$(this).css("color", "#F00")},function(){$(this).css("color", "#000")});
		
	});