//load flash elements
//EventUtil.addEvent(window, 'load', fLoadFlashElements , false);

//load nav
EventUtil.addEvent(window, 'load', fNavLoad , false);

function f_contact_validate(my_array)
{
	var myMediumSelect = document.getElementById('medium');
	var myMediumSelectValue = fGetMultiSelectValue( myMediumSelect );
	
	//get form object
	my_form = my_array['object'];
	if(my_form.elements.firstname.value==""){
		alert("Please fill out the FIRST NAME field");
		my_form.elements.firstname.focus();
		return(false);
	}else if(my_form.elements.surname.value==""){
		alert("Please fill out the FAMILY NAME field");
		my_form.elements.surname.focus();
		return(false);
	}else if(my_form.elements.phone.value=="" && my_form.elements.mobile.value==""){
		alert("Please fill out the PHONE or MOBILE field");
		my_form.elements.phone.focus();
		return(false);
	}else if(my_form.elements.email.value==""){
		alert("Please fill out the EMAIL field");
		my_form.elements.email.focus();
		return(false);
	}else if( f_formValidateEmail( my_form.elements.email.value ) != true ){
		alert("Please insure your EMAIL field is in the correct format");
		my_form.elements.email.focus();
		return(false);
	}else if(my_form.elements.suburb.value==""){
		alert("Please fill out the SUBURB field");
		my_form.elements.suburb.focus();
		return(false);
	}else if(my_form.elements.postcode.value==""){
		alert("Please fill out the POSTCODE field");
		my_form.elements.postcode.focus();
		return(false);
	}else if( myMediumSelectValue[0] == ""){
		alert("Please select an option to tell us how you found our company");
		my_form.elements.medium.focus();
		return(false);
	}else{
		//document.location = "http://www.gumleafgutterguard.com/cgi-bin/FormMail.cgi?recipient=jasjc@jasjc.com"
		//my_form.submit();
		return(true);
	}
}//end function f_contact_validate(my_array)

function f_installers_validate(my_array)
{	
	if(document.getElementById('name').value==""){
		alert("Please fill out the YOUR NAME field");
		document.getElementById('name').focus();
		return(false);
	}else if(document.getElementById('phone').value==""){
		alert("Please fill out the PHONE field");
		document.getElementById('phone').focus();
		return(false);
	}else if(document.getElementById('email').value==""){
		alert("Please fill out the EMAIL field");
		document.getElementById('email').focus();
		return(false);
	}else if( f_formValidateEmail( document.getElementById('email').value ) != true ){
		alert("Please insure your EMAIL field is in the correct format");
		document.getElementById('email').focus();
		return(false);
	}else if(document.getElementById('suburb').value==""){
		alert("Please fill out the SUBURB field");
		document.getElementById('suburb').focus();
		return(false);
	}else if( document.getElementById('comments').value==""){
		alert("Please leave a comment or question concerning your enquiry");
		document.getElementById('comments').focus();
		return(false);
	}else{
		//document.location = "http://www.gumleafgutterguard.com/cgi-bin/FormMail.cgi?recipient=jasjc@jasjc.com"
		document.installercontact.submit();
		return(true);
	}
}//end function f_contact_validate(my_array)


