$(document).ready(function() {
	var oletus_ala = null;
	$('a.fancybox').fancybox({
		'titlePosition'	: 'inside',
		'titleFormat'	: function(title, currentArray, currentIndex, currentOpts) {
							return '<span id="fancybox-title-over" style="background-color: #FFFFFF:">Kuva ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
						  }
	});
	$('a.fancybox_iframe').fancybox({
		'width'				: '75%',
		'height'			: '75%',
		'autoScale'			: false,
		'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'type'				: 'iframe'
	});
	
	// Jos Metatiedoissa on kerrottu oletuksena avattava valikko
	if($("meta[name='oletusvalikko']")) {
		// Luetaan pilkottu-tauluun oletusvalikossa olevat numerot
		var pilkottu = $("meta[name='oletusvalikko']").attr('content').split("_");
		// Jos ensimmäinen luku (ylävalikko) ei ole nolla
		if(pilkottu[0] != 0) {
			// Muutetaan oikean ylävalikon taustakuva korostetuksi
			$('#ylavalikko li:nth-child('+pilkottu[0]+')').css('background-image', 'url(images/ylavalikko_korostettu.png)');
			// Tallennetaan alavalikko-elementti globaaliin muuttujaan
			oletus_ala = $('.alavalikko:nth-child('+(pilkottu[0]-1)+')');
			// Tuodaan oikea alavalikko näkyviin
			oletus_ala.show();
		}
		// Jos toinen luku (alavalikko) ei ole nolla
		if(pilkottu[1] != 0) {
			// Muutetaan alavalikossa oikean kohdan taustakuva korostetuksi
			$('.alavalikko:nth-child('+(pilkottu[0]-1)+') li:nth-child('+(pilkottu[1])+')').css('background-image', 'url(images/alavalikko_korostettu.png)');
		}
	}
	// Ylävalikon li-elementtien hover
	$("#ylavalikko>li").hover(
	  // Kursori päälle
	  function () {
		// Lisätään kohde-elementille tyyli
		$(this).addClass("ylahover");
		// Tallennetaan muuttujaan kohteen id
		var ylaid = $(this).attr("id");
		// Jos kohteen id löytyi ja sen alavalikko ei ole sama 
		// kuin oletuksena näkyvissä oleva alavalikko
		if (ylaid && ("ala_"+ylaid) != oletus_ala.attr("id")) {
			// Piilotetaan kaikki alavalikot
		 	$(".alavalikko").hide();
			// Lopetetaan näytettävän alavalikon animaatio
			$("#ala_"+ylaid).stop(true,true);
			// Tuodaan näytettävä alavalikko esiin
			//$("#ala_"+ylaid).delay(300).fadeIn("fast");
			$("#ala_"+ylaid).show();
		}
		// Jos kohteella ei ollut id-tunnistetta
		else if(ylaid == "") {
			// Piilotetaan kaikki alavalikot
			//$(".alavalikko").delay(500).fadeOut("fast");
			$(".alavalikko").hide();
		}
	  },
	  // Kursori pois päältä
	  function () {
		// Poistetaan kohteelta korostustyyli
		$(this).removeClass("ylahover");
		// Tallennetaan kohteen id muuttujaan
		var ylaid = $(this).attr("id");
		// Jos kohteen id löytyi ja sen alavalikko ei ole sama 
		// kuin oletuksena näkyvissä oleva alavalikko
		if (ylaid && ("ala_"+ylaid) != oletus_ala.attr("id")) {
			// Piilotetaan kohteen alavalikko
			$("#ala_"+ylaid).hide();
			// Tuodaan oletuksena näytettävä alavalikko näkyviin
			oletus_ala.show();
		}
		// Jos kohteella ei ole id-tunnusta ja oletuksena näytettävä
		// alavalikko ei ole tyhjä
		else if(ylaid == "" && oletus_ala != "") {
			// Tuodaan oletuksena näytettävä alavalikko esiin
			//oletus_ala.delay(300).fadeIn("fast");
			oletus_ala.show();
		}
	  }
	);
	
	// Alavalikon li-elementtien hover
	$(".alavalikko>li").hover(
	  // Kursori päälle
	  function () {
		// Lisätään kohteelle korostustyyli
		$(this).addClass("alahover");
		// Jos alavalikon id ei ole sama kuin 
		// oletuksena näytettävä alavalikko
		if($(this).parent().attr('id') != oletus_ala.attr("id")) {
			// Piilotetaan oletuksena näytettävä alavalikko
			oletus_ala.hide();
		}
		// Lopetetaan kohdevalikon animaatiot
		$(this).parent().stop(true,true);
		// Tuodaan kohdevalikko näkyviin
		$(this).parent().show();
	  },
	  // Kursori pois päältä
	  function () {
		// Poistetaan kohteelta korostustyyli
		$(this).removeClass("alahover");
		// Jos kohdevalikko ei ole sama kuin 
		// oletuksena näytettävä alavalikko
		if($(this).parent().attr('id') != oletus_ala.attr('id')) {
			// Piilotetaan kohdevalikko
			//$(this).parent().delay(1500).fadeOut("fast");
			$(this).parent().hide();
			// Tuodaan oletuksena näytettävä alavalikko esiin
			//oletus_ala.delay(2000).fadeIn("fast");
			oletus_ala.show();
		}
	  }
	);	

 });