/// <reference path="//jqueryjs.googlecode.com/files/jquery-1.3.2-vsdoc2.js" />

var masterElement = "itemdetail_tabs";
var contentElement = "itemdetail_tab_content";

function changeTab(el)
{
	if (document.getElementById(masterElement)) {
		var elements, masterEl, i, j, myid, contentElements;
		
		masterEl = document.getElementById(masterElement);
		
		elements = masterEl.childNodes;				
		
		for (i=0;i<elements.length;i++) {
			if (elements[i].id!=""&&elements[i].id!=null) {
					
				myid = elements[i].id.toString();
				//alert(el.id);
				if (myid!=el.id && myid.indexOf('tab') >= 0) {
					elements[i].className = "itemdetail_tab inactive_tab";
				}
				else
				{
					if (myid=el.id) { el.className = "itemdetail_tab active_tab"; }
				}
			}
		}

		if (document.getElementById(contentElement)) {
			
			contentElements = document.getElementById(contentElement).childNodes;						
			
			for (j=0;j<contentElements.length;j++) {
				if (contentElements[j].id!=null) {
					if (contentElements[j].id.indexOf(el.id)<0) {
						contentElements[j].className = "inactive_content";	
					}
					else
					{
						if (contentElements[j].id.indexOf(el.id)>=0) { contentElements[j].className = "active_content"; }
					}
				}
			}						
		}
		
	}
}



function SwapMainImage(_mainImage, _largeImage)
{
	document.getElementById("main_image").src = _mainImage;
	document.getElementById("lightbox_href1").href = _largeImage;
	document.getElementById("lightbox_href2").href = _largeImage;
	
	if (_largeImage.indexOf('noimage') >= 0) 
	{
		document.getElementById("view_larger_links").style.visibility  = 'hidden';
	}
	else
	{
		document.getElementById("view_larger_links").style.visibility  = '';
	}
}

//recEngine and accessories tabs
var NumberOfTabs;

function showTab(Index)
{
	var i;
		    	
	for (i = 0; i < NumberOfTabs; i++)
	{
		if (document.getElementById("tab" + i))
			document.getElementById("tab" + i).className = "inactive__tab";
		
		if (document.getElementById("content" + i))
			document.getElementById("content" + i).style.display = "none"
	}
	
	if (document.getElementById("tab" + Index))
	{
		document.getElementById("tab" + Index).className = "active__tab";
		document.getElementById("content" + Index).style.display = "";
	}
}