// horizontal slider control
var slider = null;
slider = new Control.Slider('handle', 'track', {
	onSlide: function(v) { scrollHorizontal(v, $('productList'), slider);  },
	onChange: function(v) { scrollHorizontal(v, $('productList'), slider); }
});

// scroll the element horizontally based on its width and the slider maximum value
function scrollHorizontal(value, element, slider)
{
	element.scrollLeft = Math.round(value/slider.maximum*(element.scrollWidth-element.offsetWidth));
}

// disable horizontal scrolling if text doesn't overflow the div
if ($('productList').scrollWidth <= $('productList').offsetWidth)
{
	slider.setDisabled();
	$('track').hide();
}

function setSliderValue(slider)
{
	offset_width = $('productListContainer').offsetWidth;
	products = eval(offset_width/150);
	value = (100 / (products - 4));

	var last = false;
	
	if(current < 100){
		current += value;
		last = false;
	}
    else if(current == 100)
    {
		last = true;
	}
	
	if (current == '') return;
	
	if (isNaN(current))
    {
		slider.setValue(0);
	}
    else if(!last)
    {
		for(var i = (current-value); i <= current; i++ )
        {
			slider.setValue(i/100);
		}
	}
}

function setSliderValueReverse(slider)
{
	offset_width = $('productListContainer').offsetWidth;
	products = eval(offset_width/150);
	value = (100 / (products - 4));

	var first = false;
 	
	if(current == 0)
    {
		first = true
	}
    else
    {
		current -= value;
	}
	
	if (current < 0) current = 0;

	if(!first)
    {
		for(var i = current+value; i >= current; i-- )
        {
			slider.setValue(i/100);
		}
	}
}

function openSubCat(id,pix)
{

	var subs = document.getElementsByClassName("subcategories");

	for(var i = 0; i < subs.length; i++ )
    {
		if(subs[i].id != id){
			new Effect.Morph(subs[i],
            {
			  style:'height:1px;',
			  duration:0.4
			});
		}
        else if(id != lastid)
        {
		  lastid = id;
		  new Effect.Morph(id,{
		  style:'height:' + pix + 'px;',
		  duration:0.4
		});
		}
        else
        {
		  lastid = 0
		  new Effect.Morph(id,
          {
		  style:'height:1px;',
		  duration:0.4
		  });
		}
	}

}