// JavaScript Document

var secs;
var timerID = null;
var timerRunning = false;
var delay = 2300;
var nn = 1;
var TimeToFade = 2700;
var img = 1;

function changeleftDivImage(tt)
{
	var imgPath = new String();

	img = tt;
	
	switch(tt) {
		case 1: 
		imgPath = "url(images/1.png)";
		break;
		case 2: 
		imgPath = "url(images/2.png)";
		break;
		case 3: 
		imgPath = "url(images/1.png)";
		break;
		case 4: 
		imgPath = "url(images/3.png)";
		break;
		case 5: 
		imgPath = "url(images/1.png)";
		break;
		case 6: 
		imgPath = "url(images/4.png)";
		break;
		case 7: 
		imgPath = "url(images/1.png)";
		break;
		case 8: 
		imgPath = "url(images/5.png)";
		break;
	}
	
	if(imgPath != "")
	{
		document.getElementById('left').style.backgroundImage = imgPath;
	}
}

function changemainDivImage(tt)
{
	var imgPath2 = new String();

	img = tt;
	
	switch(tt) {
		case 1: 
		imgPath2 = "url(images/topimages.jpg)";
		break;
		case 2: 
		imgPath2 = "url(images/topimages2.jpg)";
		break;
		case 3: 
		imgPath2 = "url(images/topimages.jpg)";
		break;
		case 4: 
		imgPath2 = "url(images/topimages3.jpg)";
		break;
		case 5: 
		imgPath2 = "url(images/topimages.jpg)";
		break;
		case 6: 
		imgPath2 = "url(images/topimages4.jpg)";
		break;
		case 7: 
		imgPath2 = "url(images/topimages.jpg)";
		break;
		case 8: 
		imgPath2 = "url(images/topimages5.jpg)";
		break;
	}
	
	if(imgPath2 != "")
	{
		document.getElementById('topimages').style.backgroundImage = imgPath2;
	}
}


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

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

function StartTheTimer()
{
	if (secs==0)
	{
		StopTheClock();
		switch(img) {
		case 1:
		fade('left');
	  	var t2 = setTimeout("changeleftDivImage(2)", delay);
		fade('topimages');
	  	var z2 = setTimeout("changemainDivImage(2)", delay);
		img = 2;
		break;
		case 2:
		fade('left');
		var t2 = setTimeout("changeleftDivImage(3)", delay);
		fade('topimages');
	  	var z2 = setTimeout("changemainDivImage(3)", delay);
		img = 3;
		break;
		case 3:
		fade('left');
		var t2 = setTimeout("changeleftDivImage(4)", delay);
		fade('topimages');
	  	var z2 = setTimeout("changemainDivImage(4)", delay);
		img = 4;
		break;
		case 4:
		fade('left');
		var t2 = setTimeout("changeleftDivImage(5)", delay);
		fade('topimages');
	  	var z2 = setTimeout("changemainDivImage(5)", delay);
		img = 5;
		break;
		case 5:
		fade('left');
		var t2 = setTimeout("changeleftDivImage(6)", delay);
		fade('topimages');
	  	var z2 = setTimeout("changemainDivImage(6)", delay);
		img = 6;
		break;
		case 6:
		fade('left');
		var t2 = setTimeout("changeleftDivImage(7)", delay);
		fade('topimages');
	  	var z2 = setTimeout("changemainDivImage(7)", delay);
		img = 7;
		break;
		case 7:
		fade('left');
		var t2 = setTimeout("changeleftDivImage(8)", delay);
		fade('topimages');
	  	var z2 = setTimeout("changemainDivImage(8)", delay);
		img = 8;
		break;
		case 8:
		fade('left');
		var t2 = setTimeout("changeleftDivImage(1)", delay);
		fade('topimages');
	  	var z2 = setTimeout("changemainDivImage(1)", delay);
		img = 1;
		break;
		}
		var n2 = setTimeout("fade('left')", delay);
		var z2 = setTimeout("fade('topimages')", delay);
		InitializeTimer();
	}
    else
    {
        self.status = secs;
        secs = secs - 1;
        timerRunning = true;
        timerID = self.setTimeout("StartTheTimer()", delay);
    }
}



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);
}