var clockMode = false;
	var Digital = new Object;

	function showClock ( h, m )	{
		c0 = new Image (); c0.src = '/templates/images/clock/0.gif';
		c1 = new Image (); c1.src = '/templates/images/clock/1.gif';
		c2 = new Image (); c2.src = '/templates/images/clock/2.gif';
		c3 = new Image (); c3.src = '/templates/images/clock/3.gif';
		c4 = new Image (); c4.src = '/templates/images/clock/4.gif';
		c5 = new Image (); c5.src = '/templates/images/clock/5.gif';
		c6 = new Image (); c6.src = '/templates/images/clock/6.gif';
		c7 = new Image (); c7.src = '/templates/images/clock/7.gif';
		c8 = new Image (); c8.src = '/templates/images/clock/8.gif';
		c9 = new Image (); c9.src = '/templates/images/clock/9.gif';
		cdot = new Image (); cdot.src = '/templates/images/clock/dot.gif';

		hh = document.getElementById ( 'c_hh' );
		hl = document.getElementById ( 'c_hl' );
		mh = document.getElementById ( 'c_mh' );
		ml = document.getElementById ( 'c_ml' );
		dot = document.getElementById ( 'c_dot' );
		
		if ( h > 9 ) {
			hh.src = eval ( 'c'+Math.floor(h/10)+'.src' );
			hl.src = eval ( 'c'+(h%10)+'.src' );
		} else {
			hh.src = c0.src;
			hl.src = eval ( 'c'+h+'.src' );
		}
	
		if ( m > 9 ) {
			mh.src = eval ( 'c'+Math.floor(m/10)+'.src' );
			ml.src = eval ( 'c'+(m%10)+'.src' );
		} else {
			mh.src = c0.src;
			ml.src = eval ( 'c'+m+'.src' );
		}
	
		if ( clockMode ) {
			dot.style.visibility = '';
		} else {
			dot.style.visibility = 'hidden';
		}
		
		clockMode = !clockMode;
	}

	function updateClock ( ) {
		Digital.setSeconds ( Digital.getSeconds() + 1 );
		var hours = Digital.getHours();
		var minutes = Digital.getMinutes();
		showClock ( hours, minutes );
		setTimeout ( "updateClock()", 1000 );
	}

	function startClock ( serverdate ) {
		Digital = new Date ( serverdate );
		updateClock ( );
	}