function startClock1(){

	var aClock = $('#analog-clock-1');
	var clockWidthHeight = aClock.width();//width and height of the clock
		
		aClock.css({"height":clockWidthHeight +"px"});//sets the height if .js is enabled. If not, height = 0;
		aClock.fadeIn();//fade it in
		
		//call rotatehands function
		setInterval(function(){
		
			rotateHands1();
			
		}, 200);//1000 = 1 second
			
		rotateHands1();//make sure they start in the right position
		
	}
		
	function rotateHands1(){

	var aClock = $('#analog-clock-1');
	var clockWidthHeight = aClock.width();//width and height of the clock
		
		//get current time/date from local computer
		var now = new Date();
		
		//set the second hand
		var secondAngle = 360/60 * now.getSeconds();//turn the time into angle
		$('#secondHand1').rotate(secondAngle, 'abs');//set the hand angle
		$('#secondHand1').css( { "left": (clockWidthHeight - $('#secondHand1').width())/2 + "px", "top":(clockWidthHeight - $('#secondHand1').height())/2 + "px" });//set x and y pos

		//set the minute hand
		var minuteAngle = 360/60 * now.getMinutes();//turn the time into angle
		$('#minuteHand1').rotate(minuteAngle, 'abs');//set the hand angle
		$('#minuteHand1').css( { "left": (clockWidthHeight - $('#minuteHand1').width())/2 + "px", "top":(clockWidthHeight - $('#minuteHand1').height())/2 + "px" });//set x and y pos
		
		//set the hour hand
		var hourAngle = 360/12 * now.getHours();//turn the time into angle
		$('#hourHand1').rotate((hourAngle + minuteAngle/12)%360, 'abs');//set the hand angle
		$('#hourHand1').css( { "left": (clockWidthHeight - $('#hourHand1').width())/2 + "px", "top":(clockWidthHeight - $('#hourHand1').height())/2 + "px" });//set x and y pos

	};
	

	function startClock2(){

	var aClock = $('#analog-clock-2');
	var clockWidthHeight = aClock.width();//width and height of the clock
		
		aClock.css({"height":clockWidthHeight +"px"});//sets the height if .js is enabled. If not, height = 0;
		aClock.fadeIn();//fade it in
		
		//call rotatehands function
		setInterval(function(){
		
			rotateHands2();
			
		}, 200);//1000 = 1 second
			
		rotateHands2();//make sure they start in the right position
		
	}
		
	function rotateHands2(){

	var aClock = $('#analog-clock-2');
	var clockWidthHeight = aClock.width();//width and height of the clock
		
		//get current time/date from local computer
		var now = new Date();
		now.setHours(now.getHours()-5);
		
		//set the second hand
		var secondAngle = 360/60 * now.getSeconds();//turn the time into angle
		$('#secondHand2').rotate(secondAngle, 'abs');//set the hand angle
		$('#secondHand2').css( { "left": (clockWidthHeight - $('#secondHand2').width())/2 + "px", "top":(clockWidthHeight - $('#secondHand2').height())/2 + "px" });//set x and y pos

		//set the minute hand
		var minuteAngle = 360/60 * now.getMinutes();//turn the time into angle
		$('#minuteHand2').rotate(minuteAngle, 'abs');//set the hand angle
		$('#minuteHand2').css( { "left": (clockWidthHeight - $('#minuteHand2').width())/2 + "px", "top":(clockWidthHeight - $('#minuteHand2').height())/2 + "px" });//set x and y pos
		
		//set the hour hand
		var hourAngle = 360/12 * now.getHours();//turn the time into angle
		$('#hourHand2').rotate((hourAngle + minuteAngle/12)%360, 'abs');//set the hand angle
		$('#hourHand2').css( { "left": (clockWidthHeight - $('#hourHand2').width())/2 + "px", "top":(clockWidthHeight - $('#hourHand2').height())/2 + "px" });//set x and y pos

	};
	

	function startClock3(){

	var aClock = $('#analog-clock-3');
	var clockWidthHeight = aClock.width();//width and height of the clock
		
		aClock.css({"height":clockWidthHeight +"px"});//sets the height if .js is enabled. If not, height = 0;
		aClock.fadeIn();//fade it in
		
		//call rotatehands function
		setInterval(function(){
		
			rotateHands3();
			
		}, 200);//1000 = 1 second
			
		rotateHands3();//make sure they start in the right position
		
	}
		
	function rotateHands3(){

	var aClock = $('#analog-clock-3');
	var clockWidthHeight = aClock.width();//width and height of the clock
		
		//get current time/date from local computer
		var now = new Date();
		now.setHours(now.getHours()+8);
		
		//set the second hand
		var secondAngle = 360/60 * now.getSeconds();//turn the time into angle
		$('#secondHand3').rotate(secondAngle, 'abs');//set the hand angle
		$('#secondHand3').css( { "left": (clockWidthHeight - $('#secondHand3').width())/2 + "px", "top":(clockWidthHeight - $('#secondHand3').height())/2 + "px" });//set x and y pos

		//set the minute hand
		var minuteAngle = 360/60 * now.getMinutes();//turn the time into angle
		$('#minuteHand3').rotate(minuteAngle, 'abs');//set the hand angle
		$('#minuteHand3').css( { "left": (clockWidthHeight - $('#minuteHand3').width())/2 + "px", "top":(clockWidthHeight - $('#minuteHand3').height())/2 + "px" });//set x and y pos
		
		//set the hour hand
		var hourAngle = 360/12 * now.getHours();//turn the time into angle
		$('#hourHand3').rotate((hourAngle + minuteAngle/12)%360, 'abs');//set the hand angle
		$('#hourHand3').css( { "left": (clockWidthHeight - $('#hourHand3').width())/2 + "px", "top":(clockWidthHeight - $('#hourHand3').height())/2 + "px" });//set x and y pos

	};