/* Script to style formfield input boxes. 
	Add onfocus="styleBox(this)" to input */

function styleBox(x) {
	x.style.border = '1px inset #9d301b';
}

function resetStyle(x) {
	x.style.border = '1px solid #9d301b';
	}


/* Script for for hintboxes
	Hints take the following format
	
	<a href="#" class="hintanchor" 
	onMouseover="showhint('<p>Required fields will be marked <em style='color:red'>Required</em>.</p><p>To enable us to contact you we require <em>Either</em> a telephone number or an Email address.</p><p>If you continue to have difficulty please use one of the telephone numbers provided.</p>', this, event, '150px')">[?]</a>
	
	Edit the next line for location of hintStyle.css */
	
document.write ('<link href="styles/formHint.css" rel="stylesheet" type="text/css" />');

var horizontal_offset="9px" ;//horizontal offset of hint box from anchor link

/////No further editting needed

var vertical_offset="0"; //horizontal offset of hint box from anchor link. No need to change.
var ie=document.all;
var ns6=document.getElementById&&!document.all;

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=(whichedge=="rightedge")? parseInt(horizontal_offset)*-1 : parseInt(vertical_offset)*-1;
if (whichedge=="rightedge"){
var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-30 : window.pageXOffset+window.innerWidth-40;
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth;
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetWidth+parseInt(horizontal_offset);
}
else{
var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18;
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight;
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetHeight;
}
return edgeoffset;
}

function showhint(menucontents, obj, e, tipwidth){
if ((ie||ns6) && document.getElementById("hintbox")){
	dropmenuobj=document.getElementById("hintbox");
	dropmenuobj.innerHTML= "<p>" + menucontents + "</p>";
	dropmenuobj.style.left= "-500px";
	dropmenuobj.style.top= "-500px";

	if (tipwidth!=""){
		dropmenuobj.widthobj=dropmenuobj.style;
		dropmenuobj.widthobj.width=tipwidth;
		}
	dropmenuobj.x=getposOffset(obj, "left");
	dropmenuobj.y=getposOffset(obj, "top");
	dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+obj.offsetWidth+"px";
	dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+"px";
	dropmenuobj.style.visibility="visible";
	obj.onmouseout=hidetip;
	obj.onblur=hidetip;
	}
}

function hidetip(e){
	dropmenuobj.style.visibility="hidden";
	dropmenuobj.style.left="-500px";
}

function createhintbox(){
	var divblock=document.createElement("div");
	divblock.setAttribute("id", "hintbox");
	document.body.appendChild(divblock);
}

if (window.addEventListener) {
	window.addEventListener("load", createhintbox, false);
	}
else if (window.attachEvent) {
	window.attachEvent("onload", createhintbox);
	}
else if (document.getElementById) {
	window.onload=createhintbox;
	}