//ids of every DIV tag to swap
var ids=new Array('a1','a2','a3','a4','a5', 'a6', 'a7');

function switchid(id){	
	hideallids();
	showdiv(id);
}

function hideallids(){
	//loop through the array and hide each element by id
	for (var i=0;i<ids.length;i++){
		hidediv(ids[i]);
	}		  
}

function hidediv(id) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}

function showdiv(id) {
	//safe function to show an element with a specified id
		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}

window.onload=function () { setStyles(); };
function setStyles() {  

  document.getElementById('header1').className='y-fp-pg-grad y-ln-4 item selected';  
  document.getElementById('header1').onmousemove=function() { return Cngclass(this); }
   
  document.getElementById('header2').className='y-fp-pg-grad trans-border item';  
  document.getElementById('header2').onmousemove=function() { return Cngclass(this);}
  
  document.getElementById('header3').className='y-fp-pg-grad trans-border item';  
  document.getElementById('header3').onmousemove=function() { return Cngclass(this);}
  
  document.getElementById('header4').className='y-fp-pg-grad trans-border item';  
  document.getElementById('header4').onmousemove=function() { return Cngclass(this);}
  
  document.getElementById('header5').className='y-fp-pg-grad trans-border item';  
  document.getElementById('header5').onmousemove=function() { return Cngclass(this);}
  
  document.getElementById('header6').className='y-fp-pg-grad trans-border item';  
  document.getElementById('header6').onmousemove=function() { return Cngclass(this);}
  
}
 
function Cngclass(obj){  
 var currObj; 
 for (i=0;i<ids.length;i++) { 
  currObj = document.getElementById('header1'); 
  if (obj.id == currObj.id) {  
  currObj.className=(currObj.className=='y-fp-pg-grad trans-border item')?'y-fp-pg-grad y-ln-4 item selected':'y-fp-pg-grad y-ln-4 item selected';  
  } 
  else { currObj.className='y-fp-pg-grad trans-border item'; } 
 } 
 for (i=0;i<ids.length;i++) { 
  currObj = document.getElementById('header2'); 
  if (obj.id == currObj.id) {  
  currObj.className=(currObj.className=='y-fp-pg-grad trans-border item')?'y-fp-pg-grad y-ln-4 item selected':'y-fp-pg-grad y-ln-4 item selected';  
  } 
  else { currObj.className='y-fp-pg-grad trans-border item'; } 
 } 
 for (i=0;i<ids.length;i++) { 
  currObj = document.getElementById('header3'); 
  if (obj.id == currObj.id) {  
  currObj.className=(currObj.className=='y-fp-pg-grad trans-border item')?'y-fp-pg-grad y-ln-4 item selected':'y-fp-pg-grad y-ln-4 item selected';  
  } 
  else { currObj.className='y-fp-pg-grad trans-border item'; } 
 } 
 for (i=0;i<ids.length;i++) { 
  currObj = document.getElementById('header4'); 
  if (obj.id == currObj.id) {  
  currObj.className=(currObj.className=='y-fp-pg-grad trans-border item')?'y-fp-pg-grad y-ln-4 item selected':'y-fp-pg-grad y-ln-4 item selected';  
  } 
  else { currObj.className='y-fp-pg-grad trans-border item'; } 
 } 
 for (i=0;i<ids.length;i++) { 
  currObj = document.getElementById('header5'); 
  if (obj.id == currObj.id) {  
  currObj.className=(currObj.className=='y-fp-pg-grad trans-border item')?'y-fp-pg-grad y-ln-4 item selected':'y-fp-pg-grad y-ln-4 item selected';  
  } 
  else { currObj.className='y-fp-pg-grad trans-border item'; } 
 } 
 for (i=0;i<ids.length;i++) { 
  currObj = document.getElementById('header6'); 
  if (obj.id == currObj.id) {  
  currObj.className=(currObj.className=='y-fp-pg-grad trans-border item')?'y-fp-pg-grad y-ln-4 item selected':'y-fp-pg-grad y-ln-4 item selected';  
  } 
  else { currObj.className='y-fp-pg-grad trans-border item'; } 
 } 
 return false;  
}


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

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

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

