//Define global variables
var browser = null;
var check = false;
var isInit = false;
		
function tab1() 
{
    document.getElementById("cell_tab1").style.backgroundImage = "url(images/cell_tab_on.gif)";
    document.getElementById("cell_tab1").style.color = "#257db4";
    document.getElementById("cell_tab2").style.backgroundImage = "url(images/cell_tab_off.gif)";
    document.getElementById("cell_tab2").style.color = "#ffffff";
    return true;
}

function tab2() 
{
    document.getElementById("cell_tab1").style.backgroundImage = "url(images/cell_tab_off.gif)";
    document.getElementById("cell_tab1").style.color = "#ffffff";
    document.getElementById("cell_tab2").style.backgroundImage = "url(images/cell_tab_on.gif)";
    document.getElementById("cell_tab2").style.color = "#257db4";
    return true;
}

function init()
{
    if(isInit)
        return;
    
    //  alert ("Running Init");
    if (document.layers) 
    {
      //  alert ("Running Netscape 4");
        layerRef="document.layers";
        styleSwitch="";
        visibleVar="show";
	    screenSize = window.innerWidth;
	    browser ="ns4";
    }
    else if(document.all)
    {
        //  alert ("Running IE");
        layerRef="document.all";
        styleSwitch=".style";
        visibleVar="visible";
	    screenSize = document.body.clientWidth + 18;
	    browser ="ie";

    }
    else if(document.getElementById)
    {
        //  alert ("Running Netscape 6");
        layerRef="document.getElementByID";
        styleSwitch=".style";
        visibleVar="visible";
        browser="moz";
  
    }
    else
    {
  	    //alert("Older than 4.0 browser.");
	    browser="none";
    }

    window.status='Yeah.';
    check = true;
    
    isInit = true;
}

// Turns the layers on and off
function show1(layerName)
{
    init();
    
	if(check)
	{
		if (browser == "none"){
			return;
			}
    	else if (browser == "moz"){
			document.getElementById(layerName).style.display="block";
			
			
			}
		else{
          eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.display="block"');
		  
		 
          }
    }
	else {// alert ("Please wait for the page to finish loading.");
		return;}
}

function hideLayer(layerName)
{
    init();
    
	if(check){
		if (browser =="none"){
			return;
			}
		else if (browser == "moz"){
			document.getElementById(layerName).style.display="none";
			
			
			}
		else{
          eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.display="none"');
		  
		  
		}

	}
	else {// alert ("Please wait for the page to finish loading.");
		return;}
}

function hideOthers()
{
    init();
    
   	hideLayer('cell_1');
	hideLayer('cell_2');
}