﻿
function setHover(ctl)
{
    try {
        document.getElementById(ctl).src = document.getElementById(ctl).src.replace('.gif', 'hover.gif');
    }catch(e) { }
}

function removeHover(ctl)
{
    try {
        document.getElementById(ctl).src = document.getElementById(ctl).src.replace('hover', '');
    }catch(e) { }
}

var buttonFolder = "images/";
upSources = new Array("button1up.png","button2up.png","button3up.png","button4up.png","button5up.png","button6up.png","button7up.png","button8up.png","button9up.png","button10up.png","button11up.png","button12up.png","button13up.png");
overSources = new Array("button1over.png","button2over.png","button3over.png","button4over.png","button5over.png","button6over.png","button7over.png","button8over.png","button9over.png","button10over.png","button11over.png","button12over.png","button13over.png");
totalButtons = upSources.length;

function preload() {
	for ( x=0; x<totalButtons; x++ ) {
		buttonUp = new Image();
		buttonUp.src = buttonFolder + upSources[x];
		buttonOver = new Image();
		buttonOver.src = buttonFolder + overSources[x];
	}
}

function setOverImg(But, ID) {
	document.getElementById('button' + But + ID).src = buttonFolder + overSources[But-1];
}

function setOutImg(But, ID) {
	document.getElementById('button' + But + ID).src = buttonFolder + upSources[But-1];
}

var selectedTab = "detailsTab";

function tabOver(tab)
{

    document.getElementById("detailsTab").style.border='none';
    document.getElementById("specTab").style.border='none';
    document.getElementById("imagesTab").style.border='none';
    tab.style.border='1px solid #E60500';  
}
function tabOut(tab)
{
     document.getElementById("detailsTab").style.border='none';
    document.getElementById("specTab").style.border='none';
    document.getElementById("imagesTab").style.border='none';
    document.getElementById(selectedTab).style.backgroundColor='#E60500';   
}

function setTab(tab, sdiv)
{
    selectedTab = tab.id;
    document.getElementById("detailsContents").style.display = 'none';
    document.getElementById("specContents").style.display = 'none';
    document.getElementById("imagesContents").style.display = 'none';  
    document.getElementById(sdiv).style.display = ''; 
    
    
    document.getElementById("detailsTab").style.backgroundColor='';
    document.getElementById("specTab").style.backgroundColor='';
    document.getElementById("imagesTab").style.backgroundColor='';
    document.getElementById("detailsTab").style.color='black';
    document.getElementById("specTab").style.color='black';
    document.getElementById("imagesTab").style.color='black';
    document.getElementById(selectedTab).style.backgroundColor='#E60500';  
    document.getElementById(selectedTab).style.color='white';
}
/* Customers TABS */
var cselectedTab = "mainTab";
function ctabOver(tab)
{

    document.getElementById("mainTab").style.border='none';
    document.getElementById("lettersTab").style.border='none';
    document.getElementById("videosTab").style.border='none';
    document.getElementById("equipTab").style.border='none';
    tab.style.border='1px solid #E60500';  
}
function ctabOut(tab)
{
    document.getElementById("mainTab").style.border='none';
    document.getElementById("lettersTab").style.border='none';
    document.getElementById("videosTab").style.border='none';
    document.getElementById("equipTab").style.border='none';
    document.getElementById(cselectedTab).style.backgroundColor='#E60500';   
}

function csetTab(tab, sdiv)
{
    cselectedTab = tab.id;
    
    document.getElementById("mainContents").style.display = 'none';
    document.getElementById("letterContents").style.display = 'none';
    document.getElementById("videoContents").style.display = 'none';  
    document.getElementById("equipContents").style.display = 'none';
    document.getElementById(sdiv).style.display = ''; 

    document.getElementById("mainTab").style.backgroundColor='';
    document.getElementById("lettersTab").style.backgroundColor='';
    document.getElementById("videosTab").style.backgroundColor='';
    document.getElementById("equipTab").style.backgroundColor='';
    
    document.getElementById("mainTab").style.color='black';
    document.getElementById("lettersTab").style.color='black';
    document.getElementById("videosTab").style.color='black';
    document.getElementById("equipTab").style.color='black';
    
    document.getElementById(cselectedTab).style.backgroundColor='#E60500';  
    document.getElementById(cselectedTab).style.color='white';
}
/* RAP TABS */
var rselectedTab = "mainTab";
function rtabOver(tab)
{

    document.getElementById("mainTab").style.border='none';
    document.getElementById("modelsTab").style.border='none';
    document.getElementById("videosTab").style.border='none';
    document.getElementById("imagesTab").style.border='none';
    tab.style.border='1px solid #E60500';  
}
function rtabOut(tab)
{
    document.getElementById("mainTab").style.border='none';
    document.getElementById("modelsTab").style.border='none';
    document.getElementById("videosTab").style.border='none';
    document.getElementById("imagesTab").style.border='none';
    document.getElementById(rselectedTab).style.backgroundColor='#E60500';   
}

function rsetTab(tab, sdiv)
{
    rselectedTab = tab.id;
    
    document.getElementById("detailsContents").style.display = 'none';
    document.getElementById("specContents").style.display = 'none';
    document.getElementById("videoContents").style.display = 'none';  
    document.getElementById("imagesContents").style.display = 'none';
    document.getElementById(sdiv).style.display = ''; 

    document.getElementById("mainTab").style.backgroundColor='';
    document.getElementById("modelsTab").style.backgroundColor='';
    document.getElementById("videosTab").style.backgroundColor='';
    document.getElementById("imagesTab").style.backgroundColor='';
    
    document.getElementById("mainTab").style.color='black';
    document.getElementById("modelsTab").style.color='black';
    document.getElementById("videosTab").style.color='black';
    document.getElementById("imagesTab").style.color='black';
    
    document.getElementById(rselectedTab).style.backgroundColor='#E60500';  
    document.getElementById(rselectedTab).style.color='white';
}

/* videos page */


