////////
// @copyright 
// @author l.buguellou
// @since 25.02.09
///////

$j(document).ready(function(){
	var container = $j("#pb-productbrowsercontainer");
	var ul = $j("ul", container);
	var itemsWidth = ($j("#pb-productslider > li").length * $j(".pb-productimage").width()) -  container.outerWidth();
	var val = Math.random() * 100;
	
	//slider
	$j("#pb-productslidertrack").slider({
		min: 0,
		max: 125, //à cause de la taille du slider , il faut environ 25% de plus pour que le conteneur bouge de façon normale
		value: val,
		widthSlide: 189,
		handle: "#pb-productsliderhandleimage",
		margin: 25,
		init: function(){
			ul.css('left', (itemsWidth*val/100) * -1);
		},
		change: function (event, ui) {
			ul.css('left', (itemsWidth*ui.value/100) * -1);
		},
		slide: function (event, ui) {
			ul.css('left', (itemsWidth*ui.value/100) * -1);
		}
	});	
});