//handles validating an email address
function f_formValidateEmail(pmEmail){
	//get email address to validate
	var myEmail = pmEmail;
	
	//EMPTY EMAIL
	//check if email is empty
	if(myEmail==""){return('EMAIL field is required')};
	
	//INVALID CHARACTERS
	//set invalid email character set
	var myInvalidCharSet = " /:,;";
	
	//check for invalid chars in email
	for(i=0;i<myInvalidCharSet.length;i++){
		var myChar = myInvalidCharSet.charAt(i);
		if(myEmail.indexOf(myChar)>-1){return('EMAIL field entry does not appear to be in the right format')};
	}//end for
	
	//PRESENCE AND POSITION OF @ SYMBOL
	//get position of first at symbol from second char of email
	var atPos = myEmail.indexOf("@",1);
	//check for at least one @ symbol later than second char
	if(atPos==-1){return('EMAIL field entry does not appear to be in the right format')};
	//second @ symbol present after first @ symbol not valid
	if(myEmail.indexOf("@",atPos+1) != -1){return('EMAIL field entry does not appear to be in the right format')};
	
	//PRESENCE AND POSITION OF PERIOD SYMBOL
	//get position of first period symbol from after first @ symbol
	var periodPos = myEmail.indexOf(".",(atPos+2));
	//period required after @ symbol
	if(periodPos==-1){return('EMAIL field entry does not appear to be in the right format')};
	//if not enough space for TLD (Top Level Domain) then send error
	if(periodPos+3>myEmail.length){return('EMAIL field entry does not appear to be in the right format')};
	
	//email validates
	return(true);
}//end function f_formValidateEmail

function fGetMultiSelectValue(pmSelectElement)
{
 	var mySelectObj = pmSelectElement;//document.getElementById(mySelectId);
	if(!mySelectObj){ return( false ); };
	
  	var mySelectedArray = new Array();
  	for (var i = 0; i < mySelectObj.options.length; i++)
	{
    	if (mySelectObj.options[i].selected){ mySelectedArray.push( mySelectObj.options[i].value ); };//end if
  	};//end for
  
  	return( mySelectedArray );
};//end function fGetMultiSelectValue

//*******************************************************************************************
//NAVIGATION
//*******************************************************************************************

gNavList = new Array({action:"about", childId:"navAboutSub", id:"navAbout"}, {action:"product", childId:"navProductSub", id:"navProduct"});

function fNavLoad()
{
	//set document level handler for onmouseover event
	//allows operation of banner menu code
	//by default the menu hiding will occur while over a page element
	//document.onmouseover = f_NavMenuHide;
	EventUtil.addEvent(document, 'mouseover', f_NavMenuHide , false);
	/*
	//build list of menu open items
	var myMenuOpenList = gNavList;
	
	//set open menu events
	//iterate through id list
	for(var i=0; i<myMenuOpenList.length; i++){
		//get menu object
		//menu object is a div containing menu elements
		var myObjectId = myMenuOpenList[i].id;
		var myObject = document.getElementById(myObjectId);
		var myAction = myMenuOpenList[i].action;
		
		//make menu divs invisible 
		if(!myObject){ continue; };
		
		//EventUtil.addEvent( myNavObj, 'mouseover', fPoo2, false );
		myObject.onmouseover = function(event){ f_navMenu(event,myAction); };
	}//end for
*/
}///end function fNavLoad

//*******************************************************************************************
//END NAVIGATION
//*******************************************************************************************

//*******************************************************************************************
//NAVIGATION
//*******************************************************************************************

//handles main nav menu operations
function f_navMenu(pm_key){
	//get key
	var my_key = pm_key;
	
	//find data procedures
	switch(my_key){
		case("about"):
			f_navMenuShow("navAboutSub");
			f_styleBgPosition("navAbout","0px -20px");
			break;
		case("product"):
			f_navMenuShow("navProductSub");
			f_styleBgPosition("navProduct","0px -20px");
			break;
		case("news"):
			f_navMenuShow("navNewsSub");
			f_styleBgPosition("navNews","0px -20px");
			break;
	}//end switch
}//end function f_navMenu

