<!-- Beginning of JavaScript -

/************/
/* VARIABLE */
/************/
var activeTab='';
var onMouseOverTab='';

if(document.images){
	tabInitialNormal_175x39 = new Image
	tabInitialOn_175x39 = new Image
	tabInitialOnMouse_175x39 = new Image
	tabInitialSecOn_175x39 = new Image
	tabInitialSecOnMouse_175x39 = new Image
	tabNormal_135x39 = new Image
	tabPpalOn_135x39 = new Image
	tabPpalOnMouse_135x39 = new Image
	tabSecOn_135x39 = new Image
	tabSecOnMouse_135x39 = new Image
	tabFinalNormal_108x39 = new Image
	tabFinalOn_108x39 = new Image
	tabsEnd_1x39 = new Image
	
	
	//lps for more than 6 tabs smaller tabs and smaller images are needed
	tabNormal_124x39 = new Image
	tabPpalOn_124x39 = new Image
	tabSecOn_124x39 = new Image
	
	tabInitialNormal_175x39.src ="images/tabInitialNormal_175x39.jpg"
	tabInitialOn_175x39.src ="images/tabInitialOn_175x39.jpg"
	tabInitialOn_175x39.src ="images/tabInitialOnMouse_175x39.jpg"
	tabInitialSecOn_175x39.src ="images/tabInitialSecOn_175x39.jpg"
	tabInitialSecOn_175x39.src ="images/tabInitialSecOnMouse_175x39.jpg"
	tabNormal_135x39.src ="images/tabNormal_135x39.jpg"
	tabPpalOn_135x39.src ="images/tabPpalOn_135x39.jpg"
	tabPpalOn_135x39.src ="images/tabPpalOnMouse_135x39.jpg"
	tabSecOn_135x39.src ="images/tabSecOn_135x39.jpg"
	tabSecOn_135x39.src ="images/tabSecOnMouse_135x39.jpg"
	tabFinalNormal_108x39.src ="images/tabFinalNormal_108x39.jpg"
	tabFinalOn_108x39.src ="images/tabFinalOn_108x39.jpg"
	tabsEnd_1x39.src="images/tabsEnd_1x39.jpg"	
	
	tabNormal_124x39.src ="images/tabNormal_124x39.jpg"
	tabPpalOn_124x39.src ="images/tabPpalOn_124x39.jpg"
	tabSecOn_124x39.src ="images/tabSecOn_124x39.jpg"
}else{
	tabInitialNormal_175x39.src =""
	tabInitialOn_175x39.src =""
	tabInitialOnMouse_175x39.src =""
	tabInitialSecOn_175x39.src =""
	tabInitialSecOnMouse_175x39.src =""
	tabNormal_135x39.src =""
	tabPpalOn_135x39.src =""
	tabPpalOnMouse_135x39.src =""
	tabSecOn_135x39.src =""
	tabSecOnMouse_135x39.src =""
	tabFinalNormal_108x39.src =""
	tabFinalOn_108x39.src =""
	tabsEnd_1x39.src=""
	
	tabNormal_124x39.src =""
	tabPpalOn_124x39.src =""
	tabSecOn_124x39.src =""
}

var tabNames = new Array();
var tabNames_es = new Array();
var tabNames_fr = new Array();
var tabNames_en = new Array();
var tabLinks = new Array();

function insertString (where, text){
	return (where+text);	
}

function insertAttribute (where, attribute, value){
	return (where + ' ' + attribute + ' =\"' + value + '\"');	
}

//tabWidth = 135;
tabInitialWidth = 148;
tabFinalWidth = 135;
tabHeight = 39;

tabWidth = 124;
//tabInitialWidth = 150;
//tabFinalWidth = 80;
//tabHeight = 39;





tabNames_es=['Serie-M',		'&nbsp;&nbsp;&nbsp; MPA',		'&nbsp;&nbsp;&nbsp; Serie-H',		'&nbsp;&nbsp;&nbsp; Automat. de <br /> &nbsp;&nbsp; laboratorios',     '&nbsp;&nbsp;&nbsp; Tecnología<br /> &nbsp;&nbsp;&nbsp; Superior',	'&nbsp;&nbsp;&nbsp; Dimensionar <br /> &nbsp;&nbsp;&nbsp; una válvula',	  '&nbsp;&nbsp;&nbsp; Compañía & <br /> &nbsp;&nbsp;&nbsp; Contactos'];
tabNames_fr=['Série-M',		'&nbsp;&nbsp;&nbsp; MPA',		'&nbsp;&nbsp;&nbsp; Série-H',		'&nbsp;&nbsp; Laboratoire<br /> &nbsp; automatisés',     '&nbsp;&nbsp;&nbsp; Technologie <br /> &nbsp;&nbsp;&nbsp; Supéreure',	'&nbsp;&nbsp; Choisir<br /> &nbsp;&nbsp; une valve',	 '&nbsp;&nbsp;&nbsp; Compagnie & <br /> &nbsp;&nbsp;&nbsp; Contacte'];
tabNames_en=['M-Series',		'&nbsp;&nbsp;&nbsp; MPA',		'&nbsp;&nbsp;&nbsp; H-Series',		'&nbsp;&nbsp;&nbsp; Laboratory &nbsp;&nbsp;&nbsp; Automation',     '&nbsp;&nbsp;&nbsp; Superior <br /> &nbsp;&nbsp;&nbsp;  Technology',	'&nbsp;&nbsp;&nbsp; Calculate <br /> &nbsp;&nbsp;&nbsp; Valve Size',	   '&nbsp;&nbsp;&nbsp; Company &  <br /> &nbsp;&nbsp;&nbsp;  Contact'];
tabLinks=[ 'index.html',	'mpa.html',	'hpa.html',				 'labauto.html','news.html',				'valveChoice.htm','companyInformation.htm'];


