// Peltikaksikko JavaScript

if(ie == 0) {
	
	Cufon.replace('h1', { fontFamily: 'Myriad Pro Bold' });
	
	Cufon.replace('h2', { fontFamily: 'Myriad Pro' });
	
	Cufon('nav ul li', { fontFamily: 'Myriad Pro Bold', hover: { color: '-linear-gradient(#f78a00, #e37f00)' }});

}

$(window).load(function() {
	
	$("#valkoinenfade").css({ "height": $(document).height() });
	
	$("#valkoinenfade").fadeOut(600).queue( function () { $(this).css({ 'display': 'none' }) });
	
});

$(document).ready(function() {
	
	if ((navigator.userAgent.toLowerCase().indexOf("firefox") + 1)) { // Korjataan Firefoxin omituinen line-height bugi
	
		$(".checkbox").css({ 'margin-top': '17px' });
	
	}	
    
	function filterPath(string) {
	
		return string.replace(/^\//,'').replace(/(index|default).[a-zA-Z]{3,4}$/,'').replace(/\/$/,'');
	
	}
	var locationPath = filterPath(location.pathname);
	
	var scrollElem = scrollableElement('html', 'body');
		
	$('a[href*=#]').each(function() {
		
		var thisPath = filterPath(this.pathname) || locationPath;
		
		if (locationPath == thisPath && (location.hostname == this.hostname || !this.hostname) && this.hash.replace(/#/,'') ) {
			
		  	var $target = $(this.hash), target = this.hash;
		  
		  	if (target) {
			  
				var targetOffset = $target.offset().top;
			
				if(targetOffset > $("nav").css("top")) {
				
					targetOffset = $targetOffset + 300;
					
				}
				
				targetOffset = targetOffset - 36;
			
				$(this).click(function(event) {
					
					if(target == "#yhteydenotto") {
					
						targetOffset = 0;
						
						
					}
				
			  		event.preventDefault();
			  
			  		$(scrollElem).animate({scrollTop: targetOffset}, 1500, 'easeInOutExpo');
			  
				});
			
		  	}
		  
		}
		
	});
		
	$('#kiipea_ylos').click(function() {
		
		  $(scrollElem).animate({scrollTop: 0}, 1500, 'easeInOutExpo');
		  
	});
		
	function scrollableElement(els) {
		
		for (var i = 0, argLength = arguments.length; i <argLength; i++) {
			
		 	var el = arguments[i],
		  
				$scrollElement = $(el);
			  
		  	if ($scrollElement.scrollTop() > 0) {
			  
				return el;
			
			} else {
				
				$scrollElement.scrollTop(1);
				
				var isScrollable = $scrollElement.scrollTop() > 0;
				
				$scrollElement.scrollTop(0);
				
				if (isScrollable) {
					
			  		return el;
				}
			}
		}
		
		return [];
	}
	
	
	var naviYlocation = parseInt($("nav").css("top").substring(0, $("nav").css("top").indexOf("px")));
  
	$(window).scroll(function () {
		
		var vanhalinkki = linkki;
		
		var linkki = '#' + $("#wrapper > section > article > h1:in-viewport:first").parent().attr('id') + "linkki";

		$("nav a").each(function(index, element) {
			
            $(this).removeClass('valittu');
			
        });
		
		$(linkki).addClass('valittu');

		if(vanhalinkki != linkki && ie == 0) {
		
			Cufon.refresh();
			
		}
		
		if(ie == 0) {
			
			if($(document).scrollTop() > 2500) {
				
				feidi = 1;	
				
			} else {
				
				feidi = 1;
				
				if($(window).width() < 1920 && $(window).height() < 1080) {
					
					var feidi = Math.round((($(document).scrollTop() / 2500) * (100 + (($(document).scrollTop() - 2500)/1.4))));
					
					feidi = (feidi / 100) ;
				
				}
			}
			
			$("#alas").css({ 'opacity': feidi });
	
		} else {
		
			if($(document).scrollTop() > 2500) {
				
				$("#alas").css({ 'display': 'block' });
				
			} else {
				
				$("#alas").css({ 'display': 'none' });
			}
			
		}
	
		/* ----- */
	
		var navioffset = (naviYlocation) + $(document).scrollTop();
		
		keskitys = navioffset;

		if(keskitys > 2800) {
		
			keskitys = 2800;
			
		} else if(keskitys < 440) {
		
			keskitys = 440;
			
		}

		keskitys = keskitys + "px";
			
		$("nav").animate({
			
			top: keskitys
			
		}, { duration:800, queue:false }, 'easeInOutExpo');

	
	});
	
	// form
	
	$(".vasenbox").click(function() {
	
		if($(this).data("valittu") == "ei") {
		
			if(ie == 0) {
				$(this).data("valittu", "kylla").find("img").css({ 'opacity': '0', 'display': 'block' }).animate({ opacity: 1 }, 400);
			} else {
				$(this).data("valittu", "kylla").find("img").css({ 'display': 'block' });
			}	
			
		} else {
			
			if(ie == 0) {
				$(this).data("valittu", "ei").find("img").animate({ opacity: 0 }, 400);
			} else {
				$(this).data("valittu", "ei").find("img").css({ 'display': 'none' });
			}				
			
		}
	
	});
	
	$("#laheta").click(function() {
		
		if($(this).attr("src") == "kuvat/laheta.png") {
			
			virhe = 0;
				
			
			if($("#nimi").val() == "") {
			
				$("#nimi").css({ 'background': 'url(kuvat/vaseninput_not.png) top left no-repeat' });
				
				virhe++;
				
			} 
			
			$("#nimi").focus(function() { $(this).css({ 'background': 'url(kuvat/vaseninput.png) top left no-repeat' }); });
			
			// --------------
			
			if($("#kohde").val() == "") {
			
				$("#kohde").css({ 'background': 'url(kuvat/vaseninput_not.png) top left no-repeat' });
				
				virhe++;
				
			} 
			
			$("#kohde").focus(function() { $(this).css({ 'background': 'url(kuvat/vaseninput.png) top left no-repeat' }); });
			
			// --------------
			
			if($("#puh").val() == "") {
			
				$("#puh").css({ 'background': 'url(kuvat/vaseninput_not.png) top left no-repeat' });
				
				virhe++;
				
			} 
			
			$("#puh").focus(function() { $(this).css({ 'background': 'url(kuvat/vaseninput.png) top left no-repeat' }); });				
			
			if(virhe == 0) {
				
				$("#laheta").attr("src", "kuvat/loading.gif").css({ 'width': '24px', 'height': '24px', 'bottom': '30px', 'right': '20px' });
				
				var tiedustelu = "";
				
				$(".vasenbox").each(function() {
					
					if($(this).data("valittu") == "kylla") {
						
						tiedustelu = tiedustelu + $(this).data("nimi") + ", ";
						
					}
					
				});
				
				tiedustelu = tiedustelu.substring(0, tiedustelu.length-2);
				
				if($(".muuboksi input").val() != "" && $(".muuboksi input").val() != $(".muuboksi input").attr("placeholder")) {
					
					tiedustelu = tiedustelu + ", " + $(".muuboksi input").val();
					
				}
				
				if($("#tekstialue textarea").val() != "" && $("#tekstialue textarea").val() != $("#tekstialue textarea").attr("placeholder")) {
				
					var lisatieto = $("#tekstialue textarea").val();
					
				} else {
				
					var lisatieto = "";
					
				}
				
				
				var palaute = {
					
					nimi: $("#nimi").val(),
					kohde: $("#kohde").val(),
					puh: $("#puh").val(),
					sposti: $("#sposti").val(),
					tiedustelu: tiedustelu,
					lisatieto: lisatieto,
					jasentunnus: $("#jasentunnus").val()
					
				};
				
				$.ajax({ 
				 
					  type: "POST",  
					  url: "posti.php",  
					  data: palaute,  
					  success: function() {	
					  
						if(ie == 0) {
						
							$("#kiitos").css({ 'opacity': '0', 'display': 'block' }).animate({ opacity: 1 }, 1500);
							
							$("#tarjouspyyntolomakewrapper").animate({ opacity: 0 }, 800);
							
						} else {
							
							$("#kiitos").css({ 'display': 'block' });
							
						}
					  
					  }
					  
				});
				
			}
		}

	});

	
	// Placeholderit IE:lle
	
	if(ie == 1) {
		
		
		$("#jokinmuu").focus(function() { 
			if($(this).val() == $(this).attr('placeholder')){
				$(this).val('');
			}
			
			$(this).css({ 'color': '#403f3c' });
			
		});
		  
		$("#jokinmuu").blur(function() {
			if($(this).val() == ''){
			  $(this).val($(this).attr('placeholder')).css({ 'color': '#b4a9a9' });;
			}
		});
		
		$("#jokinmuu").blur();		
		
		$("#viestikentta").focus(function() { 
			if($(this).val() == $(this).attr('placeholder')){
				$(this).val('');
			}
			
			$(this).css({ 'color': '#403f3c' });
			
		});
		  
		$("#viestikentta").blur(function() {
			if($(this).val() == '') {
				$(this).val($(this).attr('placeholder')).css({ 'color': '#b4a9a9' });
			} 
		});
		
		$("#viestikentta").blur();
			
	}
	
	// Kuvagalleria
	
	$(".kuvalaatikko").click(function() {
		
		$("#taustakuva").css({ "opacity": "0.7" }).fadeIn("slow");
		
		kuva = $(this).find("img");
		
		if($(this).find("img").data("ladattu") != "kylla") {
			
			$("#popupkuva").find("img").attr("src", kuva.data("nimi")).load(function() { 
			
				kuva.data("ladattu", "kylla");
			
				keskitaKuva(); 
				
				$("#popupkuva").f
				
				$("#popupkuva").fadeIn("slow");		
	
			});
			
		} else {

			$("#popupkuva").find("img").attr(kuva.data("nimi"));

			keskitaKuva();
			
			$("#popupkuva").fadeIn("slow");
			
		}

		
	});

	function keskitaKuva() {
	
		$("#popupkuva").css("top", (($(window).height() - $("#popupkuva").height()) / 2) + $(window).scrollTop() + "px");
		
		$("#popupkuva").css("left", (($(window).width() - $("#popupkuva").width()) / 2) + $(window).scrollLeft() + "px");
		
		$("#popupkuva").css("position", "absolute");
		
		$("#taustakuva").css({ "height": $(document).height() });

	}
	
	$("#taustakuva, #popupkuva").click(function() {
		
		$("#taustakuva").fadeOut("slow");
		
		$("#popupkuva").fadeOut("slow");		
	
	});
	
});