var currentpage = 1;
var adupdateid = 0;
if(typeof($) !== "undefined"){
	adupdateid = setInterval("changeFrontPageAdNext()",5000);
}

function UpdateProduct(id){

	var number = 0;

	for (x in ids)
	{
		if(ids[x] == id){
			number = x;
		}
	}

	document.getElementById("price").innerHTML = prices[number];
	document.getElementById("instock").innerHTML = stock[number];
	document.getElementById("shipping").innerHTML = shipping[number];

	var phototext = "Photos (Selected): ";

	if(pic1[number] != ""){
		phototext = phototext + "<a href='#' onClick='ChangeMainPicture(\"" + pic1[number] + "\", \"" + cap1[number] + "\");return false;'>1</a>";
	}

	if(pic2[number] != ""){
		phototext = phototext + " <a href='#' onClick='ChangeMainPicture(\"" + pic2[number] + "\", \"" + cap2[number] + "\");return false;'>2</a>";
	}

	if(pic3[number] != ""){
		phototext = phototext + " <a href='#' onClick='ChangeMainPicture(\"" + pic3[number] + "\", \"" + cap3[number] + "\");return false;'>3</a>";
	}

	if(pic4[number] != ""){
		phototext = phototext + " <a href='#' onClick='ChangeMainPicture(\"" + pic4[number] + "\", \"" + cap4[number] + "\");return false;'>4</a>";
	}

	if(pic5[number] != ""){
		phototext = phototext + " <a href='#' onClick='ChangeMainPicture(\"" + pic5[number] + "\", \"" + cap5[number] + "\");return false;'>5</a>";
	}

	if(pic1[number] == "" && pic2[number] == "" && pic3[number] == "" && pic4[number] == "" && pic5[number] == ""){
		phototext = phototext + " None";
	}

	document.getElementById("photos").innerHTML = phototext;

	if(pic1[number] != ""){
		ChangeMainPicture(pic1[number], cap1[number]);
	}

}

function ChangeMainPicture(source, caption){

	var mainimage = new Image();
	mainimage.src = source;

	document.getElementById("mainimage").src = mainimage.src;

	document.getElementById("caption").innerHTML = caption;

	if(caption != ""){
		document.getElementById("imgcaption").style.display = "block";
	} else {
		document.getElementById("imgcaption").style.display = "none";
	}
}

function changeFrontPageAdNext(){
	currentpage += 1;
	if(currentpage > 4){currentpage = 1;}
	changeFrontPageAd(currentpage, false);
}

function changeFrontPageAd(page, user){

	if(user){
		clearTimeout(adupdateid);
	}

	var next = function NextAd() {
		$("#page" + page).fadeIn(1000);
		$("#page" + page + "button").animate({opacity:1}, 1000);
	}


	$("#page1").stop(false, true);
	$("#page2").stop(false, true);
	$("#page3").stop(false, true);
	$("#page4").stop(false, true);
	$("#page1button").stop(false, true);
	$("#page2button").stop(false, true);
	$("#page3button").stop(false, true);
	$("#page4button").stop(false, true);

	if(document.getElementById("page1").style.display == "" || document.getElementById("page1").style.display == "block"){
		$("#page1").fadeOut(1000, next);
		$("#page1button").animate({opacity:0.5}, 1000);
	} else if(document.getElementById("page2").style.display == "" || document.getElementById("page2").style.display == "block"){
		$("#page2").fadeOut(1000, next);
		$("#page2button").animate({opacity:0.5}, 1000);
	} else if(document.getElementById("page3").style.display == "" || document.getElementById("page3").style.display == "block"){
		$("#page3").fadeOut(1000, next);
		$("#page3button").animate({opacity:0.5}, 1000);
	} else if(document.getElementById("page4").style.display == "" || document.getElementById("page4").style.display == "block"){
		$("#page4").fadeOut(1000, next);
		$("#page4button").animate({opacity:0.5}, 1000);
	}
}

function getChildElementsByClassName(parentElement, className)
{
	var i, childElements, pattern, result;
	result = new Array();
	pattern = new RegExp("\\b"+className+"\\b");


	childElements = parentElement.getElementsByTagName('*');
	for(i = 0; i < childElements.length; i++)
	{
		if(childElements[i].className.search(pattern) != -1)
		{
			result[result.length] = childElements[i];
		}
	}
	return result;
}


