// JavaScript Document
function cngBtn (){
 document.getElementById("btn").value = "Save"; 
}
 


 
var nn = 1;
 

 
var img = 1;
 
function changeDivImage(tt)
{
 var imgPath = new String();
 
 img = tt;
 
 switch(tt) {
  case 1: 
  imgPath = "url(images/banner1.jpg)";
  document.getElementById("imgSel").innerHTML = "<li><a href=\"javascript:changeDivImage(1)\" class=\"iSA\"></a></li><li><a href=\"javascript:changeDivImage(2)\" class=\"iS\"></a></li><li><a href=\"javascript:changeDivImage(3)\" class=\"iS\"></a></li><li><a href=\"javascript:changeDivImage(4)\" class=\"iS\"></a></li>";
  break;
  case 2: 
  imgPath = "url(images/banner2.jpg)";
  document.getElementById("imgSel").innerHTML = "<li><a href=\"javascript:changeDivImage(1)\" class=\"iS\"></a></li><li><a href=\"javascript:changeDivImage(2)\" class=\"iSA\"></a></li><li><a href=\"javascript:changeDivImage(3)\" class=\"iS\"></a></li><li><a href=\"javascript:changeDivImage(4)\" class=\"iS\"></a></li>";
  break;
  case 3: 
  imgPath = "url(images/banner3.jpg)";
  document.getElementById("imgSel").innerHTML = "<li><a href=\"javascript:changeDivImage(1)\" class=\"iS\"></a></li><li><a href=\"javascript:changeDivImage(2)\" class=\"iS\"></a></li><li><a href=\"javascript:changeDivImage(3)\" class=\"iSA\"></a></li><li><a href=\"javascript:changeDivImage(4)\" class=\"iS\"></a></li>";
  break;
  case 4: 
  imgPath = "url(images/banner4.jpg)";
  document.getElementById("imgSel").innerHTML = "<li><a href=\"javascript:changeDivImage(1)\" class=\"iS\"></a></li><li><a href=\"javascript:changeDivImage(2)\" class=\"iS\"></a></li><li><a href=\"javascript:changeDivImage(3)\" class=\"iS\"></a></li><li><a href=\"javascript:changeDivImage(4)\" class=\"iSA\"></a></li>";
  break;
 }
 
 if(imgPath != "")
 {
  document.getElementById("mainphoto").style.backgroundImage = imgPath;
 }
}
 

 
var secs;
var timerID = null;
var timerRunning = false;
var delay = 900;
var delay2 = 900;
 
function InitializeTimer()
{
    // Set the length of the timer, in seconds
    secs = 6;
    StopTheClock();
    StartTheTimer();
}
 
function StopTheClock()
{
    if(timerRunning)
    clearTimeout(timerID);
    timerRunning = false;
}
 
function StartTheTimer()
{
 if (secs==0)
{
  StopTheClock();
  switch(img) {
  case 1:
  fade('mainphoto');
    var t2 = setTimeout("changeDivImage(2)", delay2);
  img = 2;
  break;
  case 2:
  fade('mainphoto');
  var t2 = setTimeout("changeDivImage(3)", delay2);
  img = 3;
  break;
  case 3:
  fade('mainphoto');
  var t2 = setTimeout("changeDivImage(4)", delay2);
  img = 4;
  break;
  case 4:
  fade('mainphoto');
  var t2 = setTimeout("changeDivImage(1)", delay2);
  img = 1;
  break;

  }
  var n2 = setTimeout("fade('mainphoto')", 900);
  InitializeTimer();
 }
    else
    {
       // self.status = secs;
        secs = secs - 1;
        timerRunning = true;
        timerID = self.setTimeout("StartTheTimer()", delay);
    }
}
 
var TimeToFade = 900.0;
var TimeToFade2 = 1900.0;
 
function fade(eid)
{
  var element = document.getElementById(eid);
  if(element == null)
    return;
   
  if(element.FadeState == null)
  {
    if(element.style.opacity == null
        || element.style.opacity == ''
        || element.style.opacity == '1')
    {
      element.FadeState = 2;
    }
    else
    {
      element.FadeState = -2;
    }
  }
   
  if(element.FadeState == 1 || element.FadeState == -1)
  {
    element.FadeState = element.FadeState == 1 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
  }
  else
  {
    element.FadeState = element.FadeState == 2 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade;
    setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
  }  
}
 
function animateFade(lastTick, eid)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
 
  var element = document.getElementById(eid);
 
  if(element.FadeTimeLeft <= elapsedTicks)
  {
    element.style.opacity = element.FadeState == 1 ? '1' : '0';
    element.style.filter = 'alpha(opacity = '
        + (element.FadeState == 1 ? '100' : '0') + ')';
    element.FadeState = element.FadeState == 1 ? 2 : -2;
    return;
  }
 
  element.FadeTimeLeft -= elapsedTicks;
  var newOpVal = element.FadeTimeLeft/TimeToFade;
  if(element.FadeState == 1)
    newOpVal = 1 - newOpVal;
 
  element.style.opacity = newOpVal;
  element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
 
  setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
}
 
function fadein(eid)
{
  fade('mainphoto');
  var t5 = setTimeout("changeDivImage(1)", 900);
  var t6 = setTimeout("fade('mainphoto')", 900);
}