// JavaScript Document
function getObj(objID)
{
    if (document.getElementById) {return document.getElementById(objID);}
    else if (document.all) {return document.all[objID];}
    else if (document.layers) {return document.layers[objID];}
}

function Left(obj)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function Top(obj)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}

function checkField(elm,initial,pos){
	if ((elm.value == "") || (elm.value == initial)){
				showValidationErrorBox(elm,pos);
				return false;
	}else{
		return true;	
	}
}

function showValidationErrorBox(elm,pos){
	errorBoxName="error"+elm.name;
	getObj("errorBoxes").innerHTML+=('<span class="errorBox-'+pos+'" id="'+errorBoxName+'"><span style="background-color:#cc3300; padding: 4px; color: #ffffff;">Oops!</span></span>');
	errorElm=getObj(elm.name);
	if(pos=="left"){
		getObj(errorBoxName).style.left=Left(errorElm)-50+'px';
	}else{
		getObj(errorBoxName).style.left=Left(errorElm)+errorElm.offsetWidth+4+'px';
	}
	getObj(errorBoxName).style.top=Top(errorElm)+'px';
	//getObj(errorBoxName).style.height=errorElm.offsetHeight+'px';
}