function BuildTabs(containerId)
{
	var i, tabContainer, tabContents, tabHeading, title, tabElement;
	var divElement, ulElement, liElement, tabLink, linkText;


	// assume that if document.getElementById exists, then this will work...
	if(! eval('document.getElementById') ) return;

	tabContainer = document.getElementById(containerId);
	if(tabContainer == null)
		return;

	tabContents = getChildElementsByClassName(tabContainer, 'tab-content');
	if(tabContents.length == 0)
		return;

	divElement = document.createElement("div");
  	divElement.className = 'tab-header'
  	divElement.id = containerId + '-header';
	ulElement = document.createElement("ul");
  	ulElement.className = 'tab-list'

	tabContainer.insertBefore(divElement, tabContents[0]);
	divElement.appendChild(ulElement);

	for(i = 0; i < tabContents.length; i++)
	{
		tabHeading = getChildElementsByClassName(tabContents[i], 'tab');
		title = tabHeading[0].childNodes[0].nodeValue;

		// create the tabs as an unsigned list
		liElement = document.createElement("li");
		liElement.id = containerId + '-tab-' + i;

		tabLink = document.createElement("a");
		linkText = document.createTextNode(title);

		tabLink.className = "tab-item";

		tabLink.setAttribute("href","javascript://");
		tabLink.setAttribute( "title", tabHeading[0].getAttribute("title"));
		tabLink.onclick = new Function ("ActivateTab('" + containerId + "', " + i + ")");

		ulElement.appendChild(liElement);
		liElement.appendChild(tabLink);
		tabLink.appendChild(linkText);

		// remove the H1
		tabContents[i].removeChild
	}
}

function ActivateTab(containerId, activeTabIndex)
{
	var i, tabContainer, tabContents;

	tabContainer = document.getElementById(containerId);
	if(tabContainer == null)
		return;

	tabContents = getChildElementsByClassName(tabContainer, 'tab-content');
	if(tabContents.length > 0)
	{
		for(i = 0; i < tabContents.length; i++)
		{
			//tabContents[i].className = "tab-content";
			tabContents[i].style.display = "none";
		}

		tabContents[activeTabIndex].style.display = "block";


    		tabList = document.getElementById(containerId + '-list');
		tabs = getChildElementsByClassName(tabContainer, 'tab-item');
		if(tabs.length > 0)
		{
			for(i = 0; i < tabs.length; i++)
			{
				tabs[i].className = "tab-item";
			}

			tabs[activeTabIndex].className = "tab-item tab-active";
			tabs[activeTabIndex].blur();
		}
	}
}

function BuildTabsWithTitle(containerId, title, type)
{
	var i, tabContainer, tabContents, tabHeading, title, tabElement;
	var divElement, ulElement, liElement, tabLink, linkText;


	// assume that if document.getElementById exists, then this will work...
	if(! eval('document.getElementById') ) return;

	tabContainer = document.getElementById(containerId);
	if(tabContainer == null)
		return;

	tabContents = getChildElementsByClassName(tabContainer, 'tab-content');
	if(tabContents.length == 0)
		return;

	divElement = document.createElement("div");
  	divElement.className = 'tab-header'
  	divElement.id = containerId + '-header';
	ulElement = document.createElement("ul");
  	ulElement.className = 'tab-list'

	tabContainer.insertBefore(divElement, tabContents[0]);
	divElement.appendChild(ulElement);

	liElement = document.createElement("li");
	liElement.innerHTML = title;
	liElement.className = "tab-title";
	ulElement.appendChild(liElement);

	for(i = 0; i < tabContents.length; i++)
	{
		tabHeading = getChildElementsByClassName(tabContents[i], 'tab');
		title = tabHeading[0].childNodes[0].nodeValue;

		// create the tabs as an unsigned list
		liElement = document.createElement("li");
		liElement.id = containerId + '-tab-' + i;

		tabLink = document.createElement("a");
		linkText = document.createTextNode(title);

		tabLink.className = "tab-item";

		tabLink.setAttribute("href","javascript://");
		tabLink.setAttribute( "title", tabHeading[0].getAttribute("title"));

		if(title == "Domestic"){
			tabLink.onclick = new Function ("document.getElementById('" + type + "location0').checked=true;document.getElementById('" + type + "location1').checked=false;ActivateTab('" + containerId + "', " + i + ");");
		} else if(title == "International"){
			tabLink.onclick = new Function ("document.getElementById('" + type + "location1').checked=true;document.getElementById('" + type + "location0').checked=false;ActivateTab('" + containerId + "', " + i + ");");
		} else {
			tabLink.onclick = new Function ("ActivateTab('" + containerId + "', " + i + ")");
		}

		ulElement.appendChild(liElement);
		liElement.appendChild(tabLink);
		tabLink.appendChild(linkText);

		// remove the H1
		tabContents[i].removeChild
	}
}