$(document).ready(function(){
	window.currentNav = 1;

	$('#car_nav_step_1').bind('click', function() {
		if($('.cars:animated').length == 0){
			$('.cars.visible').fadeOut(1600, function(){
				$('.cars.visible').removeClass('visible');
				$('.navs img').attr('src', 'images/img_block.jpg');
				$('#car_nav_step_1 img').attr('src', 'images/img_block_selected.jpg');
				window.currentNav = 1
				$('#car1').fadeIn(1600).addClass('visible');
			});
		}
		return false;
	});
	$('#car_nav_step_2').bind('click', function() {
		if($('.cars:animated').length == 0){
			$('.cars.visible').fadeOut(1600, function(){
				$('.cars.visible').removeClass('visible');
				$('.navs img').attr('src', 'images/img_block.jpg');
				$('#car_nav_step_2 img').attr('src', 'images/img_block_selected.jpg');
				window.currentNav = 2;
				$('#car2').fadeIn(1600).addClass('visible');
			});
		}
		return false;
	});
	$('#car_nav_step_3').bind('click', function() {
		$('.cars.visible').fadeOut(1600, function(){
			$('.cars.visible').removeClass('visible');
			$('.navs img').attr('src', 'images/img_block.jpg');
			$('#car_nav_step_3 img').attr('src', 'images/img_block_selected.jpg');
			window.currentNav = 3
			$('#car3').fadeIn(1600).addClass('visible');
		});
		return false;
	});
	$('#car_nav_step_4').bind('click', function() {
		if($('.cars:animated').length == 0){
			$('.cars.visible').fadeOut(1600, function(){
				$('.cars.visible').removeClass('visible');
				$('.navs img').attr('src', 'images/img_block.jpg');
				$('#car_nav_step_4 img').attr('src', 'images/img_block_selected.jpg');
				window.currentNav = 4
				$('#car4').fadeIn(1600).addClass('visible');
			});
		}
		return false;
	});
	$('#car_nav_step_5').bind('click', function() {
		if($('.cars:animated').length == 0){
			$('.cars.visible').fadeOut(1600, function(){
				$('.cars.visible').removeClass('visible');
				$('.navs img').attr('src', 'images/img_block.jpg');
				$('#car_nav_step_5 img').attr('src', 'images/img_block_selected.jpg');
				window.currentNav = 5
				$('#car5').fadeIn(1600).addClass('visible');
			});
		}
		return false;
	});	 

	$('#car_back').bind('click', function() {
		if($('.cars:animated').length == 0){
			$('.cars.visible').fadeOut(1600, function(){
				$('.cars.visible').removeClass('visible');
				if(window.currentNav == 1){
					window.currentNav = 5;
				}else{
					window.currentNav = window.currentNav - 1;
				}
				$('.navs img').attr('src', 'images/img_block.jpg');
				$('#car_nav_step_'+window.currentNav+' img').attr('src', 'images/img_block_selected.jpg');
				$('#car'+window.currentNav).fadeIn(1600).addClass('visible');
			});
		}
		return false;
	});

	$('#car_next').bind('click', function() {
		if($('.cars:animated').length == 0){
			$('.cars.visible').fadeOut(1600, function(){
				$('.cars.visible').removeClass('visible');
				if(window.currentNav == 5){
					window.currentNav = 1;
				}else{
					window.currentNav = window.currentNav + 1;
				}
				$('.navs img').attr('src', 'images/img_block.jpg');
				$('#car_nav_step_'+window.currentNav+' img').attr('src', 'images/img_block_selected.jpg');
				$('#car'+window.currentNav).fadeIn(1600).addClass('visible');
			});
		}
		return false;
	});

	window.timer_car = setInterval(function(){
		$('#car_next').trigger('click');
	}, 6000);

	$('.navs').hover(function(){
		clearInterval(window.timer_car);
	}, function(){
		window.timer_car = setInterval(function(){
			$('#car_next').trigger('click');
		}, 6000);
	});
});