var Carusel = new Object();

Carusel.n = 0;
Carusel.prev = 0;

Carusel.animate = function(i,speed)
		{

				$("#carusel-view > li").css({"z-index":"1","opacity":1});
				$("#carusel-view ."+Carusel.prev).css({"z-index":"2","opacity": 1});
				$("#carusel-view ."+i).css({"z-index":"3","opacity": 0});
				$("#carusel-view ."+i).fadeTo(speed,1);
		
			
			$("#carusel-navigation li a").removeClass("carusel-active");
			$("#carusel-navigation ."+i+" a").addClass("carusel-active");
			Carusel.prev = i		
		}
$(document).everyTime("10s", function(i) {
					
						if(Carusel.n<$("#carusel-view li").length-1)
						Carusel.n++;
						else
						Carusel.n=0;
						Carusel.animate(Carusel.n,2500);
					

}, 0);
$(document).ready(function(){
	if($("#carusel-view").length)
	{
		$("#carusel-view > li").each(function(i){
			$(this).attr("class", i);
			$("#carusel-navigation").append('<li class='+i+'><a href="#"></a></li>');
		});
		Carusel.animate(0,0);
		$("#carusel-navigation li a").click(function(e){
			e.preventDefault();
			Carusel.n = $(this).parent().attr("class");
			Carusel.animate(Carusel.n,500);
		});
		$("#carusel-left").click(function(e){
			e.preventDefault();
			if(Carusel.n == 0)
			Carusel.n = $("#carusel-navigation > li").length-1;
			else
			Carusel.n--;
			Carusel.animate(Carusel.n,500);
		});
		$("#carusel-right").click(function(e){
			e.preventDefault();
			if(Carusel.n<$("#carusel-navigation > li").length-1)
			Carusel.n++;
			else
			Carusel.n=0;
			Carusel.animate(Carusel.n,500);
		});
	}
	
});