// navi.js - tämä tiedosto sisältää kaikki Spinni15-teeman jQuery-kikkailut. Onnistuneesti nimetty siis.
// TODO: aika kova juttu ois tehä funktioita noille näppäimille, melkosen typerää koodia nyt..

function nextReel (id, ehto) {
	if (!ehto) {
		setTimeout( function() {
			// SUPERPURKKA :D
			var idTrue = id;
			if (id == 5) {
				idTrue = 1;
			}
				
			var featuredi = "#featured_" + idTrue;
			var nappi = "#thumbbutton" + idTrue;
			if (!ehto) { // moar gum
				$(".content_wrap").fadeOut(500);
				$(featuredi).fadeIn();
				$("#thumbs a").css("opacity", 0.5);
				$(nappi).css("opacity", 1);
			}
		}, 5000*(id-1));
	}
		
}

hilightPainettu = false; // kun varin jättää edestä pois, muuttujasta pitäisi tulla globaali? /webohj-vinkki


// DOCUMENT: READY, GO! ->
$(document).ready(function() {
		// ALUSTUKSET
		//$(".alanavi").hide(); // alanavigoinnin piilotus KOMMENTOITU POIS, TARKOTUS TEHÄ MYÖS ILMAN JS-TOIMIVUUS!"¤
		$("#featured_1").fadeIn(); // ensimmäinen featured content esille
		$("#thumb1 a").css("opacity", 1); // ensimmäisen featured contentin nappi hailaittiin

		
		
		
		
		/////////////////////////////////////////////////////
		// FB-INIT/*
		 window.fbAsyncInit = function() {
			FB.init({
			  appId  : '173984392643696',
			  status : true, // check login status
			  cookie : true, // enable cookies to allow the server to access the session
			  xfbml  : true  // parse XFBML
			});
		  };
		
		  (function() {
			var e = document.createElement('script');
			e.src = document.location.protocol + '//connect.facebook.net/fi_FI/all.js/';
			e.async = true;
			document.getElementById('fb-root').appendChild(e);
		  }());
		
	
		///////////////////////////////////////////////////
		// Twitterboksin JS
		$("#twitter").getTwitter({
				userName: "spinni_tre",
				numTweets: 4,
				loaderText: "Ladataan Twiittejä...",
				slideIn: true,
				showHeading: false,
			   	showProfileLink: false
			});
	
	
		///////////////////////////////////////////////////
		// Navigoinnin näppäimet
		$("#yla1").click(function (event) {	
			$(".alanavi").fadeOut();
			$("#alanavi1").fadeIn();	
			event.preventDefault();
		});
		
		$("#yla2").click(function (event) {	
			$(".alanavi").fadeOut();
			$("#alanavi2").fadeIn();	
			event.preventDefault();
		});
		
		$("#yla4").click(function (event) {	
			$(".alanavi").fadeOut();
			$("#alanavi3").fadeIn();	
			event.preventDefault();
		});
		
		//////////////////////////////////////////////////
		// Featuredcontent-reelin näppäimet
		// HOX TODO: näihin IE-fiksi, filter(alpha=value);

		$("#thumbbutton1").click(function (event) {
			$(".content_wrap").fadeOut(500);
			$("#featured_1").fadeIn();
			$("#thumbs a").css("opacity", 0.5);
			$("#thumbbutton1").css("opacity", 1);
			event.preventDefault();
			hilightPainettu = true;
		});
		
		$("#thumbbutton2").click(function (event) {
			$(".content_wrap").fadeOut(500);
			$("#featured_2").fadeIn();
			$("#thumbs a").css("opacity", 0.5);
			$("#thumbbutton2").css("opacity", 1);
			event.preventDefault();
			hilightPainettu = true;
		});
		
		$("#thumbbutton3").click(function (event) {
			$(".content_wrap").fadeOut(500);
			$("#featured_3").fadeIn();
			$("#thumbs a").css("opacity", 0.5);
			$("#thumbbutton3").css("opacity", 1);
			event.preventDefault();
			hilightPainettu = true;
		});
		
		$("#thumbbutton4").click(function (event) {
			$(".content_wrap").fadeOut(500);
			$("#featured_4").fadeIn();
			$("#thumbs a").css("opacity", 0.5);
			$("#thumbbutton4").css("opacity", 1);
			event.preventDefault();
			hilightPainettu = true;
		});
		
		// Tämä purkkafiksi luuppaa hilight reeliä, joskus vois tehä jonku oikee systeemin.. TODO
		// HOX HOX bugi: kierrättää pakosta, koska saa hilightPainettu-muuttujan arvon sillon, kun sivu on ladattu
		var larppaaja = 2;
		nextReel(larppaaja, hilightPainettu);
		++larppaaja;
		nextReel(larppaaja, hilightPainettu);
		++larppaaja;
		nextReel(larppaaja, hilightPainettu);
		++larppaaja;
		nextReel(larppaaja, hilightPainettu); // Looppaus jämähtää tuoreimpaan
		
			
		
		///////////////////////////////////////////////////////////////////////////////////////////////////////////////
		// TABINÄPPÄIMIEN SYDEEMIT
		var miksauksetLadattu = false;
		var blogitLadattu = false;
		var uutisetLadattu = false;
		var tapahtumatLadattu = false;
		
		// "Kaikki" -nappi. Tätä ei tarvii ajaxilla kekkuloida, kun sisältö ladataan aina suoraan index.php:n kanssa.
		$("#kaikkinappi").click(function (event) {
				$(".tab").hide(0);
				$(".navi3 a").removeClass("active");
				$("#kaikkinappi").addClass("active");
				$("#seka").show(function() {	
			});
			event.preventDefault();
		});

		// Blogi
		$("#bloginappi").click(function (event) {
			if (blogitLadattu) {
				$(".tab").hide(0);
				$(".navi3 a").removeClass("active");
				$("#bloginappi").addClass("active");
				$("#blogit").show(function() {
				});
			event.preventDefault();
			}
			else {
			$("#lataus").show();
			$(".tab").fadeOut(200);	
			$(".navi3 a").removeClass("active");
			$("#bloginappi").addClass("active");
			$('#blogit').load('/uutissivu/?cat=8', function() {
				$("#blogit").fadeIn(200, function() {
					$("#lataus").hide();
					$("#blogit").append($("#lisaaBlogiWrap"));
				});
			});
			
			event.preventDefault();
			blogitLadattu = true;
			}
		});
		
		
		
		
		
		
		// Uutiset
		$("#uutisnappi").click(function (event) {
			if (uutisetLadattu) {
				$(".tab").hide(0);
				$(".navi3 a").removeClass("active");
				$("#uutisnappi").addClass("active");
				$("#uutiset").show(function() {
				});
			event.preventDefault();
			}
			else {
			$("#lataus").show();
			$(".navi3 a").removeClass("active");
			$("#uutisnappi").addClass("active");
			$(".tab").fadeOut(200);	
			$('#uutiset').load('/uutissivu/?cat=7', function() {
				$("#uutiset").fadeIn(200, function() {
					$("#lataus").hide();
					$("#uutiset").append($("#lisaaUutisWrap"));
				});
			});
			event.preventDefault();
			uutisetLadattu = true;
			}
		});
		
		
		
		
		
		
		// Miksaukset
		$("#miksausnappi").click(function (event) {
			if (miksauksetLadattu) {
				$(".tab").hide(0);
				$(".navi3 a").removeClass("active");
				$("#miksausnappi").addClass("active");
				$("#miksaukset").show(function() {
				});
			event.preventDefault();
			}
			else {
			$("#lataus").show();
			$(".navi3 a").removeClass("active");
			$("#miksausnappi").addClass("active");
			$(".tab").fadeOut(200);	
			$('#miksaukset').load('/uutissivu?cat=9', function() {
				$("#miksaukset").fadeIn(200, function() {
					$("#lataus").hide();
					$("#miksaukset").append($("#lisaaMiksausWrap"));
				});
			});
			event.preventDefault();
			miksauksetLadattu = true;
			}
		});
		
		
		
		
		// Tapahtumat
		$("#tapahtumanappi").click(function (event) {
			if (tapahtumatLadattu) {
				$(".tab").hide(0);
				$(".navi3 a").removeClass("active");
				$("#tapahtumanappi").addClass("active");
				$("#tapahtumat").show(function() {
				});
			event.preventDefault();
			}
			else {
			$("#lataus").show();
			$(".tab").fadeOut(200);
			$(".navi3 a").removeClass("active");
			$("#tapahtumanappi").addClass("active");
			$('#tapahtumat').load('/uutissivu/?cat=13', function() {
				$("#tapahtumat").fadeIn(200, function() {
					$("#lataus").hide();
					$("#tapahtumat").append($("#lisaaTapahtumaWrap"));
				});
			});
			event.preventDefault();
			tapahtumatLadattu = true;
			}
		});
			
			
			
	////////////////////////////////////////////////////
	// LISÄÄ POSTEJA -NÄPPÄIMET
	var sekaSivu = 2;
	var uutisSivu = 2;
	var blogiSivu = 2;
	var miksausSivu = 2;
	var tapahtumaSivu = 2;
	
	// sekanäppäin
	$("#lisaaSeka").click(function (event) {
		event.preventDefault();
		$("#lisaaSekaWrap").addClass("lataus");
		$("#puskuri").load('/uutissivu/page/' + sekaSivu, function() {
			$("#seka").append($("#puskuri"));
			var cnt = $("#puskuri").contents()
			$("#puskuri").replaceWith(cnt);
			
			// Latausnappi uuteen paikkaan
			$('#seka').append($('#lisaaSekaWrap'));
			$("#lisaaSekaWrap").removeClass("lataus");
		});
		sekaSivu = sekaSivu + 1;
	});
	
	
	
	/* Nämä on kommentoitu pois 110906 koska en osaa -MNi
	// uutisnäppäin
	$("#lisaaUutis").click(function (event) {
		event.preventDefault();
		$("#lisaaUutisWrap").addClass("lataus");
		$("#puskuri").load('/uutissivu/page/' + uutisSivu + '?cat=7', function() {
			$("#uutiset").append($("#puskuri"));
			var cnt = $("#puskuri").contents()
			$("#puskuri").replaceWith(cnt);
			
			// Latausnappi uuteen paikkaan
			$('#uutiset').append($('#lisaaUutisWrap'));
			$("#lisaaUutisWrap").removeClass("lataus");
		});
		uutisSivu = uutisSivu + 1;
	});
	
	// bloginäppäin
	$("#lisaaBlogi").click(function (event) {
		event.preventDefault();
		$("#lisaaBlogiWrap").addClass("lataus");
		$("#puskuri").load('/uutissivu/page/' + blogiSivu + '?cat=8', function() {
			$("#blogit").append($("#puskuri"));
			var cnt = $("#puskuri").contents()
			$("#puskuri").replaceWith(cnt);
			
			// Latausnappi uuteen paikkaan
			$('#blogit').append($('#lisaaBlogiWrap'));
			$("#lisaaBlogiWrap").removeClass("lataus");
		});
		blogiSivu = blogiSivu + 1;
	});
		
	
	// miksausnappain
	$("#lisaaMiksaus").click(function (event) {
		event.preventDefault();
		$("#lisaaMiksausWrap").addClass("lataus");
		$("#puskuri").load('/uutissivu/page/' + blogiSivu + '?cat=9', function() {
			$("#miksaukset").append($("#puskuri"));
			var cnt = $("#puskuri").contents()
			$("#puskuri").replaceWith(cnt);
			
			// Latausnappi uuteen paikkaan
			$('#miksaukset').append($('#lisaaMiksausWrap'));
			$("#lisaaMiksausWrap").removeClass("lataus");
		});
		miksausSivu = miksausSivu + 1;
	});
	
	// tapahtumanäppäin
	$("#lisaaTapahtuma").click(function (event) {
		event.preventDefault();
		$("#lisaaTapahtumaWrap").addClass("lataus");
		$("#puskuri").load('/uutissivu/page/' + tapahtumaSivu + '?cat=13', function() {
			$("#tapahtumat").append($("#puskuri"));
			var cnt = $("#puskuri").contents()
			$("#puskuri").replaceWith(cnt);
			
			// Latausnappi uuteen paikkaan
			$('#tapahtumat').append($('#lisaaTapahtumaWrap'));
			$("#lisaaTapahtumaWrap").removeClass("lataus");
		});
		tapahtumaSivu = tapahtumaSivu + 1;
	});
	*/
	
	/////////////////////////////////////////////////////
	// Kikkare, jolla avataan oikeat alanavit, jos ylemmän tason navi on aktiivinen!
	
	// Kerho-sivu
	if ($("#yla2").hasClass("active")) {
		$("#alanavi2").show();
	}
	
	// Vuokraus-sivu
	if ($("#yla1").hasClass("active")) {
		$("#alanavi1").show();
	}
	
	});