// JavaScript Document
window.onload = function(){

// Klok Amsterdam
var canvas_amsterdam = Raphael("klok-amsterdam",128,128);

canvas_amsterdam.circle(62,62,62).attr("stroke-width",2).attr("stroke","#fff").attr("fill","#000");
canvas_amsterdam.circle(62,62,3).attr("fill","#cc9900");

var hand_amsterdam = canvas_amsterdam.path("M62 62L62 4").attr("stroke-width",1).attr("stroke","#ff0000");
var minute_hand_amsterdam = canvas_amsterdam.path("M62 62L62 12").attr("stroke-width",2).attr("stroke","#cc9900");
var hour_hand_amsterdam = canvas_amsterdam.path("M62 62L62 20").attr("stroke-width",3).attr("stroke","#cc9900");

var time_amsterdam = new Date();

angle_amsterdam = time_amsterdam.getSeconds() * 6;

minute_hand_amsterdam.rotate(6 * time_amsterdam.getMinutes(),62,62); 

// Tijd instellen = Lokale tijd +- aantal uur
var hr_amsterdam = time_amsterdam.getHours();
if(hr_amsterdam>12)
hr_amsterdam = hr_amsterdam -12;

hour_hand_amsterdam.rotate(30 * hr_amsterdam,62,62);

var minute_angle_amsterdam = 6 + time_amsterdam.getMinutes()*6,hour_angle_amsterdam=0.5+ hr_amsterdam*30;
setInterval(function(){
	angle_amsterdam = angle_amsterdam + 6;
	if(angle_amsterdam>=360){
		angle_amsterdam=0;
		minute_hand_amsterdam.rotate(minute_angle_amsterdam,62,62);
		minute_angle_amsterdam = minute_angle_amsterdam + 6;
		hour_hand_amsterdam.rotate(hour_angle_amsterdam,62,62);
		hour_angle_amsterdam = hour_angle_amsterdam + 0.6;
	}
	if(minute_angle_amsterdam>=360){
		minute_angle_amsterdam=0;
	}
	hand_amsterdam.rotate(angle_amsterdam,62,62);
},1000);
// Einde Amsterdam
//
// Klok New York
var canvas_newyork = Raphael("klok-newyork",128,128);

canvas_newyork.circle(62,62,62).attr("stroke-width",2).attr("stroke","#fff").attr("fill","#000");
canvas_newyork.circle(62,62,3).attr("fill","#cc9900");

var hand_newyork = canvas_newyork.path("M62 62L62 4").attr("stroke-width",1).attr("stroke","#ff0000");
var minute_hand_newyork = canvas_newyork.path("M62 62L62 12").attr("stroke-width",2).attr("stroke","#cc9900");
var hour_hand_newyork = canvas_newyork.path("M62 62L62 20").attr("stroke-width",3).attr("stroke","#cc9900");

var time_newyork = new Date();

angle_newyork = time_newyork.getSeconds() * 6;

minute_hand_newyork.rotate(6 * time_newyork.getMinutes(),62,62); 

// Tijd instellen = Lokale tijd +- aantal uur
var hr_newyork = time_newyork.getHours()-6;
if(hr_newyork>12)
hr_newyork = hr_newyork -12;

hour_hand_newyork.rotate(30 * hr_newyork,62,62);

var minute_angle_newyork = 6 + time_newyork.getMinutes()*6,hour_angle_newyork=0.5+ hr_newyork*30;
setInterval(function(){
	angle_newyork = angle_newyork + 6;
	if(angle_newyork>=360){
		angle_newyork=0;
		minute_hand_newyork.rotate(minute_angle_newyork,62,62);
		minute_angle_newyork = minute_angle_newyork + 6;
		hour_hand_newyork.rotate(hour_angle_newyork,62,62);
		hour_angle_newyork = hour_angle_newyork + 0.6;
	}
	if(minute_angle_newyork>=360){
		minute_angle_newyork=0;
	}
	hand_newyork.rotate(angle_newyork,62,62);
},1000);
// Einde New york
//
// Klok Tokyo
var canvas_tokyo = Raphael("klok-tokyo",128,128);

canvas_tokyo.circle(62,62,62).attr("stroke-width",2).attr("stroke","#fff").attr("fill","#000");
canvas_tokyo.circle(62,62,3).attr("fill","#cc9900");

var hand_tokyo = canvas_tokyo.path("M62 62L62 4").attr("stroke-width",1).attr("stroke","#ff0000");
var minute_hand_tokyo = canvas_tokyo.path("M62 62L62 12").attr("stroke-width",2).attr("stroke","#cc9900");
var hour_hand_tokyo = canvas_tokyo.path("M62 62L62 20").attr("stroke-width",3).attr("stroke","#cc9900");

var time_tokyo = new Date();

angle_tokyo = time_tokyo.getSeconds() * 6;

minute_hand_tokyo.rotate(6 * time_tokyo.getMinutes(),62,62); 

// Tijd instellen = Lokale tijd +- aantal uur
var hr_tokyo = time_tokyo.getHours()+8;
if(hr_tokyo>12)
hr_tokyo = hr_tokyo -12;

hour_hand_tokyo.rotate(30 * hr_tokyo,62,62);

var minute_angle_tokyo = 6 + time_tokyo.getMinutes()*6,hour_angle_tokyo=0.5+ hr_tokyo*30;
setInterval(function(){
	angle_tokyo = angle_tokyo + 6;
	if(angle_tokyo>=360){
		angle_tokyo=0;
		minute_hand_tokyo.rotate(minute_angle_tokyo,62,62);
		minute_angle_tokyo = minute_angle_tokyo + 6;
		hour_hand_tokyo.rotate(hour_angle_tokyo,62,62);
		hour_angle_tokyo = hour_angle_tokyo + 0.6;
	}
	if(minute_angle_tokyo>=360){
		minute_angle_tokyo=0;
	}
	hand_tokyo.rotate(angle_tokyo,62,62);
},1000);
// Einde Tokyo
//
// Klok Sydney
var canvas_sydney = Raphael("klok-sydney",128,128);

canvas_sydney.circle(62,62,62).attr("stroke-width",2).attr("stroke","#fff").attr("fill","#000");
canvas_sydney.circle(62,62,3).attr("fill","#cc9900");

var hand_sydney = canvas_sydney.path("M62 62L62 4").attr("stroke-width",1).attr("stroke","#ff0000");
var minute_hand_sydney = canvas_sydney.path("M62 62L62 12").attr("stroke-width",2).attr("stroke","#cc9900");
var hour_hand_sydney = canvas_sydney.path("M62 62L62 20").attr("stroke-width",3).attr("stroke","#cc9900");

var time_sydney = new Date();

angle_sydney = time_sydney.getSeconds() * 6;

minute_hand_sydney.rotate(6 * time_sydney.getMinutes(),62,62); 

// Tijd instellen = Lokale tijd +- aantal uur
var hr_sydney = time_sydney.getHours()+10;
if(hr_sydney>12)
hr_sydney = hr_sydney -12;

hour_hand_sydney.rotate(30 * hr_sydney,62,62);

var minute_angle_sydney = 6 + time_sydney.getMinutes()*6,hour_angle_sydney=0.5+ hr_sydney*30;
setInterval(function(){
	angle_sydney = angle_sydney + 6;
	if(angle_sydney>=360){
		angle_sydney=0;
		minute_hand_sydney.rotate(minute_angle_sydney,62,62);
		minute_angle_sydney = minute_angle_sydney + 6;
		hour_hand_sydney.rotate(hour_angle_sydney,62,62);
		hour_angle_sydney = hour_angle_sydney + 0.6;
	}
	if(minute_angle_sydney>=360){
		minute_angle_sydney=0;
	}
	hand_sydney.rotate(angle_sydney,62,62);
},1000);
// Einde Sydney
//
// Klok Moskow
var canvas_moskow = Raphael("klok-moskow",128,128);

canvas_moskow.circle(62,62,62).attr("stroke-width",2).attr("stroke","#fff").attr("fill","#000");
canvas_moskow.circle(62,62,3).attr("fill","#cc9900");

var hand_moskow = canvas_moskow.path("M62 62L62 4").attr("stroke-width",1).attr("stroke","#ff0000");
var minute_hand_moskow = canvas_moskow.path("M62 62L62 12").attr("stroke-width",2).attr("stroke","#cc9900");
var hour_hand_moskow = canvas_moskow.path("M62 62L62 20").attr("stroke-width",3).attr("stroke","#cc9900");

var time_moskow = new Date();

angle_moskow = time_moskow.getSeconds() * 6;

minute_hand_moskow.rotate(6 * time_moskow.getMinutes(),62,62); 

// Tijd instellen = Lokale tijd +- aantal uur
var hr_moskow = time_moskow.getHours()+2;
if(hr_moskow>12)
hr_moskow = hr_moskow -12;

hour_hand_moskow.rotate(30 * hr_moskow,62,62);

var minute_angle_moskow = 6 + time_moskow.getMinutes()*6,hour_angle_moskow=0.5+ hr_moskow*30;
setInterval(function(){
	angle_moskow = angle_moskow + 6;
	if(angle_moskow>=360){
		angle_moskow=0;
		minute_hand_moskow.rotate(minute_angle_moskow,62,62);
		minute_angle_moskow = minute_angle_moskow + 6;
		hour_hand_moskow.rotate(hour_angle_moskow,62,62);
		hour_angle_moskow = hour_angle_moskow + 0.6;
	}
	if(minute_angle_moskow>=360){
		minute_angle_moskow=0;
	}
	hand_moskow.rotate(angle_moskow,62,62);
},1000);
// Einde Moskow
//
};