// slide show firstpage
var slideShow = $('.slides');
var ItemWidth = 144;
var preventSlide = false;

function slideLeft(slideShow,slideShowPos) {
	slideShow.animate({'left': (slideShowPos+ItemWidth)},500,'swing',function(){preventSlide = false;});
}
function slideRight(slideShow,slideShowPos) {
	slideShow.animate({'left': (slideShowPos-ItemWidth)},500,'swing',function(){preventSlide = false;});
}
function checkSlideAvail(slideShowPos) {
	
	// SLIDE LEFT
	if (slideShowPos >= 0) {
		$('.slide-left a').addClass('hide');
	} else {
		$('.slide-left a').removeClass('hide');
	}
	
	// SLIDE RIGHT
	if (slideShowPos <= (-($('li','.slides').length - 4)*ItemWidth)) {
		$('.slide-right a').addClass('hide');
	} else {
		$('.slide-right a').removeClass('hide');
	}
	
}

// slider gallery
var dontSlide = false;
var oldValue = 0;

function sliderOnStop(moveDistance) {	

	var aniSpeed = 500;
	
	if (!dontSlide) {
	dontSlide = true;
		var liWidth = parseInt($('li','div.slider-gallery').css('width'));
		$('ul','div.slider-gallery').animate({ 'left' : '-' + moveDistance*liWidth + 'px' }, aniSpeed, 'swing',function(){dontSlide=false;});
	}
}

// slide show firstpage
$(document).ready(function(){
	
	var slideShowholder;
	var slideShow = $('.slides');
	
	$('.slide-left a').click(function(){
		var slideShowPos = parseInt(slideShow.css('left'));
		if (!preventSlide) {
			preventSlide = true;
			checkSlideAvail(slideShowPos+ItemWidth);
			slideLeft(slideShow,slideShowPos);
		}
		return false;
	});
	$('.slide-right a').click(function(){
		var slideShowPos = parseInt(slideShow.css('left'));
		if (!preventSlide) {
			preventSlide = true;
			checkSlideAvail(slideShowPos-ItemWidth);
			slideRight(slideShow,slideShowPos);
		}
		return false;
	});
	
});

// slider gallery
$(window).ready(function() {
	var container = $('div.slider-gallery');
	var ul = $('ul', container);
	var itemsWidth = ul.innerWidth() - container.outerWidth();
	
	var numItems = $('li','div.slider-gallery ul').length;
	// default - overwritten later
	var ulWidth = (numItems*310) + 30;
	
	ul.css('width',ulWidth+'px');
	
	sliderWidth = 870;
	
	var ul = $('ul', this);
	var productWidth = ul.innerWidth() - $(this).outerWidth();
	
	var showPerPage = parseInt($('#container-slider-gallery').attr('class'));
	
	var realMaxValue = (numItems-showPerPage);
	
	var slider = $('.slider', this).slider({ 
		animate: false,
		min: 0,
		max: sliderWidth,
		step: 1,
		slide: function (event, ui) {
			stepValue = (sliderWidth/realMaxValue);
			sliderValue = Math.round(ui.value/stepValue);
			if (sliderValue != oldValue) {
				sliderOnStop(sliderValue);
				oldValue = sliderValue;
			}
			$('.slider-handle-bg').css('left',(ui.value-175) + 'px');
		},
		stop: function (event, ui) {
			dontSlide = false;
			
			stepValue = (sliderWidth/realMaxValue);
			sliderValue = Math.round(ui.value/stepValue);
			sliderOnStop(sliderValue);
			$('.slider-handle-bg').css('left',(ui.value-175) + 'px');
		}
	});
	
	$('.ui-slider-handle','.slider').addClass('bgPng');
	
});