function gei(obj){
	return document.getElementById(obj);
}

var tabMachine = {
		addTabs: function()
		{
			for(var i=0; i<tabMachine.tabs.length; i++)
			{
				if(tabMachine.tabs[i].div)
				{
					var closureMaker = function(line) {
						return function(event){ tabMachine.activateTab(line); };
					};
					var closure = closureMaker( tabMachine.tabs[i] );
					tabMachine.tabs[i].tab.onclick		= closure;
					tabMachine.tabs[i].tab.innerHTML	= tabMachine.tabs[i].label;
					tabMachine.tabs[i].tab.className	= 'tabMachineTabOff';
					tabMachine.appWin.appendChild(tabMachine.tabs[i].tab);
				}
			}
			for(var i=0;tabMachine.tabs.length;i++)
			{
				if(tabMachine.tabs[i].div)
				{
					tabMachine.activateTab(tabMachine.tabs[i]);
					break;
				}
			}
		},
		tabs:
		[
			{
				label:	'Size Chart',
				div:	(gei('product_size_chart'))?gei('product_size_chart'):null,
				value:	(gei('product_size_chart'))?encodeURIComponent(gei('product_size_chart').innerHTML):null,
				tab:	document.createElement('a')
			},	
			{
				label:	'Bottom Coverage',
				div:	(gei('product_bottom_coverage'))?gei('product_bottom_coverage'):null,
				value:	(gei('product_bottom_coverage'))?gei('product_bottom_coverage').innerHTML:null,
				tab:	document.createElement('a')
			}
		],
		appWin:			gei('tabMachine'),
		activeTab:		null,
		activateTab:	function(theTab)
		{
			if(tabMachine.activeTab)
			{
				tabMachine.activeTab.div.className = 'prod_container hidden';
				tabMachine.activeTab.tab.className = 'tabMachineTabOff';
			}
			theTab.tab.className = 'tabMachineTabOn';
			theTab.div.className = 'prod_container';
			tabMachine.activeTab = theTab;
		},
		activateTabById:function( id ){
				for( var i=0; i<tabMachine.tabs.length; i++  ){
						if( tabMachine.tabs[ i ].div.id == id ){
							tabMachine.activateTab( tabMachine.tabs[ i ] )	
						}
				}
		}
	}
	tabMachine.addTabs();