//handles hiding menus
function f_NavMenuHide(pm_array){
	//store list of menu div id's in global
	var g_menu_ids_list = ["navAboutSub","navProductSub"];
	
	//hold list of sub menu refs for this page
	//retrieve from global
	var my_list = g_menu_ids_list;
	
	//iterate through id list
	for(i in my_list){
		//get menu object
		//menu object is a div containing menu elements
		var my_object_name = my_list[i];
		var my_object_menu = document.getElementById(my_object_name);
		
		//make menu divs invisible 
		if(my_object_menu!=null){my_object_menu.style.visibility='hidden'};
		
		//my_object_menu.style.zIndex = '100';
		//f_styleZindex(my_object_name, '100');
	}//end for
	
	//reset all buttons
	f_styleBgPosition("navAbout","0px 0px");
	f_styleBgPosition("navProduct","0px 0px");
	//f_styleBgPosition("navNews","0px 0px");
	
	
}//end function f_NavMenuHide

//handles showing menus
function f_navMenuShow(pm_object){
	//shut all menus
	f_NavMenuHide();
	
	//get object to swap background image
	var my_object_name = pm_object;
	//var my_object = document.getElementById(my_object_name);
	//if(my_object==null){return(false)};
	
	//set visibility of object to true
	f_styleVisibility(my_object_name,true);
}//end function f_navMenuShow

//*******************************************************************************************
//END NAVIGATION
//*******************************************************************************************

//*******************************************************************************************
//STYLES
//*******************************************************************************************

//handles changing position of a background style
function f_styleBgPosition(pm_object,pm_pos){
	//get object to swap background image
	var my_object_name = pm_object;
	var my_object = document.getElementById(my_object_name);
	if(my_object==null){return(false)};
	
	//get path to new image
	var my_pos = pm_pos;
	
	//set background image
	//my_object.style.backgroundImage = my_path;
	my_object.style.backgroundPosition = my_pos;
}//end function f_styleBgPosition

//handles changing path of a background style
function f_styleBgPath(pm_object,pm_path){
	//get object to swap background image
	var my_object_name = pm_object;
	var my_object = document.getElementById(my_object_name);
	if(my_object==null){return(false)};
	
	//get path to new image
	var myPath = pm_path;
	
	//set background image
	//my_object.style.backgroundImage = my_path;
	my_object.style.backgroundImage = myPath;
}//end function f_styleBgPath

//handles changing color of a style
function f_styleColor(pm_object,pm_color){
	//get object to swap background image
	var my_object_name = pm_object;
	var my_object = document.getElementById(my_object_name);
	if(my_object==null){return(false)};
	
	//get path to new image
	var myColor = pm_color;
	
	//set background image
	//my_object.style.backgroundImage = my_path;
	my_object.style.color = myColor;
}//end function f_styleColor

//handles setting visibility of a style
function f_styleVisibility(pm_object,pm_visibility){
	//get div object to show
	var my_object = pm_object;
	my_object = document.getElementById(my_object);
	//check if object exists
	if(my_object==null){return(false)};
	
	//get visibility boolean
	if(pm_visibility){
		my_visibility = "visible";
	}else{
		my_visibility = "hidden";
	}//end if
	
	//show sub menu div object
	my_object.style.visibility = my_visibility;
}//end function f_styleVisibility

//handles setting visibility of a style
function f_styleZindex(pm_object,pm_zindex){
	//get div object to show
	var my_object = pm_object;
	
	my_object = document.getElementById(my_object);
	//check if object exists
	if(my_object==null){return(false)};
	
	//get visibility boolean
	var my_zindex = pm_zindex;
	
	//show sub menu div object
	my_object.style.zIndex = my_zindex;
}//end function f_styleVisibility

//handles setting class of an element
function f_styleClass(pm_object,pm_class){
	//get div object to show
	var my_object = pm_object;
	my_object = document.getElementById(my_object);
	
	//get class to apply
	var myClass = pm_class;
	
	//check if object exists
	if(my_object==null){return(false)};
	
	//get visibility boolean
	//if(pm_visibility){
		//my_visibility = "visible";
	//}else{
		//my_visibility = "hidden";
	//}//end if
	
	//show sub menu div object
	my_object.className = "poo";
}//end function f_styleVisibility

//*******************************************************************************************
//END STYLES
//*******************************************************************************************