// 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,contentFolder){
		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 + 25;
					document.getElementById('floatingMessage').style.top = messageTop+"px"
					document.getElementById('floatingMessage').style.left = messageRight+"px"
					if(document.forms[formName].elements[i].type.indexOf('select') == -1){
						document.getElementById('floatingMessage').style.display = 'block'
					}else{
						document.getElementById('floatingMessage').style.display = 'none'
					}
					document.getElementById('floatingMessage').style.background = 'url(../../content/'+contentFolder+'/images/field_name.php?name='+escape(document.forms[formName].elements[i].title)+')'
				}else{
					if(document.forms[formName].elements[i].title != '' && document.forms[formName].elements[i].value == ''){
						if(document.forms[formName].elements[i].type.indexOf('select') == -1){
							document.forms[formName].elements[i].style.background = 'url(../../content/'+contentFolder+'/images/field_name.php?name='+escape(document.forms[formName].elements[i].title)+')'
						}else{
							document.forms[formName].elements[i].style.background='#ffffff'
						}
					}else{
						document.forms[formName].elements[i].style.background='#ffffff'
					}
				}
			}
			if(activeField == ''){
				document.getElementById('floatingMessage').style.display = 'none'
			}
		}
	}
	
	
	function rotate_learn_more(){
		backgrounds = new Array('learnMoreGraphic1.gif','learnMoreGraphic2.gif')
		backgroundsArrayCount = backgrounds.length - 1;
		random_num = (Math.round((Math.random()*backgroundsArrayCount)))
		document.getElementById('learnMoreGraphic').style.background = 'url(images/'+backgrounds[random_num ]+') no-repeat'
	}