var message = new Array();
message[0]=document.getElementById("panel0").innerHTML;
message[1]=document.getElementById("panel1").innerHTML;
message[2]=document.getElementById("panel2").innerHTML;	

var looping = true;
loopPanel(0);

function changePanel(num)
{
	looping = false;
	document.getElementById("panel0").innerHTML = message[num];
}

function loopPanel(num)
{
	var nextNum = num+1;
	if(nextNum > 2)
	{
		nextNum = 0;
	}
	if(looping == true)
	{
		document.getElementById("panel0").innerHTML = message[num];
		var t = setTimeout("loopPanel(" + nextNum + ")",5000);
	}
	else
	{
		var s = setTimeout("reLoopPanel(" + num + ")",5000); 
	}	
}

function reLoopPanel(num)
{
	looping = true;
	loopPanel(num);
}

setTimeout("fadeCity('city2')",3000);

function fadeCity(city)
{
	var img=document.getElementById("city1");
	img.filters[0].apply();

	var filename = "/avila/park1.jpg";
    switch (city)
    {
		case "city1":
			filename = "/avila/park2.jpg"
			setTimeout("fadeCity('city2')",8000)
		break
		case "city2":
			filename = "/avila/park3.jpg"
			setTimeout("fadeCity('city3')",8000)
		break
		case "city3":
			filename = "/avila/park1.jpg"
			setTimeout("fadeCity('city1')",8000);
		break
	}
	img.src=src=filename;

	img.filters[0].play();
	
}

function fadeImg(objname){
var objholder=document.getElementById(objname)
objholder.filters[0].apply()
objholder.src=src="/avila/park1.jpg"
objholder.filters[0].play()
}


function fadeImage(imgId)
{
     var img = document.getElementById(imgId);
     var opc = img.filters.alpha.opacity;
     //alert('it is ' + opc);     

     switch (opc)
     {
		case 0:
	     		img.filters.alpha.opacity = 10;
		break  
	
		case 10:
	     		img.filters.alpha.opacity = 25;
		break  
	
		case 25:
	     		img.filters.alpha.opacity = 40;
		break  
	
		case 40:
	     		img.filters.alpha.opacity = 60;
		break  
	
		case 60:
	     		img.filters.alpha.opacity = 80;
		break  
	   
		case 80:
	     		img.filters.alpha.opacity = 100;
		break  
	
		case 100:
	     		img.filters.alpha.opacity = 99;
		break  
	
		case 99:
	     		img.filters.alpha.opacity = 70;
		break  
	
		case 70:
	     		img.filters.alpha.opacity = 50;
		break  
	
		case 50:
	     		img.filters.alpha.opacity = 30;
		break  
	
		case 30:
	     		img.filters.alpha.opacity = 20;
		break  
	
		case 20:
	     		img.filters.alpha.opacity = 0;
		break  

     }

}