var hPosOld = 0;
var mPosOld = 0;
var sPosOld = 0;

var createImageClock = function() {
	var Today = new Date();
	var Mills = Today.getMilliseconds();

	var Second = Today.getSeconds()+Mills/1000;
	var Minute = Today.getMinutes()+Second/60;
	var Hour = Today.getHours()+Minute/60;

	var hPos = Math.floor(((Hour % 12) / 12) * 60);
	var mPos = Math.floor(Minute);
	var sPos = Math.floor(Second);





	updateClock(hPos, mPos, sPos);
}

var updateClock = function(hPos, mPos, sPos) {
	if (hPos != hPosOld) {
		hPosOld = hPos;
		$('imageClockHours').style.backgroundPosition = '0px -'+(hPos*148)+'px';
	}
	if (mPos != mPosOld) {
		mPosOld = mPos;
		$('imageClockMinutes').style.backgroundPosition = '-148px -'+(mPos*148)+'px';
	}

	$('imageClockSeconds').style.backgroundPosition = '-296px -'+(sPos*148)+'px';

	sPos++;
	if (sPos > 59) {
		sPos = 0;
		mPos++;
		if (mPos > 59) {
			mPos = 0;
			hPos++;
			if (hPos > 59) {
				hPos = 0;
			}
		}
	}

	setTimeout(function() {
		updateClock(hPos, mPos, sPos);
	}, 1000);
}

