carusel = function(elems, panelCont,thumbsClass, mainId, interval ) {
	
	this.elems	      = elems;
	this.width	      = 0;
	this.left 	      = 0;
	this.fullWidth   = 0,
	this.interval	  = interval;
	this.pause		  = 15000;
	this.id			  = 0;
	this.timeOutID = 0;
	this.thumbsClass = thumbsClass;
	this.mainId         = mainId;
	
	this.width  = $("."+panelCont).width();
	
	this.fullWidth = this.elems * this.width;
	$("#"+this.mainId).width(this.fullWidth);
	
	this.setActive	= function() {
		i = Math.ceil(this.left/this.width);
		$($("."+this.thumbsClass+" > ul > li")[i]).addClass("on");
	};
	
	this.removeActive = function() {
		$("."+this.thumbsClass+" > ul > li").each(function() {$(this).removeClass("on")});
	};
	
	this.moveSlide	= function(left) {
		
		this.removeActive();
		if(left>(this.fullWidth - this.width)) left -= this.fullWidth;
		if(left<=-this.width) left +=this.fullWidth;
		//$("#"+this.mainId).animate({opacity:0},650,'easeboth').animate({left:"-"+left+"px"},10,"easeboth").animate({opacity:1},650,'easeboth');
		$("#"+this.mainId).animate({left:"-"+left+"px"},1,"easeboth").animate({opacity:1},1,'easeboth');
		this.left = left;
		this.setActive();
		return false;
	};
	
	this.next = function() {
		//alert(this.width);
		this.left += this.width;
		this.moveSlide(this.left);
	};
		
	this.prev = function() {
		this.left -= this.width;
		this.moveSlide(this.left);
	};

	this.startTimer	=  function() {
		var self = this;
		this.id = setInterval(function () {self.next();}, this.interval);
		//alert(this.thumbsClass );
	};
	
	this.resetTimer	 = function() {
		clearInterval(this.id);
		clearTimeout(this.timeOutID);
		var self = this;
		this.timeOutID = setTimeout(function () {self.startTimer();},this.pause);
	};
	
	var self = this;
	$("."+this.thumbsClass+"> ul > li").each( function(i) {
		$(this).mouseover(function() {
			
			clearInterval(self.id);
			self.moveSlide(i * self.width);
			self.resetTimer();
			return false;
		})
		
	});
	
	this.startTimer();
	
	
};