jQuery(function($) {
	var targetOffset = -1;
	var _clockOption = $("#clockOption");
	var _clockDisplay = $("#clockDisplay");
	var _dateDisplay = $("#dateDisplay");

	function setTime(targetOffset) {
		startTime();
	}
	
	function checkTime(i) {
		return i < 10 ? "0" + i : i;
	}
	
	function refreshTime() {
		updateTime();
	}
	
	function updateTime(refresh) {
		var d = new Date();
		// convert to msec since Jan 1 1970
		var localTime = d.getTime();
		// obtain local UTC offset and convert to msec
		var localOffset = d.getTimezoneOffset() * 60000;
		// get GMT
		var utc = localTime + localOffset;
		var _clockDate = new Date(utc + (3600000*targetOffset));
	
		var h= _clockDate.getHours();
		var m= _clockDate.getMinutes();
		var s= _clockDate.getSeconds();
		var y = _clockDate.getFullYear();
		var mo = checkTime(_clockDate.getMonth() + 1);
		var d = checkTime(_clockDate.getDate());
		
		// add a zero in front of numbers<10
		m=checkTime(m);
		s=checkTime(s);
		h=checkTime(h);
		_clockDisplay.text(h+":"+m+":"+s);
		_dateDisplay.text(y+"."+mo+"."+d);
		
		if (!refresh) setTimeout(refreshTime, 1000);
	}
	function setupOffset() {
		targetOffset = _clockOption.val();
	}
	function updateOffset() {
		setupOffset();
		updateTime(true);
	}
	_clockOption.bind("change", updateOffset);
	
	setupOffset(true);
	updateTime();
});