// javascript functions go here

function tabbedTable_applyLayout(table)
{
	var tabs = table.getElements('.tab');
	var tabCount = tabs.length;

	var dynamicCells = table.getElements('.cell');
	dynamicCells.each(function(cell, i){
		cell.setStyle('display', 'none');
		});
		
	tabs.each(function(tab, i){	
		var tabNumber = i + 1;
		var cellClass = '.data_' + tabNumber;
		
		var cells = table.getElements(cellClass);
		
		if (tabNumber == 1){
			
			cells = table.getElements('.data_1');
			
			cells.each(function(tabCell, i){
				if (navigator.userAgent.indexOf("Firefox") != -1){
						tabCell.setStyle('display','table-cell');
					}
				else {
					tabCell.setStyle('display','block');
				}
			});
		}
		
		tab.addEvent('click', function(){
			
			tabs.each(function(tab){
				tab.getParent('li').removeClass('active');
				});
			this.getParent('li').addClass('active');
			dynamicCells.each(function(cell, i){
				cell.setStyle('display', 'none');
			});
			
			cells.each(function(tabCell, i){
				if (navigator.userAgent.indexOf("Firefox") != -1){
						tabCell.setStyle('display','table-cell');
					}
				else {
					tabCell.setStyle('display','block');
				}
			});
			
		});
		
	});	
}


window.addEvent('domready', function(){
	
	var tabbedTables = $$('.table-tabbed');
	
	tabbedTables.each(function(table, i){
		tabbedTable_applyLayout(table);
	});

});