/*
	Function domTab()
	written by Christian Heilmann
*/

var iTab;

	// Variables for customisation:
	//var numberOfTabs = 3;
	var CustomerTabs = 3;
	var GalleryTabs = 6;
	var ProductionTabs = 4;
	//var colourOfInactiveTab = "#999966";
	var colourOfInactiveTab = "#627ead";
	
	
	//var colourOfActiveTab = "#cccc99";
	var colourOfActiveTab = "#d1d5dd";
	
	//var colourOfInactiveLink = "#333333";
	//var colourOfActiveLink = "#ffffcc";
	
	var colourOfInactiveLink = "#ffffcc";
	var colourOfActiveLink = "#333333";
	
	// end variables



function customTab(i){

// mark which tab is selected.
iTab=i;
	if (document.getElementById){

		for (f=1;f<CustomerTabs+1;f++){
			document.getElementById('contentblock'+f).style.display='none';
			document.getElementById('link'+f).style.background=colourOfInactiveTab;
			document.getElementById('link'+f).style.color=colourOfInactiveLink;
		}
		document.getElementById('contentblock'+i).style.display='block';
		document.getElementById('link'+i).style.background=colourOfActiveTab;
		document.getElementById('link'+i).style.color=colourOfActiveLink;
	}
}

function galleryTab(i){

// mark which tab is selected.
iTab=i;
	if (document.getElementById){

		for (f=1;f<GalleryTabs+1;f++){
			document.getElementById('contentblock'+f).style.display='none';
			document.getElementById('link'+f).style.background=colourOfInactiveTab;
			document.getElementById('link'+f).style.color=colourOfInactiveLink;
		}
		document.getElementById('contentblock'+i).style.display='block';
		document.getElementById('link'+i).style.background=colourOfActiveTab;
		document.getElementById('link'+i).style.color=colourOfActiveLink;
	}
}

function productionTab(i){

// mark which tab is selected.
iTab=i;
	if (document.getElementById){

		for (f=1;f<ProductionTabs+1;f++){
			document.getElementById('contentblock'+f).style.display='none';
			document.getElementById('link'+f).style.background=colourOfInactiveTab;
			document.getElementById('link'+f).style.color=colourOfInactiveLink;
		}
		document.getElementById('contentblock'+i).style.display='block';
		document.getElementById('link'+i).style.background=colourOfActiveTab;
		document.getElementById('link'+i).style.color=colourOfActiveLink;
	}
}