radarImages = 13;
fadeNumber = 12;
displayNumber = 13;
transparency = 0;
startImage = 6;
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("src","http://images.ctv.ca/mar/images/local990/torweather/image"+(i-1)+".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();

}