radarImages = 10;

fadeNumber = 12;

displayNumber = 10;

transparency = 0;

startImage = 5;

playing = false;

function init()

{

	radar = document.getElementById('radarDiv');

	testp = document.getElementById('test');

	newImages = new Array();

	for (i=startImage; i<=radarImages; i++){



	newImages[i] = document.createElement("img");

        newImages[i].setAttribute("width", 450);

        newImages[i].setAttribute("height", 253);

	newImages[i].setAttribute("src","http://images.ctv.ca/mar/images/local990/calweather/WEB_Radar_0000"+(i-5)+".jpg");

	}

addImages();

if(document.all){

	for (i=startImage; i<=radarImages; i++){

	newImages[i].style.visibility = "visible";

	showRadarImage(i,0);

	}

	showRadarImage(displayNumber,1);

}

else{



newImages[displayNumber].style.visibility = "visible";

showRadarImage(displayNumber,1);



}

}

function showRadarImage(thisImage,transparency){

			if(document.all){

			newImages[thisImage].style.filter='progid:DXImageTransform.Microsoft.BasicImage(opacity='+transparency+')'



			}

			else{

			if(transparency >= 1){

			newImages[thisImage].style.visibility = "visible";

			}

			else{

			newImages[thisImage].style.visibility = "hidden";

			}

			}

}

function addImages(){

 	for (i=startImage; i<=radarImages; i++){

   	radar.appendChild(newImages[i]);

	}  

showRadarImage(displayNumber,1);





}

function doFade(){

if (transparency <= 1){



	 showRadarImage(displayNumber,transparency);

	transparency = transparency + 0.1;

	fadeLoop = setTimeout(doFade,50);

}



}

function radarLoop(){

testp.innerHTML = displayNumber + " " + fadeNumber;



if(playing==true && displayNumber < radarImages || firstTime){

firstTime = false;

loop = setTimeout(radarLoop,540);

fadeNumber = displayNumber;

displayNumber = displayNumber +1;



}

else if(playing==true && displayNumber >= radarImages){

firstTime = false;

loop = setTimeout(radarLoop,7000);

fadeNumber = displayNumber;

displayNumber = startImage;

}





        for (i=startImage; i<=radarImages; i++){

if(i!=fadeNumber){

showRadarImage(i,0);}

else{



}





}

if(document.all){

showRadarImage(fadeNumber,1);

 transparency = 0;

 doFade();

}

else{

showRadarImage(displayNumber,1);

}

}

function stop(){

playing = false;

clearTimeout(loop);

}

function play(){

playing = true;

firstTime = true;

if (displayNumber == radarImages){

displayNumber = displayNumber +1;

fadeNumber = fadeNumber +1;

displayNumber = startImage ;

fadeNumber = startImage ;



}

else {

displayNumber = displayNumber +1;

fadeNumber = fadeNumber +1;





}

radarLoop();



}