/* Using prototype.js event handlers for product tabs  */
/* See Prototype web site: http://www.prototypejs.org/ */

Event.observe(window, 'load', function()
{
    watchTab(1);
    watchTab(2);
    watchTab(3);

	showTab(1);
});

function switchToColorTab()
{
	showTab(2);
}

function hideAllTabs()
{
	hideTab(1);
	hideTab(2);
	hideTab(3);
}

function hideTab(tabNumber)
{
	if (tabExists(tabNumber))
	{
	    tab(tabNumber).hide();
	    tabLabel(tabNumber).removeClassName('current');
	}
}

function showTab(tabNumber)
{
	if (tabExists(tabNumber))
	{
		hideAllTabs();
		tab(tabNumber).show();
		tabLabel(tabNumber).addClassName('current'); 
    }
}

function watchTab(tabNumber)
{
	if (tabExists(tabNumber))
	{
    	Event.observe(tabLabel(tabNumber), 'click', function()
	    {
    		showTab(tabNumber);
	    });
    }
}

function tabExists(tabNumber)
{
	return tab(tabNumber) != undefined;
}

function tab(tabNumber)
{
	return $('tab' + tabNumber);
}

function tabLabel(tabNumber)
{
	return $('tabLabel' + tabNumber);
}