function loadSites()
{
	for(var i=0; i<h_sites.length; i++)
	{
		var x_pos = h_sites[i][0];
		var y_pos = h_sites[i][1];
		var desc = h_sites[i][2];
		var link = h_sites[i][3];
		
		//set the button for the site
		var btn = createBtn(i,x_pos,y_pos);
		
		//set link for button
		var link = createLink(link);
		
		//set the description for the site
		var newDiv = createDesc(i,x_pos,y_pos,desc);
				
		//add button and description to page
		link.appendChild(btn);
		document.getElementById("us_map").appendChild(link);
		document.getElementById("us_map").appendChild(newDiv);

		//Create the MouseOver Events for button sites
		document.getElementById(btn.id).onmouseover = function(i){ this.src = "images/dot2.gif"; var desc = this.id.toString().split("_"); document.getElementById("desc_site_"+desc[2]).style.visibility = "visible"; }
		document.getElementById(btn.id).onmouseout = function(i){ this.src = "images/dot.gif"; var desc = this.id.toString().split("_"); document.getElementById("desc_site_"+desc[2]).style.visibility = "hidden"; }
	}
}



function createBtn(id,x_pos,y_pos)
{
	var btn = new Image();
	btn.id = "btn_site_"+id;
	btn.src = "images/dot.gif";
	btn.style.width = "12px";
	btn.style.height = "12px";
	btn.style.position = "absolute";
	btn.style.border = "0px";
	btn.style.zIndex = "1";
	btn.style.left = x_pos + "px";
	btn.style.top = y_pos + "px";
	
	return(btn);
}


function createLink(url)
{
	var link = document.createElement("A");
	link.href = url;
	return(link);
}


function createDesc(id,x_pos,y_pos,desc)
{
	var newDiv = document.createElement("DIV");
	var newText = document.createTextNode(desc);
	
	newDiv.id = "desc_site_"+id;
	newDiv.style.position = "absolute";
	newDiv.style.left = (x_pos + 15) + "px";
	newDiv.style.top = (y_pos - 15) + "px";
	newDiv.style.zIndex = "2";
	newDiv.style.fontFamily = "Arial";
	newDiv.style.fontSize = "12px";
	newDiv.style.fontWeight = "bold";
	newDiv.style.color = "#0000FF";
	newDiv.style.visibility = "hidden";
	newDiv.style.background = "#78DDFE";
	newDiv.style.border = "1px solid #000000";
	newDiv.style.padding = "2px";
	newDiv.style.width = "100px";
	
	newDiv.appendChild(newText);
	
	return(newDiv);
}