function StartTheTimer()
{
    if (secs==18)
    {
        //StopTheClock()
        // Here's where you put something useful that's
        // supposed to happen after the allotted time.
        // For example, you could display a message:
        //window.alert("You have just wasted 2 seconds of your life.")
		document.getElementById('header1').className='y-fp-pg-grad y-ln-4 item selected';
		//document.getElementById('header1').class='y-fp-pg-grad y-ln-4 item selected';
		document.getElementById('a1').style.display = 'block'; 
		
    }
	if (secs==15)
    {
        //StopTheClock()
        // Here's where you put something useful that's
        // supposed to happen after the allotted time.
        // For example, you could display a message:
        //window.alert("You have just wasted 2 seconds of your life.")
		document.getElementById('header2').className='y-fp-pg-grad y-ln-4 item selected';
		document.getElementById('header1').className='y-fp-pg-grad trans-border item';
		//document.getElementById('header2').class='y-fp-pg-grad y-ln-4 item selected';
		//document.getElementById('header1').class='y-fp-pg-grad trans-border item';
    	//document.getElementById('a2').style.display = 'block';
		//document.getElementById('a2').display = 'block';
		document.getElementById('a1').style.display = 'none';
		document.getElementById('a2').style.display = 'block';
	}
	if (secs==12)
    {
        //StopTheClock()
        // Here's where you put something useful that's
        // supposed to happen after the allotted time.
        // For example, you could display a message:
        //window.alert("You have just wasted 2 seconds of your life.")
		document.getElementById('header3').className='y-fp-pg-grad y-ln-4 item selected';
		document.getElementById('header2').className='y-fp-pg-grad trans-border item';
		//document.getElementById('header3').class='y-fp-pg-grad y-ln-4 item selected';
		//document.getElementById('header2').class='y-fp-pg-grad trans-border item';
		document.getElementById('a2').style.display = 'none';
		document.getElementById('a3').style.display = 'block';
    }
	if (secs==9)
    {
        //StopTheClock()
        // Here's where you put something useful that's
        // supposed to happen after the allotted time.
        // For example, you could display a message:
        //window.alert("You have just wasted 2 seconds of your life.")
		document.getElementById('header4').className='y-fp-pg-grad y-ln-4 item selected';
		document.getElementById('header3').className='y-fp-pg-grad trans-border item';
		//document.getElementById('header4').class='y-fp-pg-grad y-ln-4 item selected';
		//document.getElementById('header3').class='y-fp-pg-grad trans-border item';
		document.getElementById('a3').style.display = 'none';
		document.getElementById('a4').style.display = 'block';
    }
	if (secs==6)
    {
        //StopTheClock()
        // Here's where you put something useful that's
        // supposed to happen after the allotted time.
        // For example, you could display a message:
        //window.alert("You have just wasted 2 seconds of your life.")
		document.getElementById('header5').className='y-fp-pg-grad y-ln-4 item selected';
		document.getElementById('header4').className='y-fp-pg-grad trans-border item';
		//document.getElementById('header5').class='y-fp-pg-grad y-ln-4 item selected';
		//document.getElementById('header4').class='y-fp-pg-grad trans-border item';
		document.getElementById('a4').style.display = 'none';
		document.getElementById('a5').style.display = 'block';
    }
	if (secs==3)
    {
        //StopTheClock()
        // Here's where you put something useful that's
        // supposed to happen after the allotted time.
        // For example, you could display a message:
        //window.alert("You have just wasted 2 seconds of your life.")
		document.getElementById('header6').className='y-fp-pg-grad y-ln-4 item selected';
		document.getElementById('header5').className='y-fp-pg-grad trans-border item';
		//document.getElementById('header6').class='y-fp-pg-grad y-ln-4 item selected';
		//document.getElementById('header5').class='y-fp-pg-grad trans-border item';
		document.getElementById('a5').style.display = 'none';
		document.getElementById('a6').style.display = 'block';
    }
	if (secs==0)
    {
        //StopTheClock()
        // Here's where you put something useful that's
        // supposed to happen after the allotted time.
        // For example, you could display a message:
        //window.alert("You have just wasted 2 seconds of your life.")
		document.getElementById('header1').className='y-fp-pg-grad y-ln-4 item selected';
		document.getElementById('header6').className='y-fp-pg-grad trans-border item';
		//document.getElementById('header1').class='y-fp-pg-grad y-ln-4 item selected';
		//document.getElementById('header6').class='y-fp-pg-grad trans-border item';
		document.getElementById('a6').style.display = 'none';
		document.getElementById('a1').style.display = 'block';
		//document.getElementById('header5').className='y-fp-pg-grad trans-border item';
		//document.getElementById('header4').className='y-fp-pg-grad trans-border item';
		//document.getElementById('header3').className='y-fp-pg-grad trans-border item';
		//document.getElementById('header2').className='y-fp-pg-grad trans-border item';
		//function stoper() {

		
    }
    else
    {
        self.status = secs
        secs = secs - 1
        timerRunning = true
        timerID = self.setTimeout("StartTheTimer()", delay)
		//clearTimeout(timerID);
    }



}
//End TImer

