// js for Ensimetri
$(document).ready(function() {


	$("#showMalli").click( function(e) {
		e.preventDefault();
		$("#temp").toggle();
	});


	
	
	var registerListItem = function( item) {
		$(item).click(function (e) {
			e.preventDefault();
			var pressedId = $(this).html();
			var currentId = $("#cNav .current").html();
			
			$("#headerItemId" + currentId).hide().animate({opacity:0},100, function() {
				$("#headerItemId"+pressedId).show().animate({opacity:1},200);
			});
			$("#cNav .current").removeClass('current');
			$(this).addClass('current');
			
			clearInterval(itemVaihto);
			itemVaihto = setInterval(vaihdaItem, autoLoopInterval);

			
		});
	}
	
	function vaihdaItem() {
		var itemCount = $('.headerItem').size();
		var currentNumber = $('#cNav .current').html();
		var next = 1+parseInt(currentNumber);
		if(next > itemCount) next = 1;
		$('.current').removeClass('current');
		$('#cNav #navItem'+next).addClass('current');
		
		
		$("#headerItemId"+currentNumber).hide().animate({opacity:0},100, function() {
			$("#headerItemId"+next).show().animate({opacity:1},200);
		});

	}


	
	
	
	
	// header carousel
	if( $("#headerCarousel").size() > 0) 
	{
		var cnav = $('<ul id="cNav"></ul>');
	
		var count = $(".headerItem").size();
		//cnav.append(count);
		var listItem;
		
		for (i=1;i<=count;i++)
		{
			
			listItem = $('<li id="navItem'+i+'">'+i+'</li>');
			if(i==1) listItem.addClass('current');
			registerListItem(listItem);
			cnav.append(listItem);
			
			
		}
		
		cnav.css({position:'absolute', bottom:'5px', right:'2px'});
		$("#headerCarousel").append(cnav);
		
		
		var autoLoopInterval = 6000;
		var itemVaihto = setInterval(vaihdaItem, autoLoopInterval);

		
	}
	

	

	
	
	
});