var clock, c, bg, t, h, m, s;

function start(){
	clock = Raphael( "clock", 38, 38);
	bg = clock.image("http://fahrplanauskunft.vrn.de/vrn/images/www/uhr.gif", 0, 0, 38, 38);
	// hours
	h = clock.path("M19 19L19 9");
	h.attr({stroke: "#4d4d4d", "stroke-width": 1.5 });
	// minutes
	m = clock.path("M19 19L19 2");
	m.attr({ stroke: "#4d4d4d", "stroke-width": 1.5 });
	// seconds
	s = clock.path("M19 23L19 3");
	s.attr({ stroke: "#8d8d8d", "stroke-width": 1 });

	setInterval("moveSec()",1000);
}

function moveSec(){
	var date = new Date();
	var sec = date.getSeconds();
	s.rotate(6*sec, 19, 19);
	var mins = date.getMinutes();
	m.rotate(6*mins, 19, 19);
	var hrs = date.getHours();
	h.rotate(30*hrs+(mins/3), 19, 19);
}

$(function(){
	start();
});