// JavaScript Document

g_clocksPID 		= null;

addLoadEvent("initHome");

initHome = function(){
	getWorldClocks();
	slideshow(1,g_slideshowLength,8000);
};

getWorldClocks = function(){
	new Ajax.Request("action.php",{
		method:"post",
		parameters:{
			action:"getWorldClocks"
		},
		onComplete: function(t){			
			var xmlobject = new DOMParser();
			xmlobject = xmlobject.parseFromString(t.responseText.trim() , "text/xml");
			xmlobject = xmlobject.getElementsByTagName("root").item(0);
			var o = xmlobject;
			
			var clocks = o.getElementsByTagName("clock");
			
			for (var i=0; i<clocks.length; i++){
				$(clocks[i].getAttribute("id")).innerHTML = clocks[i].firstChild.nodeValue.trim();
			}
		}
	});
	
	if (g_clocksPID){
		clearInterval(g_clocksPID);
	}
	
	g_clocksPID = setTimeout("getWorldClocks();",30*1000);
	
};

function slideshow(start,last,interval){
  var frame = start;
  var nextframe = start+1;
  Effect.Appear('slideshow_img1',{duration:.5,from:0.0,to:1.0});
    setInterval(function(){
		Effect.Fade('slideshow_img'+frame,{duration:.5,from:1.0,to:0.0,afterFinish:function(){
		$('slideshow_img'+frame).hide();
		Effect.Appear('slideshow_img'+nextframe,{duration:.5,from:0.0,to:1.0});
		frame = nextframe;
		nextframe = (frame == last) ? start : nextframe+1;
		}});
	 },interval);
 return;
};