//Resume Class Change on Mouseover AFTER timer runs

function changeClass1(){
document.getElementById("header1").setAttribute("class", "y-fp-pg-grad y-ln-4 item selected");
document.getElementById("header2").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header3").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header4").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header5").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header6").setAttribute("class", "y-fp-pg-grad trans-border item");
//IE needs className
document.getElementById("header1").setAttribute("className", "y-fp-pg-grad y-ln-4 item selected");
document.getElementById("header2").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header3").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header4").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header5").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header6").setAttribute("className", "y-fp-pg-grad trans-border item");


}

function changeClass2(){
document.getElementById("header1").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header2").setAttribute("class", "y-fp-pg-grad y-ln-4 item selected");
document.getElementById("header3").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header4").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header5").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header6").setAttribute("class", "y-fp-pg-grad trans-border item");	
	
document.getElementById("header1").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header2").setAttribute("className", "y-fp-pg-grad y-ln-4 item selected");
document.getElementById("header3").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header4").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header5").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header6").setAttribute("className", "y-fp-pg-grad trans-border item");

}

function changeClass3(){
document.getElementById("header1").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header2").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header3").setAttribute("class", "y-fp-pg-grad y-ln-4 item selected");
document.getElementById("header4").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header5").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header6").setAttribute("class", "y-fp-pg-grad trans-border item");

document.getElementById("header1").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header2").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header3").setAttribute("className", "y-fp-pg-grad y-ln-4 item selected");
document.getElementById("header4").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header5").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header6").setAttribute("className", "y-fp-pg-grad trans-border item");

}

function changeClass4(){
document.getElementById("header1").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header2").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header3").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header4").setAttribute("class", "y-fp-pg-grad y-ln-4 item selected");
document.getElementById("header5").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header6").setAttribute("class", "y-fp-pg-grad trans-border item");

document.getElementById("header1").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header2").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header3").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header4").setAttribute("className", "y-fp-pg-grad y-ln-4 item selected");
document.getElementById("header5").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header6").setAttribute("className", "y-fp-pg-grad trans-border item");

}

function changeClass5(){
document.getElementById("header1").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header2").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header3").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header4").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header5").setAttribute("class", "y-fp-pg-grad y-ln-4 item selected");
document.getElementById("header6").setAttribute("class", "y-fp-pg-grad trans-border item");

document.getElementById("header1").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header2").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header3").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header4").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header5").setAttribute("className", "y-fp-pg-grad y-ln-4 item selected");
document.getElementById("header6").setAttribute("className", "y-fp-pg-grad trans-border item");

}

function changeClass6(){
document.getElementById("header1").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header2").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header3").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header4").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header5").setAttribute("class", "y-fp-pg-grad trans-border item");
document.getElementById("header6").setAttribute("class", "y-fp-pg-grad y-ln-4 item selected");

document.getElementById("header1").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header2").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header3").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header4").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header5").setAttribute("className", "y-fp-pg-grad trans-border item");
document.getElementById("header6").setAttribute("className", "y-fp-pg-grad y-ln-4 item selected");

}