jQuery(document).ready(function(){ 
	// Set default tab
	var tab_selected = jQuery("#range-tabs li").length - 1;
	jQuery("#brand-range-tabs").tabs({selected: tab_selected});
	
	jQuery("#product-info-tabs").tabs({selected: 1});
	jQuery(".range-slider").each( function() {createSlider(this,4);} );
	
});

var sliders = new Object;
 
function createSlider(slider, numberToShow) {
	
	// Don't create slider if all items already shown
	if (jQuery(slider).find('li').size() <= numberToShow ) return;
	
	jQuery(slider).append('<a href="#" class="slider-prev"><span>slider prev</span></a>');
	jQuery(slider).find(".slider-prev").click( function(){ sliderPrev(jQuery(this).parent()) } );
	
		//.click( function(){ sliderPrev(jQuery(this).parent()) } );
	jQuery(slider).append('<a href="#" class="slider-next"><span>slider next</span></a>');
	jQuery(slider).find(".slider-next").click( function(){ sliderNext(jQuery(this).parent()) } );
		//.click( function(){ sliderNext(jQuery(this).parent()) } );
	
	var count = 0;
	jQuery(slider).find('li').each(
		function() {
			count++;
			if (count <= numberToShow) {
				jQuery(this).addClass('slider-shown');
			} else {
				jQuery(this).addClass('slider-hidden');
			}
		}
	);
}

function sliderPrev(slider) {
	// Show the next hidden item on the left
	jQuery(slider).find('li.slider-shown:first').prev('li.slider-hidden')
		.addClass('slider-shown')
		.removeClass('slider-hidden');
		
	// Hide the last shown item on the right
	if (jQuery(slider).find('li.slider-shown').size() > 4) {
		jQuery(slider).find('li.slider-shown:last')
			.addClass('slider-hidden')
			.removeClass('slider-shown');
	}
}

function sliderNext(slider) {
	// Show the next hidden item on the right
	jQuery(slider).find('li.slider-shown:last + li')
		.addClass('slider-shown')
		.removeClass('slider-hidden');
		
	// Hide the last shown item on the left
	if (jQuery(slider).find('li.slider-shown').size() > 4) {
		jQuery(slider).find('li.slider-shown:first')
			.addClass('slider-hidden')
			.removeClass('slider-shown');
	}
}

function selectCategory(cat_url) {
	jQuery('#range-tabs li a.range-tab-'+cat_url).click();
}
