// JavaScript Document



$(document).ready(function() {
	aktivoi_karuselli();
	
	$("#karuselli_vasen").css('cursor','pointer');
	$("#karuselli_oikea").css('cursor','pointer');
	
	$("#karuselli_vasen").mouseenter(
		function(){
			$(this).attr('src','kuvat/nuoli_vasen_hover.png');
		}
	).mouseleave(
		function(){
      		$(this).attr('src','kuvat/nuoli_vasen.png');
    	}
	)
	
	$("#karuselli_oikea").mouseenter(
		function(){
			$(this).attr('src','kuvat/nuoli_oikea_hover.png');
		}
	).mouseleave(
		function(){
      		$(this).attr('src','kuvat/nuoli_oikea.png');
    	}
	)
	
});


function aktivoi_karuselli(){
	$("#karuselli_vasen").click(function() {
		if ( !$("#karuselli ul").is(':animated') ) {
			karuselli_vasemmalle();
    	}
	});
	
	$("#karuselli_oikea").click(function() {
		if ( !$("#karuselli ul").is(':animated') ) {
			karuselli_oikealle();
    	}
	});
}

function karuselli_vasemmalle(){
	
	/*var tuoteKuvake = $("#karuselli li").last();
	
	$("#karuselli ul").prepend(tuoteKuvake);
	tuoteKuvake.css('margin-left','-300px');
	//tuoteKuvake.css('opacity','1');
	
	tuoteKuvake.animate({
		'margin-left':'0px'
	}, 750, function() {
		// Animation complete.
		
	});*/
	
	var i = 0;
	
	while( i < 3){
		var tuoteKuvake = $('#karuselli li').last();
		$("#karuselli ul").prepend( tuoteKuvake );
		i++;
	}
	
	$('#karuselli ul').css('margin-left','-865px');
	
	$("#karuselli ul").animate(
		{
			'margin-left':'25px'
		}, 1000, function() {
			//aktivoi_karuselli();
			$('#karuselli ul').css('opacity','1');	
		}
	);
	
		
}

function karuselli_oikealle(){
	
	//var tuoteKuvake = $("#karuselli li").first();
	//
	
	//$("#karuselli ul").animate().stop
	
	$('#karuselli ul').css('margin-left','25px');
	
	$("#karuselli ul").animate({
		'margin-left':'-865px'
	}, 1000, function() {
		var i = 0;
		
		while( i < 3){
			var tuoteKuvake = $('#karuselli li').first();
			$("#karuselli ul").append( tuoteKuvake );
			i++;
		}
		
		
		$('#karuselli ul').css('margin-left','25px');
		$('#karuselli ul').css('opacity','1');
		//aktivoi_karuselli();
		
	});
	
	
	/*$('#karuselli li').each(function(index) {
		if( index < 3 ){
			
			var pixels = index * -100 - 300;
			
			$(this).animate({
				'margin-left':pixels+'px',
				'opacity':'0'
			}, 750, function() {
				// Animation complete.
				$("#karuselli ul").append( $(this) );
				$(this).css('margin-left','0px');
				$(this).css('opacity','1');
			});
		}
		//alert(index + ': ' + $(this).text());
	});*/
	
	/*var tuoteKuvake = $("#karuselli li").first();
	
	//'opacity':'0.25',
	
	tuoteKuvake.animate({
		'margin-left':'-300px'
	}, 750, function() {
		// Animation complete.
		$("#karuselli ul").append(tuoteKuvake);
		tuoteKuvake.css('margin-left','0px');
		//tuoteKuvake.css('opacity','1');
	});*/
		
}