radarImages = 13;
fadeNumber = 12;
displayNumber = 13;
transparency = 0;
startImage = 6;
playing = false;
function init()
{
        var urlquery=location.href.split("?"); 
        if (urlquery.length > 1)
        {
            switchWeatherMap(4);
        }
	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", 364);
        newImages[i].setAttribute("height", 246);
//        newImages[i].setAttribute("style", "height:246px;width:364px;");
	newImages[i].setAttribute("src","http://www.ctv.ca/mar/images/local990/bcweather/image"+(i-1)+".jpeg");
	}
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();

}

function switchWeatherMap(ID)
{
document.getElementById("weatherCurBC").style.backgroundImage = "url(http://www.ctv.ca/mar/images/local990/weatherTab" + ID + "_ON.jpg)";
for (i = 1; i < 5; i++)
{
if (i == ID)
{
document.getElementById("weatherMap" + i).style.display = "block";
}
else
{
document.getElementById("weatherMap" + i).style.display = "none";
}
}
}