window.onload = init;

//initialisation function
function init(){
	setupNav();
	if (document.getElementById("help")){
		setupHelp();
	}	
}

/* NAVIGATION > rollovers */
function setupNav(){
	var nItems = new Array();
	if(n = document.getElementById("navigation")){
		nItems = n.getElementsByTagName("a");
		for(i=0;i<nItems.length;i++){
			navImg = nItems[i].getElementsByTagName("img");
			if(navImg[0]){
				if(navImg[0].src.indexOf("-on")==-1){
					nItems[i].stored = navImg[0].id;
					nItems[i].onmouseover = imgRoll;
					nItems[i].onmouseout = imgOff;
				}
			}
		}
	}
	
}

function imgRoll(){
	var n = this.stored;
	if(document.getElementById(n)){
		document.getElementById(n).src = eval(n+"Roll").src;
	}
}

function imgOff(){
	var n = this.stored;
	if(document.getElementById(n)){
		document.getElementById(n).src = eval(n+"Off").src;	
	}
}

/* NAVIGATION > preload */
if(document.images){
nav01Roll = new Image();
nav01Roll.src = "images/nav/nav-home-on.gif";
nav01Off = new Image();
nav01Off.src = "images/nav/nav-home.gif";

nav02Roll = new Image();
nav02Roll.src = "images/nav/nav-residential-on.gif";
nav02Off = new Image();
nav02Off.src = "images/nav/nav-residential.gif";

nav03Roll = new Image();
nav03Roll.src = "images/nav/nav-commercial-on.gif";
nav03Off = new Image();
nav03Off.src = "images/nav/nav-commercial.gif";

nav04Roll = new Image();
nav04Roll.src = "images/nav/nav-survey-on.gif";
nav04Off = new Image();
nav04Off.src = "images/nav/nav-survey.gif";

nav05Roll = new Image();
nav05Roll.src = "images/nav/nav-about-on.gif";
nav05Off = new Image();
nav05Off.src = "images/nav/nav-about.gif";

nav06Roll = new Image();
nav06Roll.src = "images/nav/nav-glossary-on.gif";
nav06Off = new Image();
nav06Off.src = "images/nav/nav-glossary.gif";

nav07Roll = new Image();
nav07Roll.src = "images/nav/nav-contact-on.gif";
nav07Off = new Image();
nav07Off.src = "images/nav/nav-contact.gif";

}








// HELP SETUP
function setupHelp(){
	document.getElementById("help").className = "hide";
	
	var h = new Array();
	var targ = new Array();
	
	for(i = 0; i < help.length; i++){
		j = i + 1;
		h[i] = crteHelp(help[i] + "H",j);	
		targ[i] = document.getElementById(help[i]);
		targ[i].appendChild(h[i]);
	}
};


function crteHelp(f,num){
	//Grab text from help divs
	var src = document.getElementById("help"+num+"");
	var headers = src.getElementsByTagName("h3");
	var head = headers[0].innerHTML;
	var paras = src.getElementsByTagName("p");
	var p = paras[0].innerHTML;
	
	//Create Div tag
	var hT = document.createElement("div");
	hT.id = f;
	hT.className = "help hide";
	
	//Create H3 tag
	var hTh = document.createElement("h3");
	hTh.innerHTML = head;
	
	//Create P tag
	var hTp = document.createElement("p");
	hTp.appendChild(document.createTextNode(p));
	
	//Create close link
	var hTu = document.createElement("ul");
	var hTli = document.createElement("li");
	var hTa = document.createElement("a");
	hTa.appendChild(document.createTextNode("Close X"));
	hTa.href = "javascript:hideHelp('"+f+"');"
	hTli.appendChild(hTa);
	hTu.appendChild(hTli);
	
	//Put it all together
	hT.appendChild(hTh);
	hT.appendChild(hTp);
	hT.appendChild(hTu);
	
	return hT;
}

function showHelp(lyr, btn){
	var h;
	
	if (btn){
		//alert(btn.parentNode.id);
	}
	
	if (document.getElementById(lyr)){
		h = document.getElementById(lyr);
		
		if (h.className === "help"){
			for (i = 0; i < help.length; i++){
				hideHelp(help[i]+"H");
			}
		}else{
			for (i = 0; i < help.length; i++){
				hideHelp(help[i]+"H");
			}
			h.className = "help";
			if (document.getElementById(lyr+"-img")) {
				document.getElementById(lyr+"-img").src="images/help_on.gif";
			}
		}
		
	}
	
};

function hideHelp(lyr){
	if (document.getElementById(lyr)){
		document.getElementById(lyr).className="help hide";
	}
	if (document.getElementById(lyr+"-img")) {
		document.getElementById(lyr+"-img").src="images/help_off.gif";
	}
};

// CLEAR FORM
function clearText(thefield){
if (thefield.defaultValue==thefield.value)
thefield.value = ""
}




