﻿var d = new Array();
		
		for(i = 0; i < 10; i++) 
		{
			d[i] = new Image();
			
			d[i].src = 'images/dgt' + i + '.gif';
		}
		
		var pm = new Image;
		
		pm.src = 'images/dgtp.gif';
		
		var am = new Image;
		
		am.src = 'images/dgta.gif';
		
		var dates, min, sec, hour;
		
		var tensHour, Hour, tensMin, Min, tensSec, Sec, amPM;
		
		function init()
		{
		    tensHour = document.getElementById('tensHour');
    		
		    Hour = document.getElementById('Hour');
    		
		    tensMin = document.getElementById('tensMin')
    		
		    Min = document.getElementById('Min');
    		
		    tensSec = document.getElementById('tensSec');
    		
		    Sec = document.getElementById('Sec');
    		
		    amPM = document.getElementById('amPM');
		}
		
		function setAMPM()
		{
		    amPM.src = hour < 12 ? am.src : pm.src;
		    
		    hour = hour < 12 ? hour : hour - 12;
		}
		
		function setHour()
		{
		    hour = hour == 0 ? 12 : hour;
		    
		    tensHour.src = hour < 10 ? 'images/dgtbl.gif' : d[1].src;
		    
		    Hour.src = hour < 10 ? d[hour].src : d[hour - 10].src;
		}
		
		function setMin()
		{
		    tensMin.src = d[min < 10 ? 0 : parseInt(min/10, 10)].src;
			
			Min.src = d[min%10].src;
		}
		
		function setSec()
		{
		    tensSec.src = d[sec < 10 ? 0 : parseInt(sec/10,10)].src;
			
			Sec.src = d[sec%10].src;
		}


		function getTime()
		{
			dates = new Date();
			
			hour = dates.getHours();
			
			min = dates.getMinutes();
			
			sec = dates.getSeconds();
		}
		
		
		function clock() 
		{
			getTime();
			
			setAMPM();
		
			setHour();
			
			setMin();
			
			setSec();
			
			setTimeout('clock();', 100);
		}


