/*======productscroller============*/

var scrollOverflowHideChild, scrollID, overFlowWidth, curPos=0, eachBoxWidth;

$(document).ready(function(){
//SCROLLING:
eachBoxWidth = $('#scrollOverflowHide ul li:first').outerWidth()+0; // 17=="margin-right"
scrollOverflowHideChild = eachBoxWidth * $('#scrollOverflowHide ul li').length;
overFlowWidth = scrollOverflowHideChild - $('#scrollOverflowHide').width(); //alert(overFlowWidth);
$('#scrollOverflowHide ul').css('width',scrollOverflowHideChild+'px');


if(overFlowWidth > 0){
//HOVER SCROLL:
/*$('.left, .right').hover(
function(){
if($(this).is('.left')){
scrollID=setInterval('scrollFeature(-1)',5);}
else
scrollID=setInterval('scrollFeature(+1)',5);
},
function(){clearInterval(scrollID)}
);*/


//CLICK SCROLL:
var direction,tempCurPos;
$('.leftscroller, .rightscroller').click(function(){
//direction set:
//alert('test');
direction = $(this).is('.leftscroller')? -1 : +1;

if(!( (curPos==0 && direction==1) || (curPos == -overFlowWidth && direction == -1) ))
curPos+=(eachBoxWidth*direction);

if(0 < curPos || curPos < -overFlowWidth)
curPos = (0 < curPos)? 0 : -overFlowWidth+17;

if(tempCurPos!=curPos)
$('#scrollOverflowHide ul').animate({left: curPos},600);
tempCurPos=curPos;
});
}


});

/*======productscroller============*/