/*-------------------------------GLOBAL VARIABLES------------------------------------*/

var secs
var timerID = null
var timerRunning = false
var delay = 1000 

/*------------- Display Timer Click -------------------------------------------------*/

function InitializeTimer()
{
    // Set the length of the timer, in seconds
    secs = 1
    StopTheClock()
    StartTheTimer()
}

function StopTheClock()
{
    if(timerRunning)
        clearTimeout(timerID)
    timerRunning = false
}

function StartTheTimer()
{
    //if (secs==3)
    if (1==2)
    {
        StopTheClock()
        self.status = "" 
    }
    else
    {  
        document.getElementById("timer").innerHTML = "<font face=Arial size=3 color=#808080> <b>" + secs   +"</b> "     
        self.status = secs
        secs = secs + 1
        timerRunning = true
        timerID = self.setTimeout("StartTheTimer()", delay)
    }
}
/*--------------- Hide/Show Processing Layer --------------------------------------*/

function showLayer(){

   hideAllSelects('hidden');
   document.getElementById('overlay1').style.top = '0';
   document.getElementById('overlay1').style.left = '0';
   //document.getElementById('overlay1').style.width = '102%';
   //document.getElementById('overlay1').style.height= '100%'; 
   //document.getElementById('overlay1').style.visibility = 'visible';
   document.getElementById('lightbox1').style.visibility = 'visible';

   InitializeTimer();


}

function hideLayer(){
   StopTheClock();

   hideAllSelects('visible');
   document.getElementById('overlay1').style.visibility = 'hidden';
   document.getElementById('lightbox1').style.visibility = 'hidden';


}
/*---------------Show Detail Layer ------------------------------------*/
function showDetailLayer(){

   hideAllSelects('hidden');
   document.getElementById('overlay1').style.top = '0';
   document.getElementById('overlay1').style.left = '0';
   document.getElementById('overlay1').style.width = '102%';
   document.getElementById('overlay1').style.height= '800'; 
   document.getElementById('overlay1').style.visibility = 'visible';   
   
   
   var winW = 630, winH = 460;

	if (parseInt(navigator.appVersion)>3) {
 		if (navigator.appName=="Netscape") {
  			winW = window.innerWidth;
  			winH = window.innerHeight;
 		}
 	if (navigator.appName.indexOf("Microsoft")!=-1) {
  		winW = document.body.offsetWidth;
  		winH = document.body.offsetHeight;
 		}
	}
 
   
   document.getElementById('detail').style.left =  (winW -700)/2  
   document.getElementById('detail').style.visibility = 'visible';
}  
  
function hideDetailLayer(){ 

   hideAllSelects('visible');
   document.getElementById('overlay1').style.visibility = 'hidden';
   document.getElementById('detail').style.visibility = 'hidden';


}  
/*--------------- Hide/Show Processing Layer --------------------------------------*/

function hideAllSelects(option) {
var collS = document.getElementsByTagName("SELECT");
for (var i=0; i<collS.length; i++)
collS[i].style.visibility = option;
}