var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 

//expand area and show more info


function moreInfo(id)
{
    var elementId = document.getElementById(id);
    if(elementId.style.display=="block")
    {
        elementId.style.display="none";
    }else{
        elementId.style.display="block";
    }
	
	
}

function hide(id)
{
    var checkedId = document.getElementById(id);

    if(checkedId.style.display=="block")
    {
        checkedId.style.display="none";
    }
	
	
}

//estimate

function get_radio_value()
{
for (var i=0; i < document.orderform.music.length; i++)
   {
   if (document.orderform.music[i].checked)
      {
      var rad_val = document.orderform.music[i].value;
      }
   }
}




function getQuote()
{
var myForm=document.getElementById('estimateForm');

var pageAmount=myForm.numOfPages.value;
myForm.numOfPages.maxLength=3;

var dropDownMenuValue=myForm.dropDownMenu;
var expandSectionValue=myForm.expandSection;
var toolTipsValue=myForm.toolTips;
var simpProgValue=myForm.simpProg;
var hostingValue=myForm.hostFacil;
var domNameValue=myForm.domName;
var numExpandSecValue=myForm.numExpandSections.value;
var numToolTipsValue=myForm.numToolTips.value;
var numSimpProgValue =myForm.numSimpProg.value;
var feedbackOptions;
var pageCost;


	//cost for number of pages
	feedbackOptions= "<li>" + pageAmount + " webpage(s), the first page is &pound;80 and subsequent at a cost of &pound;40 each </li>"
	if(pageAmount>1)
		{
		pageAmount-=1;
		pageCost=pageAmount*40 + 80;
		}else if(pageAmount==1)
		{
		pageCost=80;
		}
		
	//add £30 to quote price for a drop down menu
	if (dropDownMenuValue[0].checked)
		{
		pageCost+=30;
		feedbackOptions+="<li> a  drop down menu at a cost of &pound;30</li>"
		}
		
	//add expanding section fee
	if(expandSectionValue[0].checked)
		{
		pageCost+=numExpandSecValue*25;
		feedbackOptions+="<li>" + numExpandSecValue + " page(s) of expanding sections at &pound;25 per page</li>"
		}
		
	//add tooltips fee	
	
	if(toolTipsValue[0].checked)
	{
	pageCost+=numToolTipsValue*35;
	feedbackOptions+= "<li>" + numToolTipsValue + " + page(s) of tooltips at &pound;35 per page</li>"
	}
	
	//add simple program fee
	if(simpProgValue[0].checked)
	{
	pageCost+=numSimpProgValue*50;
	feedbackOptions+="<li>" + numSimpProgValue +  "basic programs at &pound;50 each</li>"
	}
	
	//add hosting fee
	if(hostingValue[0].checked)
	{
	pageCost+=20;
	feedbackOptions+= "<li> You require hosting facilities at a cost of &pound;20</li>"
	}
	
	//add domain name fee
	if(domNameValue[0].checked)
	{
	pageCost+=7.50;
	feedbackOptions+="<li> You require a domain name at a cost of &pound;7.50</li>"
	}
	
	Math.round(pageCost*100)/100
	
myForm.innerHTML="<p>The total estimate cost for a website with Absolute-Websites is &pound;" + pageCost + "<br/>You selected: <ul>" + feedbackOptions + "</ul><br/><br/><a href='JavaScript:window.print();'>Print this page</a><br/><a href='JavaScript:location.reload();' onclick='resetField()'>Back</a>";
}


function resetField()
{

var myForm=document.getElementById('estimateForm');

var pageAmount=myForm.numOfPages.value;
myForm.numOfPages.maxLength=3;
    myForm.numOfPages.value="";
    
}
//validate the values entered
function check ()
{
var myForm=document.getElementById('estimateForm');

var pageAmount=myForm.numOfPages.value;
myForm.numOfPages.maxLength=3;
    if(pageAmount=="" || isNaN(pageAmount))
	{
	alert("Please enter the number of webpages you want designed");
	myForm.numOfPages.value="";
    }else{
	getQuote();
    }
   }

function update()
{
var myForm=document.getElementById('estimateForm');

var pageAmount=myForm.numOfPages.value;
myForm.numOfPages.maxLength=3;

pageAmount=myForm.numOfPages.value;
check();
}



var contactFormText=new Array();
contactFormText["name"]="Name (required)";
contactFormText["email"]="Email (required)";

contactFormText["message"]="Message (required)";

var formFields;

//fills text fields with names so user can identify
function prefillTextFields(element,textArrayToUse){
var form=document.getElementById(element);
    
    formFields=form.getElementsByClassName("prefill-tf")
    for(var i=0;i<formFields.length;i++){     
    formFields[i].value=contactFormText[formFields[i].name];
    }

}

//if user hasn't put anything in, then fill it in again with default text
function checkTextField(currentField){
        if(currentField.value==""){
            currentField.value=contactFormText[currentField.name];
            currentField.style.color="#A7A9AC"
            
        }
        currentField.style.border="1px dashed #A7A9AC"
      
}

function clearTextField(currentField,textArrayToUse){
        if(currentField.value==contactFormText[currentField.name] || currentField.name=="email" && emailBoolean==true){
            currentField.value=""
            currentField.style.color="#0DADE1"
           currentField.style.border="1px dashed #0DADE1"
           
        }
}
//validate form fields
var emailBoolean;
function checkFields(form){
    var myForm=form;
    var returnString="Please amend the following: \n \n"
    var validated=true;
    //required fields
    var usersName=myForm.name;
 
   
        var userComment=myForm.message;
 
    var userEmail=myForm.email;
    var requiredFields=new Array(usersName,userComment,userEmail)
    
    
    //check required fields have been filled in
    for(var i=0;i<requiredFields.length;i++){
        if(requiredFields[i].value=="Name (required)" || requiredFields[i].value=="Comment (required)" || requiredFields[i].value=="Message (required)" || requiredFields[i].value=="Email (required)" ){
            returnString+="You haven't entered your " + requiredFields[i].name +"\n";
            validated=false;
        }
        if(requiredFields[i].name=="email" && requiredFields[i].value!="Email (required)"){
             if(userEmail.value.indexOf('@')==-1 || userEmail.value.indexOf(".")==-1){
                returnString+="You didn't entered a valid email address"
                validated=false;
                emailBoolean=true;
                
                
                  
            }
        }
    }
    
     
    if(validated==false){
        alert(returnString)
        
    }
    return validated
   
}

function clearIncompleteFields(form){
    var myForm=form;
    var unrequiredField=myForm.website;

        if(unrequiredField.value=="Website"){
            unrequiredField.value=" ";
        }
}