// set up tabs
// change here to change the display text
var tabs        = new Array('Descripción', 'Especificaciones', 'Más');
var startingTab = 0;

// set tab widths
var imageWidths = new Array();
imageWidths['Descripcion']  = '90px';
imageWidths['Especificaciones']   = '120px';
imageWidths['Más']   = '45px';




function resetTabs()
{
	var tabDiv     = document.getElementById('tabs');
	var tabDisplay = new Array();
	
	for (var i=0; tabs.length > i; i++) {
		if (productText[i].length > 0) {
			var tabCode;			
			tabCode  = '<span class="tab" id="tab_' + tabs[i] + '" style="width:'+imageWidths[tabs[i]]+';">';
			tabCode += '<a href="#" onclick="changeTab(' + i + '); return false;">';
			tabCode += tabs[i];
			tabCode += '</a>'
			tabCode += '</span>';

			
			tabDisplay.push(tabCode);
		}
	}
	
	tabDiv.innerHTML = tabDisplay.join('');
}

function selectTab(number)
{
	var tabDiv  = document.getElementById('tab_' + tabs[number]);
	var descDiv = document.getElementById('description');
	
	if (tabDiv) {
		var tabCode;
		//tabCode = '<img src="/images/tabs/' + tab + '_on.gif" style="width: ' + imageWidths[tab] + '; height: 35px;" alt="tab" />';

		tabDiv.className = "tab selectedTab";
		descDiv.innerHTML = productText[number];
	}
}

function changeTab(tab)
{

	
	resetTabs();
	selectTab(tab);
}

function inArray(needle, haystack)
{
	var matchFound = false;
	
	for (var i=0; haystack.length > i; i++) {
		if (haystack[i] == needle) {
			matchFound = true;
			break;
		}
	}
	
	return matchFound;
}

function startTabs()
{
	changeTab(startingTab);
}