function buildTabs(active, language, moduleId){
	/*
	<td id="tabInitial"	width="174" height="37" background="images/tabInitialSecOn_175x39.jpg"	onMouseover="setTabOn('tabInitial')"onMouseOut="restoreLastActiveTab()"><div class="FteTabs" align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">Home</a></div></td>
	<td id="tab1"		width="134" height="37" background="images/tabPpalOn_135x39.jpg"		onMouseover="setTabOn('tab1')"		onMouseOut="restoreLastActiveTab()"><div class="FteTabs" align="left"><a href="#">Products</a></div></td>
	<td id="tab2"		width="134" height="37" background="images/tabNormal_135x39.jpg"		onMouseover="setTabOn('tab2')"		onMouseOut="restoreLastActiveTab()"><div class="FteTabs" align="left"><a href="#">Support</a></div></td>
	<td id="tab3"		width="134" height="37" background="images/tabNormal_135x39.jpg"		onMouseover="setTabOn('tab3')"		onMouseOut="restoreLastActiveTab()"><div class="FteTabs" align="left"><a href="#">Datasheets</a></div></td>
	<td id="tab4"		width="134" height="37" background="images/tabNormal_135x39.jpg"		onMouseover="setTabOn('tab4')"		onMouseOut="restoreLastActiveTab()"><div class="FteTabs" align="left"><a href="#">Contact us</a></div></td>
	<td id="tabFinal"	width="108"	height="37" background="images/tabFinalNormal_108x39.jpg" 	onMouseover="setTabOn('tabFinal')"	onMouseOut="restoreLastActiveTab()"><div class="FteTabs" align="left"><a href="#">Gustavo</a></div></td>
	<td id="paddingTab"	width="84"  height="39" background="images/tabsEnd_1x39.jpg"></td>
	*/

	var tabNames = new Array();

	tabNames = eval( 'tabNames_' + language );
	
	var i;
	var workString='';
	
	for(i=0; i<(tabNames.length); i++){
		workString=insertString(workString, '<td');
		workString=insertAttribute(workString, 'id', 'tab'+i);
		workString=insertAttribute(workString, 'height', tabHeight);
		if(i == 0){
			workString=insertAttribute(workString, 'width', tabInitialWidth);
			workString=insertAttribute(workString, 'background', 'images/tabInitialNormal_148x39.jpg');
		}else if(i == tabNames.length-1){
			workString=insertAttribute(workString, 'width', tabFinalWidth);
			workString=insertAttribute(workString, 'background', 'images/tabFinalNormal_135x39.jpg');
		}else{
			workString=insertAttribute(workString, 'width', tabWidth);
			workString=insertAttribute(workString, 'background', 'images/tabNormal_124x39.jpg');
		}
		workString=insertAttribute(workString, 'onMouseover', 'this.style.color=\'' + redCompany + '\'; this.style.cursor=\'pointer\'');
		workString=insertAttribute(workString, 'onMouseOut', 'this.style.color=\'#000000\'');
		workString=insertAttribute(workString, 'onClick', 'loadPageInSameWindow(\'' + tabLinks[i] + '\',' + '\'' + moduleId + '\')');
		
		if (language=='fr'){
		workString=insertString(workString, '><div class="FteTabs" align="left"');
		}
		else
		{
		workString=insertString(workString, '><div class="FteTabs" align="left"');
		}
		
		workString=insertAttribute(workString, 'id', 'tab'+i+'x');
		workString=insertString(workString, '>');
		if(i==0){
			workString=insertString(workString, '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;');
		}
		//workString=insertString(workString, '<a href="#">');
		workString=insertString(workString, tabNames[i]);
		//workString=insertString(workString, '</a></div></td>');
		workString=insertString(workString, '</div></td>');
	}
	
	var paddingTabWidth = 902 - tabInitialWidth - tabFinalWidth - tabWidth*(tabNames.length-2);
	
	workString=insertString(workString, '<td');
	workString=insertAttribute(workString, 'height', tabHeight);
	workString=insertAttribute(workString, 'width', paddingTabWidth);
	workString=insertAttribute(workString, 'background', 'images/tabsEnd_1x39.jpg');
	workString=insertString(workString, '></td>');
	
	document.write(workString);
	setTabAsActiveTab(active);
}

