$(document).ready(function(){
	var currentPosition = 0;
	var slideWidth = 145;
	var slides = $('.slide');
	var numberOfSlides = slides.length;
	var maxWidth = 0;
	slides.each(function(i) {
		if ($(this).find('img').attr('width') > maxWidth)
			maxWidth = $(this).find('img').attr('width');
	});
	slideWidth = maxWidth;
	$('#slideshow, #slidesContainer, #slideCont').css('width', slideWidth*4+'px');

	// Убираем прокрутку
	$('#slidesContainer').css('overflow', 'hidden');

	// Вставляем все .slides в блок #slideInner
	slides.wrapAll('<div id="slideInner"></div>')
	// Float left to display horizontally, readjust .slides width
	.css({
		'float' : 'left',
		'width' : slideWidth
	});

	// Устанавливаем ширину #slideInner, равную ширине всех слайдов
	$('#slideInner').css('width', slideWidth * numberOfSlides);

	// Вставляем элементы контроля в DOM
	$('#leftControlHere').prepend('<span class="control" id="leftControl"></span>');
	$('#rightControlHere').prepend('<span class="control" id="rightControl"></span>');

	// Прячем правую стрелку при загрузке скрипта
	manageControls(currentPosition);

	// Отлавливаем клик на класс .controls
	function controlClick() {
		// Определение новой позиции
		currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;

		// Прячет / показывает элементы контроля
		manageControls(currentPosition);
		// Move slideInner using margin-left
		$('#slideInner').animate({
			'marginLeft' : slideWidth*(-currentPosition)
		});
	}

	// manageControls: показывает или скрывает стрелки в зависимости от значения currentPosition
	function manageControls(position){
		// Спрятать левую стрелку, если это левый слайд
		if(position==0){ $('#leftControl').animate({opacity:'0.5'}, 150).unbind('click', controlClick) }
		else{ $('#leftControl').animate({opacity:'1.0'}, 150).unbind('click', controlClick).bind('click', controlClick) }
		// Спрятать правую стрелку, если это последний слайд
		if(position==Math.ceil(numberOfSlides-4)){ $('#rightControl').animate({opacity:'0.5'}, 150).unbind('click', controlClick) }
		else{ $('#rightControl').animate({opacity:'1.0'}, 150).unbind('click', controlClick).bind('click', controlClick) }
	}

	//Меняем надпись и изображение при наведении на цену
 	$('.price_slider').each(function(){
		$(this).mouseover(function(){
			priceOrderSlider = $(this).find("div").html();
	    	$(this).find("img[src$=\"/price_slider.png\"]").stop().animate({opacity:'0'},300).parent('div').find("div").stop().animate({opacity:'0'}, 150, function() {
	 			$(this).html('КУПИТЬ').animate({opacity:'1.0'}, 150);
	 		});
		});

		$(this).mouseout(function(){
	    	$(this).find("img[src$=\"/price_slider.png\"]").stop().animate({opacity:'1.0'},300).parent('div').find("div").stop().animate({opacity:'0'}, 150, function() {
	 			$(this).html(priceOrderSlider).animate({opacity:'1.0'}, 150);
	 		});
		});
	});
});