// var wordclockurl = 'http://www.hartmann-ag.com/plugin-worldclock/ajax.json.php';
var wordclockurl = '/plugin-worldclock/ajax.json.php';
var log;
var periodical;	// periodical and dummy variables for later use
var container;
var clock_width = 54;
var clock_height = 54;

var JSR = new Json.Remote(wordclockurl, { 
	onComplete: function(jsonObj) {
		clockSet(jsonObj.thetimes.manila, "worldclock_manila");
		clockSet(jsonObj.thetimes.leer, "worldclock_leer");
		clockSet(jsonObj.thetimes.philadelphia, "worldclock_philadelphia");
	}	
});


var refresh = (function() {	JSR.send(); }); 



var clockSet = function(zeit, ort) {
	container = $(ort);
	var hh = zeit.substr(0,2);
	if (hh > 11) { 
		hh = hh - 12; 
		container.getNext().setText("P.M.");		
	} else {
		container.getNext().setText("A.M.");	
	}
	var mm = zeit.substr(3,2);
	var clock_x = hh * clock_width;
	var clock_y = mm * clock_height;

	container.setStyle('background', 'url(../plugin-worldclock/images/worldclock.png) no-repeat');
	var css = "-" + clock_x.toString() + "px -" + clock_y.toString() + "px";
	container.setStyle('background-position', css);
}



function clockInit() {
	$clear(periodical);
	periodical = refresh.periodical(12000, this); 
	JSR.send($time()); 
}

window.addEvent('domready', clockInit);