function setTabAsActiveTab(whichOne){
	var previousTab;
	//Pongo todas en reposo
	//Pongo actual en on definitivo
	//la siguiento como complementaria en on definitivo
	//Actualizo activeTab
	
	/*if(activeTab != ''){
		if(activeTab=='tab0'){
			document.getElementById('tab0').style.backgroundImage = "url('images/tabInitialNormal_175x39.jpg')";
		}else if(activeTab=='tab1'){
			document.getElementById('tab0').style.backgroundImage = "url('images/tabInitialNormal_175x39.jpg')";
			document.getElementById('tab1').style.backgroundImage = "url('images/tabNormal_135x39.jpg')";
		}else{
			previousTab = 'tab' + (eval( activeTab.charAt(3) ) -1)
			document.getElementById(previousTab).style.backgroundImage = "url('images/tabNormal_135x39.jpg')";
			document.getElementById(activeTab).style.backgroundImage = "url('images/tabNormal_135x39.jpg')";
		}
	}
	
	if(whichOne=='tab0'){
		document.getElementById('tab0').style.backgroundImage = "url('images/tabInitialOn_175x39.jpg')";
	}else if(whichOne=='tab1'){
		document.getElementById('tab0').style.backgroundImage = "url('images/tabInitialSecOn_175x39.jpg')";
		document.getElementById('tab1').style.backgroundImage = "url('images/tabPpalOn_135x39.jpg')";
	}else{
		previousTab = 'tab' + (eval( whichOne.charAt(3) ) -1)
		document.getElementById(previousTab).style.backgroundImage = "url('images/tabSecOn_135x39.jpg')";
		document.getElementById(whichOne).style.backgroundImage = "url('images/tabPpalOn_135x39.jpg')";
	}*/
	
	if(activeTab != ''){
		if(activeTab=='tab0'){
			document.getElementById('tab0').style.backgroundImage = "url('images/tabInitialNormal_148x39.jpg')";
		}else if(activeTab=='tab1'){
			document.getElementById('tab0').style.backgroundImage = "url('images/tabInitialNormal_148x39.jpg')";
			document.getElementById('tab1').style.backgroundImage = "url('images/tabNormal_124x39.jpg')";
		}else if(activeTab=='tab'+tabNames.length-1){
			previousTab = 'tab' + (eval( activeTab.charAt(3) ) -1);
			document.getElementById(previousTab).style.backgroundImage = "url('images/tabNormal_124x39.jpg')";
			document.getElementById(activeTab).style.backgroundImage = "url('images/tabFinalNormal_135x39.jpg')";
		}else{
			previousTab = 'tab' + (eval( activeTab.charAt(3) ) -1);
			document.getElementById(previousTab).style.backgroundImage = "url('images/tabNormal_124x39.jpg')";
			document.getElementById(activeTab).style.backgroundImage = "url('images/tabNormal_124x39.jpg')";
		}
	}
	
	if(whichOne=='tab0'){
		document.getElementById('tab0').style.backgroundImage = "url('images/tabInitialOn_148x39.jpg')";
	}else if(whichOne=='tab1'){
		document.getElementById('tab0').style.backgroundImage = "url('images/tabInitialSecOn_148x39.jpg')";
		document.getElementById('tab1').style.backgroundImage = "url('images/tabPpalOn_124x39.jpg')";
	}else if(whichOne=='tab'+tabNames.length-1){
			previousTab = 'tab' + (eval( whichOne.charAt(3) ) -1);
			document.getElementById(previousTab).style.backgroundImage = "url('images/tabSecOn_124x39.jpg')";
			document.getElementById(whichOne).style.backgroundImage = "url('images/tabFinalOn_135x39.jpg')";
	}else{
		previousTab = 'tab' + (eval( whichOne.charAt(3) ) -1);
		document.getElementById(previousTab).style.backgroundImage = "url('images/tabSecOn_124x39.jpg')";
		document.getElementById(whichOne).style.backgroundImage = "url('images/tabPpalOn_124x39.jpg')";
		
		/////////////////cannot figure out why tabs not counting correctly have to come back to this!
		if(whichOne=='tab6'){
			document.getElementById(whichOne).style.backgroundImage = "url('images/tabFinalOn_135x39.jpg')";
		}
		////////////////////////////////
		
	}
	
	activeTab = whichOne;
	
	
}

function returnTabsName(language){
	return ( eval( 'tabNames_' + language ) );
}
// - End of JavaScript - -->
