document.getElementById("banner2").innerHTML="<img width=\"934\" height=\"276\" alt=\"\" src=\"upload/"+theArray[currentImage]+"\" />";
nextImage();
document.getElementById("banner1").innerHTML="<img width=\"934\" height=\"276\" alt=\"\" src=\"upload/"+theArray[currentImage]+"\" />";

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

function nextImage()
{
	temp = currentImage+1;
	if(temp==theArray.length)
		currentImage=0;
	else
		currentImage++;
}

function InitializeTimer()
{
    secs = 3
    StopTheClock()
    StartTheTimer()
}

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

function StartTheTimer()
{
    if (secs==0)
    {
        StopTheClock()

	if(currentBanner==1)
	{
		var attributes = {opacity: { to: 0 }};
		currentBanner=2;
	}
	else
	{
		var attributes = {opacity: { to: 1 }};
		currentBanner=1;
	}
	var anim = new YAHOO.util.Anim('banner2', attributes);

	var changeIMG = function() 
	{
		nextImage();
   		if(currentBanner==2)
		{
			document.getElementById("banner2").innerHTML="<img width=\"934\" height=\"276\" src=\"upload/"+theArray[currentImage]+"\" />";	
		}
		else
		{
			document.getElementById("banner1").innerHTML="<img width=\"934\" height=\"276\" src=\"upload/"+theArray[currentImage]+"\" />";
		}
	}

	anim.onComplete.subscribe(changeIMG);
    	anim.animate();	
	
	InitializeTimer();
    }
    else
    {
        self.status = secs
        secs = secs - 1
        timerRunning = true
        timerID = self.setTimeout("StartTheTimer()", delay)
    }
}

InitializeTimer();