$(function(){
	$('.tophit .carimg').bind('mouseenter', function (){
		$(this).fadeTo("slow", 0.1);
	});
	$('.tophit .carimg').bind('mouseleave', function (){
		$(this).fadeTo("slow", 1);
	});
	$('.tophit .next').bind('click',function(){
		$('.tophit .elements').stop();
		var numOfCars=$('.tophit .elements > .element').length;
		var currOffset=$('.tophit .elements').css('left');
		var nextOffset=currOffset.replace(/px/,'');

		if(nextOffset=='auto') nextOffset=0;
		nextOffset=Math.max(Math.round(nextOffset/265)*265-265,(numOfCars-1)*(-265));
		var elementIdx=(nextOffset/(-265))+1;
		nextOffset=nextOffset+'px';
		
		/*var $imgSpan=$('.tophit .elements > .element:eq('+elementIdx+') div.carimg span');
		var href=$imgSpan.attr('rel');
		var cssClass=$imgSpan.attr('class');
		$imgSpan.parent().html('<img src="'+href+'" class="'+cssClass+'" />');*/
		$imgSpan=$('.tophit .elements > .element:eq('+elementIdx+') div.carimg span').toImage();
		
		if(nextOffset!=currOffset){
			$('.tophit .elements').animate({left:nextOffset},500);
		}
		return false;
	});
	$('.tophit .prev').bind('click',function(){
		$('.tophit .elements').stop();
		var currOffset=$('.tophit .elements').css('left');
		currOffset=currOffset.replace(/px/,'');
		if(currOffset=='auto') currOffset=0;
		currOffset=Math.min(0,Math.round((currOffset-0)/265)*265+265);
		$('.tophit .elements').animate({left:currOffset+'px'},500);
		return false;
	});

});