var activeTabId = "tab1";
var activeBlockId = "block1";

function showProductInfo(number)
{
	var activeTab = document.getElementById(activeTabId);
	var activeBlock = document.getElementById(activeBlockId);

	activeTab.className = "";
	activeBlock.className = "productInfoHidden";

	activeTabId = "tab" + number;
	activeBlockId = "block" + number;

	activeTab = document.getElementById(activeTabId);
	activeBlock = document.getElementById(activeBlockId);

	activeTab.className = "active";
	activeBlock.className = "productInfo";
}

function showOrderBlock()
{
	var orderBlock = document.getElementById("orderblock");
	orderBlock.style.display = "block";
}

function hideOrderBlock()
{
	var orderBlock = document.getElementById("orderblock");
	orderBlock.style.display = "none";	
}

function setActiveTab()
{
	var tabNumber;
	var usedParameter = "tab=";
	var urlParameters;
	var fullURL = parent.document.URL;

	if (fullURL.indexOf("?") > 0)
	{
		urlParameters = fullURL.substring(fullURL.indexOf('?'), fullURL.length);		
		if (urlParameters.indexOf(usedParameter) > 0)
		{
			tabNumber = urlParameters.substring((urlParameters.indexOf(usedParameter) + 4), (urlParameters.indexOf(usedParameter) + 5));
			var targetTabId = "tab" + tabNumber;
			var targetTab = document.getElementById(targetTabId);
			if(!isNaN(tabNumber) && targetTab!=null)
			{
				showProductInfo(tabNumber);
			} 
		}
	}
}

function changeProductImage(id)
{
	document.getElementById("product-image").src = id.href;
	var imageSet = document.getElementById("image-set").getElementsByTagName("a");
	for(i=0; i < imageSet.length; i++)
	{
		imageSet[i].className="";
	}
	id.className="selected";
	return false;
}

function changeImageSet(id)
{
	var imgSrcSplit = id.href.split("/");
	var imgName = imgSrcSplit[imgSrcSplit.length-1];
	var imgNameSplit = imgName.split("-");
	var color = imgNameSplit[imgNameSplit.length-2];
	var productName = imgName.split(color)[0];
	
	var currentImgSrc = document.getElementById("product-image").src;
	var currentImgSrcSplit = currentImgSrc.split("/");
	var currentImgName = currentImgSrcSplit[currentImgSrcSplit.length-1];
	var currentImgNameElements = currentImgName.split("-");
	var imgNumber = currentImgNameElements[currentImgNameElements.length-1].split(".jpg")[0];
	var imgPath = currentImgSrc.substr(0, currentImgSrc.indexOf(currentImgName));
	
	var thumbSrc = document.getElementById("image-set").getElementsByTagName("img")[0].src;
	var thumbSrcSplit = thumbSrc.split("/");
	var thumbPath = thumbSrc.substr(0, thumbSrc.indexOf(thumbSrcSplit[thumbSrcSplit.length-1]));
	
	var imageSet = document.getElementById("image-set").getElementsByTagName("li");
	var colorSet = document.getElementById("color-picker").getElementsByTagName("a");

	document.getElementById("product-image").src = imgPath + productName + color + "-" + imgNumber + ".jpg";

	for(i=0; i < imageSet.length; i++)
	{
		var j = i + 1;
		imageSet[i].getElementsByTagName("img")[0].src = thumbPath + productName + color + "-" + j + ".jpg";
		imageSet[i].getElementsByTagName("a")[0].href = imgPath + productName + color + "-" + j + ".jpg";
	}
	
	for(i=0; i < colorSet.length; i++)
	{
		colorSet[i].className="";
	}
	id.className="selected";
	return false;
}

Event.observe(window, 'load', function(){setActiveTab();});