/*
*
* 	Sitomon karuselli v2
*	&copy Deeper & Pasi Lampinen
*
*/
$(document).ready(function() {	
	var autoLoopInterval = 6500;
	var changeSpeed 	 = 200;
	
	/* Karuselli */
	if($('.karuselliItem').size() > 0) {
		$('.karuselliItem:first').addClass('currentItem');
		var maxHeight = 0;
		$('.karuselliItem').each( function() {
			$(this).css({opacity:0}).hide();
			if($(this).height() > maxHeight) { maxHeight = $(this).height(); $(this).parent().height(maxHeight) }
		});
		$('.currentItem').css({opacity:1, 'z-index':3}).show();
		if($('.karuselliItem').size() > 1) {
			var itemVaihto = setInterval(vaihdaItem, autoLoopInterval);
		}
	}
	
	function vaihdaItem() {
		var itemCount = $('.karuselliItem').size();
		var currentId = $('.currentItem').attr('id');
		var currentNumber = parseInt(currentId.replace('karuselliItem', ''));
		var next = ++currentNumber;
		if(next > itemCount) next = 1;
		$('.currentItem').animate({opacity:0},changeSpeed, function() {$(this).hide()});
		$('.currentItem').removeClass('currentItem');
		$('#karuselliItem'+next).show().addClass('currentItem');
		$('.currentItem').show().animate({opacity:1},changeSpeed);

	}
	
	var registerButtonAction = function( item, dir) {
		$(item).click(function (e) {
			e.preventDefault();
			
			//pysäytetäänn autoloop //ja aloitetaan laskuri alusta
			clearInterval(itemVaihto);
			//itemVaihto = setInterval(vaihdaItem, autoLoopInterval);
			
			var itemCount = $('.karuselliItem').size();
			var currentId = $('.currentItem').attr('id');
			var currentNumber = parseInt(currentId.replace('karuselliItem', ''));
			var next = 0;
			if(dir == 'left') next = --currentNumber;
			else next = ++currentNumber;
			
			if(next > itemCount) next = 1;
			else if(next == 0) next = itemCount;
			
			$('.currentItem').animate({opacity:0},changeSpeed, function() { $(this).hide() });
			$('.currentItem').removeClass('currentItem');
			$('#karuselliItem'+next).show().addClass('currentItem');
			$('.currentItem').show().animate({opacity:1},changeSpeed);
		
		});
	
		/*
		$(item).hover(function (e) {
			$(this).animate( {opacity:0.6},100);
		}, function () {
			$(this).animate( {opacity:0.3},100)
		});
		*/
	};
	
	
	if($('.karuselliItem').size() > 1) {
	
		$('.karuselli').hover(function() {
				$("#leftBtn, #rightBtn").stop().animate({opacity:0.5},150);
			}, function () {
				$("#leftBtn, #rightBtn").stop().animate({opacity:0},150);
		});
	
		
		var controlPane = true;
		
		if(controlPane){
			
			var leftBtn = $('<a href="#" id="leftBtn">left</a>');
			var rightBtn = $('<a href="#" id="rightBtn">right</a>');
			registerButtonAction(leftBtn,'left');
			registerButtonAction(rightBtn,'right');
			
		//	var controls = $('<div id="controls" >  </div>');
		//	controls.append(leftBtn,rightBtn);
			
		//	controls.css({'position':'relative', 'left':'0px', 'top':'0px', 'opacity':0});
			$('#karuselliWrap').append(leftBtn);
			$('#karuselliWrap').append(rightBtn);
			leftBtn.animate({opacity:0},200);
			rightBtn.animate({opacity:0},200);
			
			/*
			$("#karuselliWrap").hover(function() { 
				$('#controls').stop().animate({opacity:1},200)	
			}, function () { 
				$('#controls').stop().animate({opacity:0},500) 
			});
			*/
		
		}
	}
});