var roller = function(arr,showing){
	var eu = this;
	this.displayed = showing;//numero de itens sendo visualizados por vez
	this.itens = arr;
	this.left = $('#setaleft');
	this.right = $('#setaright');
	this.tbl = $('#carros');
	this.itemWidth = $('#carros li').outerWidth() + 21;//quantos pixels cada itens
	this.stepItens = 1;//quantos itens pular por vez

	this.step = 0;//passo atual
	this.totalSteps = eu.itens.length - eu.stepItens - 4;//limite de passos

	this.tbl.width((this.totalSteps + 5) * this.itemWidth);

	this.walk = function(){
		eu.tbl.stop(true);
		eu.tbl.animate({marginLeft:-(eu.step * (eu.itemWidth * eu.stepItens))},400);
	}

	eu.left.click(function(e){
		e.preventDefault();
		if(eu.step > 0){
			eu.step--;
			eu.right.css({visibility:'visible'});
			eu.walk();
		}
		if(eu.step == 0){
			eu.left.css({visibility:'hidden'});
		}
	});
	eu.right.click(function(e){
		e.preventDefault();
		if(eu.step < eu.totalSteps){
			eu.step++;
			eu.left.css({visibility:'visible'});
			eu.walk();
		}
		if(eu.step == (eu.itens.length-5)){
			eu.right.css({visibility:'hidden'});
		}
	});
	eu.left.css({visibility:'hidden'});
	if(eu.itens.length == 5){
		eu.right.css({visibility:'hidden'});
	}

	this.posdetalhe = new Array(20,205,390,575,621);
	this.boxdetalhecar = $('#boxdetalhecar');
	if($.browser.msie){
		this.boxdetalhecar.css({visibility:'hidden'});
	} else {
		this.boxdetalhecar.css({opacity:0});
	}
	this.poscar = 0;
	this.removecar = true;
	this.timercar;

	this.animaover = function(){
		$('#carrodetalhe').attr('src','');
		if($.browser.msie){
			eu.boxdetalhecar.css({'display':'block','margin-left':eu.posdetalhe[eu.poscar - eu.step]+'px',visibility:'hidden'});
		} else {
			eu.boxdetalhecar.css({'display':'block','margin-left':eu.posdetalhe[eu.poscar - eu.step]+'px',opacity:0});
		}
		var stcar = $('#stcar'+eu.poscar);

		this.posarr = eu.poscar;

		$('#nomedetalhe').html(eu.itens[this.posarr].nome);
		
		$('#chamadadetalhe').html(eu.itens[this.posarr].chamada);
		
		$('#precodetalhe').html('A PARTIR DE R$'+eu.itens[this.posarr].preco);
		
		$('#carrodetalhe').attr('src',eu.itens[this.posarr].fotodestaque);
		
		$('#saibamaisdetalhe').attr('title',eu.itens[this.posarr].nome);
		$('#saibamaisdetalhe').attr('href',eu.itens[this.posarr].link);
		
		$('#saibamaisdetalhe2').attr('title',eu.itens[this.posarr].nome);
		$('#saibamaisdetalhe2').attr('href',eu.itens[this.posarr].link);
		
		$('#saibamaisdetalhe3').attr('title',eu.itens[this.posarr].nome);
		$('#saibamaisdetalhe3').attr('href',eu.itens[this.posarr].link);

		if($.browser.msie){
			eu.boxdetalhecar.css({visibility:'visible'});
			stcar.css({visibility:'visible'});
		}else{
			eu.boxdetalhecar.stop().animate({opacity:1},300);
			stcar.css({opacity:0,visibility:'visible'}).stop(true,true).animate({opacity:1},300);
		}
	};

	this.animaout = function(pos){
		clearTimeout(eu.timercar)
		if(pos == undefined){
			pos = eu.poscar;
		}
		var stcar = $('#stcar'+pos);

		if($.browser.msie){
			eu.boxdetalhecar.css({visibility:'hidden','display':'none'});
			stcar.css({visibility:'hidden'});
		}else{
			eu.boxdetalhecar.stop(true,true).animate({opacity:0},200,function(){
				eu.boxdetalhecar.css({'display':'none'});
			});
			stcar.stop(true,true).animate({opacity:0},200);
		}
	};

	$('#carros li .hit').mouseover(function(){
		if(eu.timercar != undefined){
			clearTimeout(eu.timercar);
			eu.animaout();
		}

		eu.poscar = $(this).attr('rel');
		eu.poscar--;eu.poscar++;
		eu.timercar = setTimeout(function(){
			eu.animaout(eu.poscar);
		},2000);

		eu.animaover();
	});

	$('#boxdetalhecar').hover(function(){
		clearTimeout(eu.timercar);
	},function(){
		eu.animaout();
	});

	$('#setaleft,#setaright').mouseover(function(){
		//alert('oi');
		eu.animaout();
	});

};