$(function(){

function title(car_num)
	{
		title_car = $(".auto:eq("+ car_num + ") .bname").text() + ' ' + $(".auto:eq("+ car_num + ") .tname").text() + ' ' + $(".auto:eq("+ car_num + ") .mname").text();
		//console.log(title_car);
		return title_car;
	}
	
	function price(car_num)
	{
		price_car = $(".auto:eq("+ car_num + ") .cijena").text();
		
		if(price_car.length>3)
		{
			price_car = price_car.substring(0, price_car.toString().length-3)
			+ '.'
			+ price_car.substring(price_car.toString().length-3);
		}
		
		if(price_car.length>7)
		{
			price_car = price_car.substring(0, price_car.toString().length-7)
			+ '.'
			+ price_car.substring(price_car.toString().length-7);
		}
		
		price_car = price_car + ' ' + $(".auto:eq("+ car_num + ") .valuta").text();
		
		//console.log(price_car);
		
		return price_car;
		
	}
	
	$(function(){
	
		nr_cars = 0;
		inject_car = '';
		
		display = '';
		
		$("body .auto").each(function(nr)
		{ 			
			
			nr_cars++; 			
			
			if(nr!=0){  display = ' style="display:none;" ' }
			
			a_id = $(".auto:eq("+ nr + ")").attr("id");
			a_id = a_id.replace("a", "");
			//console.log(a_id);
			
			inject_car = inject_car + 
					
					 '<div class="auto"' + display + '>' +
					
						 '<a href="erber_ponuda_automobila.php?car='+ a_id +'"><img src="'+ $(".auto:eq("+ nr + ") .slika_mala").text() +'" alt="' +  title(nr) + '" /></a>' +
						
						 '<strong><a href="erber_ponuda_automobila.php?car='+ a_id +'">' + title(nr) + '</a></strong>' +
						
						 '<small>Cijena: ' + price(nr) + '</small>' +
			
					 '</div>';
			
			price(nr);
			
			//sel_price = sel_price.replace(".", "");
			
		});

		active_car = 1;		
		
		$("all_extracted_cars").remove();
		
		$("#random_car").html(inject_car);
	
		$("#random_car .auto:eq(0)").addClass("active");
		
		//console.log(nr_cars);
		
		switch_car = function()
		{
			
			if(active_car==nr_cars){ active_car = 0 };
			
			//console.log('nr cars: ' + nr_cars);
			//console.log('active car: ' + active_car);
			
			$("#random_car .active").fadeOut(1000, function(){
								
				$("#random_car .auto:eq("+ active_car++ +")").fadeIn(1000).addClass("active");
			
			}).removeClass("active");
		}
		
		
		
		var interval = setInterval("switch_car()", 6000);

		$('#random_car').mouseover(function(){
			
			clearInterval ( interval );
			
		})
	
		$('#random_car').mouseout(function(){
			
			interval = setInterval("switch_car()", 6000);
			
		})
		
		//setInterval("switch_car()", 6000);
	
	})	
})