/*
satimage = new Array();
radimage = new Array();

satimage[0]='satellite1.jpg'
satimage[1]='satellite2.jpg'
satimage[2]='satellite3.jpg'
satimage[3]='satellite4.jpg'
satimage[4]='satellite5.jpg'
satimage[5]='satellite6.jpg'

radimage[0]='radar1.png'
radimage[1]='radar2.png'
radimage[2]='radar3.png'
radimage[3]='radar4.png'
radimage[4]='radar5.png'
radimage[5]='radar6.png'
*/

currtime=new Date().getTime()

if (document.images) {
  satpic0 = new Image();
  satpic0.src = 'content_elements/satellite1.jpg?'+currtime;
  satpic1 = new Image();
  satpic1.src = 'content_elements/satellite2.jpg?'+currtime;
  satpic2 = new Image();
  satpic2.src = 'content_elements/satellite3.jpg?'+currtime;
  satpic3 = new Image();
  satpic3.src = 'content_elements/satellite4.jpg?'+currtime;
  satpic4 = new Image();
  satpic4.src = 'content_elements/satellite5.jpg?'+currtime;
  satpic5 = new Image();
  satpic5.src = 'content_elements/satellite6.jpg?'+currtime;
  radpic0 = new Image();
  radpic0.src = 'content_elements/radar1.png?'+currtime;
  radpic1 = new Image();
  radpic1.src = 'content_elements/radar2.png?'+currtime;
  radpic2 = new Image();
  radpic2.src = 'content_elements/radar3.png?'+currtime;
  radpic3 = new Image();
  radpic3.src = 'content_elements/radar4.png?'+currtime;
  radpic4 = new Image();
  radpic4.src = 'content_elements/radar5.png?'+currtime;
  radpic5 = new Image();
  radpic5.src = 'content_elements/radar6.png?'+currtime;
  llispic0 = new Image();
  llispic0.src = 'content_elements/EN_HK_CG1.jpg?'+currtime;
  llispic1 = new Image();
  llispic1.src = 'content_elements/EN_HK_CG2.jpg?'+currtime;
  llispic2 = new Image();
  llispic2.src = 'content_elements/EN_HK_CG3.jpg?'+currtime;
  llispic3 = new Image();
  llispic3.src = 'content_elements/EN_HK_CG4.jpg?'+currtime;
  llispic4 = new Image();
  llispic4.src = 'content_elements/EN_HK_CG5.jpg?'+currtime;
  llispic5 = new Image();
  llispic5.src = 'content_elements/EN_HK_CG6.jpg?'+currtime;
}
var satpics = new Array();
var radpics = new Array();
var llispics = new Array();
satpics[0] = satpic0.src;
satpics[1] = satpic1.src;
satpics[2] = satpic2.src;
satpics[3] = satpic3.src;
satpics[4] = satpic4.src;
satpics[5] = satpic5.src;
radpics[0] = radpic0.src;
radpics[1] = radpic1.src;
radpics[2] = radpic2.src;
radpics[3] = radpic3.src;
radpics[4] = radpic4.src;
radpics[5] = radpic5.src;
llispics[0] = llispic0.src;
llispics[1] = llispic1.src;
llispics[2] = llispic2.src;
llispics[3] = llispic3.src;
llispics[4] = llispic4.src;
llispics[5] = llispic5.src;

var AnimatedID, timeoutID
var Order=-1
var inputType

function startAnimation(type) {
	inputType = type;
	clearInterval(AnimatedID);
	AnimatedID=setInterval('showPic(inputType)',500);
}

function showPic(type) {
	Order++;
	if (Order > 5){
		//Order=0;
		//Order=5;
		clearInterval(AnimatedID);
		timeoutID = setTimeout("Order=-1;startAnimation(inputType)",500);
	} else {
		if (type == 'sat') {
			//document.satrad.src='content_elements/'+satimage[Order]+'?'+currtime;
			document.satpic.src = satpics[Order];
		} 
    else if (type == 'rad') {
			//document.satrad.src='content_elements/'+radimage[Order]+'?'+currtime;
			document.radpic.src = radpics[Order];
		} 
    else if (type == 'llis') {
      document.llispic.src = llispics[Order];
    }
		
	}
}

function stopAnimation(type,picNum) {
	clearInterval(AnimatedID);
	if (timeoutID != undefined) {
		clearTimeout(timeoutID);
	}
	if (type == 'sat') {
		//document.satrad.src='content_elements/'+satimage[picNum]+'?'+currtime;
		document.satpic.src = satpics[picNum];
	} 
  else if (type == 'rad') {
		//document.satrad.src='content_elements/'+radimage[picNum]+'?'+currtime;
		document.radpic.src = radpics[picNum];
	}
  else if (type == 'llis') {
    document.llispic.src = llispics[Order];
  }
	if (picNum < 5) {
		Order=picNum;
	} else {
		Order=-1;
	}
}