var sliderLeftP = 0;
var sliderCount = 4;
var slideIntervalThumbs;
var slideTimer = 150;
var slideDirection = 0;
var slideStep = 0;
var slideSteps = 0;
var stepDuration = 10;
var productSlideLength = 0; //pixels
function slideLeftP() {
	el = document.getElementById("slide_thumbs");
	productSlideLength = -1 * (el.offsetWidth) + 100;
//	alert(productSlideLength);;

	if (sliderLeftP>=-100) return false;
	slideDirection = 1;
	slideSteps = slideTimer/stepDuration;
	slideIntervalThumbs = setInterval(slideP, stepDuration);
}

function slideRightP() {
	el = document.getElementById("slide_thumbs");
	productSlideLength = -1 * (el.offsetWidth) +  100;
//	alert(productSlideLength);;
	
	slideDirection = -1;
	if (sliderLeftP <= productSlideLength) return false;
	slideSteps = slideTimer/stepDuration;
	slideIntervalThumbs = setInterval(slideP, stepDuration);
}

function slideP() {
	slideStep ++;
	if (slideStep > slideSteps)
	{
		slideStep = 0;
		clearInterval(slideIntervalThumbs);
		$("#thumbcaption").html(slideshow[fadeCurrentImage].label);
		return true;
	}
	increment = Math.abs(100) / slideSteps;
	el=document.getElementById('slide_thumbs'); 
	sliderLeftP = sliderLeftP + increment * slideDirection;
	el.style.marginLeft= sliderLeftP + 'px';
	
}


function selectTab(obj) {
//	$(obj).parent().find("a").each(function (index) {$("#product-tab-" + (index+1)).css("display", "none"); if ($(obj).attr("id") == $(this).attr("id")) $("#product-tab-" + (index+1)).css("display", "block"); $(this).css("color", "#676767"); $(this).css("background-image", $(this).css("background-image").replace("2", "1")); /* if ($(this).css("z-index") >= 20) $(this).css("z-index", $(this).css("z-index") - 20);*/ });
	$(obj).parent().find("a").each(function (index) {$("#product-tab-" + (index+1)).css("display", "none"); if ($(obj).attr("id") == $(this).attr("id")) {$("#product-tab-" + (index+1)).css("display", "block");  }});

$(".product-tabs a").css("background-image", "url(images/tab1.png)");
$(".product-tabs a").css("color", "#676767");
$(".product-tabs a").css("border-color", "#dddddd");
$(obj).css("background-image", "url(images/tab2.png)");
$(obj).css("color", "#f85628");
$(obj).css("border-color", "#ffffff");

//alert($("#product-tab-1").css("display"));
//$("#product-tab-1").css("display", "block");
//$(".product-tabs a").css("color", "#ffffff");
//	$(obj).css("background-image", $(obj).css("background-image").replace("1", "2"));
////	$(obj).css("z-index", $(obj).css("z-index") + 20);
//	$(obj).css("color", "#f85628");
//	$("#product-tab-" + ).css("color", "#f85628");
	
}