// JavaScript Document

// JavaScript Document



/***********************************************

* JavaScript Image Clock- by JavaScript Kit (www.javascriptkit.com)
* This notice must stay intact for usage
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
* poolball images copyright 2008 by ddibble. unauthorized use of poolball images prohibited

***********************************************/

var sfpoolclock=new Object()
	//Enter path to clock digit images here, in order of 0-9, then "am/pm", then colon image:
	sfpoolclock.poolballs=["images/clockimages/cue_ballweb.gif", "images/clockimages/one_ballweb.gif", "images/clockimages/two_ballweb.gif", 
	"images/clockimages/three_ballweb.gif", "images/clockimages/four_ballweb.gif", "images/clockimages/five_ballweb.gif", "images/clockimages/six_ballweb.gif",
	"images/clockimages/seven_ballweb.gif", "images/clockimages/eight_ballweb.gif", "images/clockimages/nine_ballweb.gif", 
	"images/clockimages/col.gif"]

	sfpoolclock.instances=0
	var preloadimages=[]
	for (var i=0; i<sfpoolclock.poolballs.length; i++){ //preload images
		preloadimages[i]=new Image()
		preloadimages[i].src=sfpoolclock.poolballs[i]
	}

	sfpoolclock.imageHTML=function(timestring){ //return timestring as string of images
		var sections=timestring.split(":")
		if (sections[0]=="0") //If hour is 0 make clock 12 AM 
			sections[0]="12"
		else if (sections[0]>=13)
			sections[0]=sections[0]-12+""
		for (var i=0; i<sections.length; i++){
			if (sections[i].length==1)
				sections[i]='<img src="'+sfpoolclock.poolballs[0]+'" />'+'<img src="'+sfpoolclock.poolballs[parseInt(sections[i])]+'" />'
			else
				sections[i]='<img src="'+sfpoolclock.poolballs[parseInt(sections[i].charAt(0))]+'" />'+'<img src="'+sfpoolclock.poolballs[parseInt(sections[i].charAt(1))]+'" />'
		}
		return sections[0]+'<img src="'+sfpoolclock.poolballs[10]+'" />'+sections[1]+'<img src="'+sfpoolclock.poolballs[10]+'" />'+sections[2]
	}

	sfpoolclock.display=function(){
		var clockinstance=this
		this.spanid="clockspan"+(sfpoolclock.instances++)
		document.write('<span id="'+this.spanid+'"></span>')
		this.update()
		setInterval(function(){clockinstance.update()}, 1000)
	}

	sfpoolclock.display.prototype.update=function(){
		var dateobj=new Date()
		var currenttime=dateobj.getHours()+":"+dateobj.getMinutes()+":"+dateobj.getSeconds() //create time string
		var currenttimeHTML=sfpoolclock.imageHTML(currenttime)
		document.getElementById(this.spanid).innerHTML=currenttimeHTML

	}



function fetchData(url,objectID){
	var pageRequest = false;
	if (window.XMLHttpRequest)pageRequest = new XMLHttpRequest();
	else if (window.ActiveXObject)pageRequest = new ActiveXObject("Microsoft.XMLHTTP");
	else return false;
	pageRequest.onreadystatechange = function() {
		var object = document.getElementById(objectID);
		object.innerHTML = pageRequest.responseText;
		
	}
	pageRequest.open('GET',url,true);
	pageRequest.send(null);
}








//Needs to be completed

//function changePage(pageName,objectID){
//	var pageRequest = false;
//	if (window.XMLHttpRequest)pageRequest = new XMLHttpRequest();
//	else if (window.ActiveXObject)pageRequest = new ActiveXObject("Microsoft.XMLHTTP");
//	else return false;
//	pageRequest.onreadystatechange = function() {
//		var object = document.getElementById(objectID);
//		object.innerHTML = pageRequest.responseText;
//		
//	}
//	pageRequest.open('GET',url,true);
//	pageRequest.send(null);
//}