$(document).ready(function() {
	
	$("nav li").hover(

		  function () {
			if(!$(this).hasClass('valittu')) {  
			$(this).find("img").stop();
			$(this).find("img").animate({ 
				opacity: 0
			}, 200 );
			}
		  }, 
		  function () {
			$(this).find("img").stop();
			$(this).find("img").animate({ 
				opacity: 1
			}, 270 );
		  }

	);
	
	$(".paallevienti").hover(
	
		function() {
		
			$(this).find("img").stop;
			$(this).find("img").animate({
				opacity: 0
			}, 300);
		
		},
		function() {
		
			$(this).find("img").stop;
			$(this).find("img").animate({
				opacity: 1
			}, 390);
		}
	
	);
	
	
	if(valittusivu == "") {
		valittusivu = "etusivu";	
	}

	valittu = "#" + valittusivu + "linkki";
	
	$(valittu).addClass('valittu').find("img").data("valittu", valittusivu + "_valittu");	
	
	uusikuva = $('.valittu').find('img').data('valittu') + ".jpg";
	
	$('.valittu').find('img').attr("src", url + "kuvat/nav/" + uusikuva);
	
	//$('#sivuntekstit h1:first-child').addClass('otsikko').data("luokka", "h1");
	
	//$('h2').addClass('otsikko').data("luokka", "h2");
	
	$(".otsikko").each(function() {
        
		sisalto = $(this).text();
		
		sisaltoalt = sisalto;
		
		sisalto = sisalto.replace(/(\?)/g, "PEKFODLFELKQS"); 
		
		sisalto = sisalto.replace(/(&)/g, "AMDKSLDKWJQOIWDJ"); 
		
		//sisalto = $.URLEncode(sisalto);
		
		luokka = $(this).data('luokka');
		
		$(this).replaceWith('<img src="' + url + 'header_kuvat/' + luokka + '/' + sisalto + '.gif" alt="' + sisaltoalt + '" class="otsikkokuva" />');
		
    });	
	
	
});