$(document).ready(function () {
	jQuery('.carusel-block ul').jcarousel({
		visible:3,
		scroll: 1,
		animation: 300,
		wrap: 'circular',
		initCallback: mycarousel_initCallback
	});
	function mycarousel_initCallback(carousel) {
		jQuery('.select-model li').bind('click', function() {
			$('.select-model li').removeClass('active');
			$(this).addClass('active');
			var self = this;
			$('.carusel-block .ballon').fadeOut(200, function() {
				$('.carusel-block .ballon .carinfo').html($(self).attr('carinfo'));
				$('.carusel-block .ballon .price').html($(self).attr('price'));
				$('.carusel-block .ballon .select-auto-link').attr('href', $(self).attr('hrefcar'));
				$('.carusel-block .ballon').fadeIn(300);
			});
			
			itemElement = $(this).index('li');
			carousel.scroll(jQuery.jcarousel.intval(jQuery(this).children('small').text()));
			return itemElement;
		});
	};
	var numbersElements = $('.carusel-block ul li').length;
	var itemElement = 0;
	$('.carusel-block .jcarousel-next').click(function () {
		itemElement = itemElement+1;
		$('.select-model li').removeClass('active');
		if (itemElement < numbersElements) {
			$('.select-model li:eq('+itemElement+')').addClass('active');
		} else {
			itemElement = 0;
			$('.select-model li:eq('+itemElement+')').addClass('active');
		}
		$('.carusel-block .ballon').fadeOut(200, function() {
			$('.carusel-block .ballon .carinfo').html($('.select-model li:eq('+itemElement+')').attr('carinfo'));
			$('.carusel-block .ballon .price').html($('.select-model li:eq('+itemElement+')').attr('price'));
			$('.carusel-block .ballon .select-auto-link').attr('href', $('.select-model li:eq('+itemElement+')').attr('hrefcar'));
			$('.carusel-block .ballon').fadeIn(300);
		});
		return itemElement;
		
	});
	$('.carusel-block .jcarousel-prev').click(function () {
		itemElement = itemElement-1;
		$('.select-model li').removeClass('active');
		if (itemElement < 0) {
			itemElement = $('.select-model li').length-1;
			$('.select-model li:eq('+itemElement+')').addClass('active');
		} else {
			$('.select-model li:eq('+(itemElement)+')').addClass('active');
		}
		$('.carusel-block .ballon').fadeOut(200, function() {
			$('.carusel-block .ballon .carinfo').html($('.select-model li:eq('+itemElement+')').attr('carinfo'));
			$('.carusel-block .ballon .price').html($('.select-model li:eq('+itemElement+')').attr('price'));
			$('.carusel-block .ballon .select-auto-link').attr('href', $('.select-model li:eq('+itemElement+')').attr('hrefcar'));
			$('.carusel-block .ballon').fadeIn(300);
		});
		return itemElement;
	});

});