// JavaScript Document

	function findPosX(id){
		var curleft = 0;
		obj = document.getElementById(id)
		if(obj.offsetParent)
			while(1) 
			{
			  curleft += obj.offsetLeft;
			  if(!obj.offsetParent)
				break;
			  obj = obj.offsetParent;
			}
		else if(obj.x)
			curleft += obj.x;
		return curleft;
	}
	
	function findPosY(id){
		var curtop = 0;
		obj = document.getElementById(id)
		if(obj.offsetParent)
			while(1)
			{
			  curtop += obj.offsetTop;
			  if(!obj.offsetParent)
				break;
			  obj = obj.offsetParent;
			}
		else if(obj.y)
			curtop += obj.y;
		return curtop;
	}
	
	function form_field_styling_init(formName){
		activeField = ''
		exampleText = ''
		form_field_styling(formName, activeField,exampleText)
	}
	
	function form_field_styling(formName, activeField){
		if(element_count = document.forms[formName]){ //if page is fully loaded
			element_count = document.forms[formName].elements.length
			for(var i =0; i < element_count; i++){ //loop each field
				if(document.forms[formName].elements[i].name == activeField){
					document.forms[formName].elements[i].style.background = ''
					fieldPosX = findPosX(activeField)
					fieldPosY = findPosY(activeField)
					//position floatingMessage
					document.getElementById(activeField).style.background='#f3eaa1'
					messageTop = fieldPosY - 25;
					messageRight = fieldPosX + 100;
				}else{
					if(document.forms[formName].elements[i].title != '' && document.forms[formName].elements[i].value == ''){
						document.forms[formName].elements[i].style.background = 'url(field_name.php?name='+escape(document.forms[formName].elements[i].title)+')'
					}else{
						document.forms[formName].elements[i].style.background='#ffffff'
					}
				}
			}
			if(activeField == ''){
				//document.getElementById('floatingMessage').style.display = 'none'
			}
		}
	}
	
		
	form_field_styling_init('forma')