$(document).ready(function() {
	/* Faktatietoa (ns. etusivu) */
	$("#tietoa-link").fancybox({
		'titlePosition': 'inside',
		'transitionIn': 'none',
		'transitionOut': 'none',
		'onStart': function() {
				$("#kartta").show();
				$("#ota-yhteytta").hide();
			}			
		    });

	/* Youtube-slideri "jes" */
	var slider_i = 0;
	slides = $("#slider .slide");
	/* Initially show 3 first slides */
	for(i=0; i<3; i++) {
	    $(slides[i]).toggleClass("selected");
	}
	/* Initial field separators */
	for(i=0; i<2; i++) {
	    $('<div class="slide-separator"></div>').insertAfter($(slides[slider_i + i]));
	}
	$("#slider .next").click(function() {
		/* Hide all slides */
		if(slider_i < slides.length - 3) {
		    $(slides).removeClass("selected");
		}
		    $(".slide-separator").remove();
		/* Show next slides */
		for(i=0; i<3; i++) {
		    $(slides[slider_i + i + 1]).addClass("selected");
		}
		if(slider_i + 3 < slides.length) {
		    slider_i++;
		}
		for(i=0; i<2; i++) {
		    $('<div class="slide-separator"></div>').insertAfter($(slides[slider_i + i]));
		}
	    });
	$("#slider .prev").click(function() {
		/* Hide all slides */
		if(slider_i > 0) {
		    $(slides).removeClass("selected");
		    slider_i--;
		} else {
		    return 0;
		}
		$(".slide-separator").remove();
		$(".slide").removeClass("selected");
		for(i=0;i<3;i++) {
		    $(slides[slider_i + i]).addClass("selected");
		}
		for(i=0; i<2; i++) {
		    $('<div class="slide-separator"></div>').insertAfter($(slides[slider_i + i]));
		}

	});

	/* Fancyboxissa vaihtuu sivut, "jes" */	
	$("#ota-yhteytta-link").click(function(){
		$("#kartta").hide();
		$("#ota-yhteytta-kiitos").hide();
		$("#ota-yhteytta").show();
		return false;
	});

	/* Yhteydenotto-formit submit */
    	$("#ota-yhteytta-form").submit(function() {
    		$.post(
			"/24000-palaute",
    			$("#ota-yhteytta-form").serialize(),
    			function(data) {
    				if(data) {
	    				$("#ota-yhteytta-form #errors").replaceWith('<div id="errors" class="ngformError>Täytä pakolliset kentät</div>');
    				} else {
    					$("#ota-yhteytta-form").replaceWith('<h2 style="margin-top: 150px; margin-left: 130px;">Kiitos palautteesta</h2>');
    					Cufon.replace("h2");
    					$("#kartta").hide();
    				}
    			}
    		);
        	return false;
      	});
});