function navigation(id , page)
    {
	var link=page;
	if(id=='index')
	{
	document.getElementById('menucontents').style.display="none";
	document.getElementById('menucontents1').style.display="none";
	document.getElementById('menucontents2').style.display="none";
	document.getElementById('menucontents3').style.display="none";
	document.getElementById('menucontents4').style.display="none";
	}
	if(id=='about')
	{
	document.getElementById('menuheaders').style.background="#BCBDC0";
	document.getElementById('menucontents1').style.display="none";
	document.getElementById('menucontents2').style.display="none";
	document.getElementById('menucontents3').style.display="none";
	document.getElementById('menucontents4').style.display="none";
	if(link!='')
	document.getElementById(link).style.borderBottom="2px solid #999999";	
	}
	if(id=='why')
	{
	document.getElementById('menuheaders1').style.background="#BCBDC0";
	document.getElementById('menucontents').style.display="none";
	document.getElementById('menucontents2').style.display="none";
	document.getElementById('menucontents3').style.display="none";
	document.getElementById('menucontents4').style.display="none";
	if(link!='')
	document.getElementById(link).style.borderBottom="2px solid #999999";
	}
	if(id=='services')
	{
	document.getElementById('menuheaders2').style.background="#BCBDC0";
	document.getElementById('menucontents').style.display="none";
	document.getElementById('menucontents1').style.display="none";
	document.getElementById('menucontents3').style.display="none";
	document.getElementById('menucontents4').style.display="none";
	if(link!='')
	document.getElementById(link).style.borderBottom="2px solid #999999";
			
	}
	if(id=='portfolio')
	{
	document.getElementById('menuheaders3').style.background="#BCBDC0";
	document.getElementById('menucontents').style.display="none";
	document.getElementById('menucontents1').style.display="none";
	document.getElementById('menucontents2').style.display="none";
	document.getElementById('menucontents4').style.display="none";
	if(link!='')
	document.getElementById(link).style.borderBottom="2px solid #999999";
	else
	{sub_navigation1();
	 sub_navigation2();
	}
	switch(link)
{   case "l13":
	sub_navigation2();
	break;
	case "l14":
	sub_navigation1();
	break;
		}
	}
	if(id=='rates')
	{
	
	document.getElementById('menuheaders4').style.background="#BCBDC0";
	document.getElementById('menucontents').style.display="none";
	document.getElementById('menucontents1').style.display="none";
	document.getElementById('menucontents2').style.display="none";
	document.getElementById('menucontents3').style.display="none";
	if(link!='')
	document.getElementById(link).style.borderBottom="2px solid #999999";
		
	       }
	
	
	if(id=='contect')
	{
	document.getElementById('contect').style.background="#BCBDC0";
	document.getElementById('menucontents').style.display="none";
	document.getElementById('menucontents1').style.display="none";
	document.getElementById('menucontents2').style.display="none";
	document.getElementById('menucontents3').style.display="none";
	document.getElementById('menucontents4').style.display="none";
	}
	}
	
function sub_navigation(id)
    {
	var link = id;
	switch(link)
   {	
    case "1131":
	{
	document.getElementById('1131').style.borderBottom="2px solid #999999";
	sub_navigation2()}
	break;
	case "1132":
	{
	document.getElementById('1132').style.borderBottom="2px solid #999999";
	sub_navigation2();}
	break;
	case "1141":
	{
	document.getElementById('1141').style.borderBottom="2px solid #999999";
	sub_navigation1();}
	break;
	case "1142":
	{
	document.getElementById('1142').style.borderBottom="2px solid #999999";
	sub_navigation1();}
	break;
	case "1143":
	{
	document.getElementById('1143').style.borderBottom="2px solid #999999";
	sub_navigation1();}
	break;
	case "1144":
	{
	document.getElementById('1144').style.borderBottom="2px solid #999999";
	sub_navigation1();}
	break;
	case "1145":
	{
	document.getElementById('1145').style.borderBottom="2px solid #999999";
	sub_navigation1();}
	break;
	    }		
	}
	
	function sub_navigation1()
    {
	for (i=1131;i<=1132;i++)
    document.getElementById(i).style.display="none";
	}
	
    function sub_navigation2()
    {
	for (i=1141;i<=1145;i++)
    document.getElementById(i).style.display="none";
		}
	function showexampleimage(id)
    {
		if(id==1)
		{
		for (i=2;i<=6;i++)
		document.getElementById(i).style.display="none";
		document.getElementById(1).style.display="";
		}
		else
		{
    for (i=1;i<=6;i++)
	   if(i==id)
	   {
	 
	 document.getElementById(i).style.display="";
	   }
	   else
	   {
	 document.getElementById(i).style.display="none";
	
	   }
		}
		
		
		}
		
	/* Start of Form Validater*/	
	function datavalidater()
    {
		if(document.getElementById('custname').value=='')
		 {alert("First name must be filled out");
	     return false;}
		 
		if(document.getElementById('email').value=='')
		 {alert("Please Enter Your Email");
	     return false;} 
		 else
		 {
		  if(echeck(document.getElementById('email').value)==false)
		  return false;
		   }
		if(document.getElementById('projaddress').value=='')
		 {alert("Project Address must be filled out");
	     return false;}
		 
		 if(document.getElementById('projcsz').value=='')
		 {alert("City, ST Zip must be filled out");
	     return false;}
		 
		  if(document.getElementById('projecttype').value=="00" )
		 {alert("Project Type must be select");
	     return false;}
		 
		  if(document.getElementById('securitycode').value != document.getElementById('hdcaptcha').value )
		 {
			 alert("Please Correct The Security Code");
			 return false;
	     }
		 
	
	
	}	
	/* End of Form Validater*/	
		
	
function echeck(str) {

		var at="@"
		var dot="."
		var lat=str.indexOf(at)
		var lstr=str.length
		var ldot=str.indexOf(dot)
		if (str.indexOf(at)==-1){
		   alert("Invalid E-mail ID")
		   return false
		}

		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   alert("Invalid E-mail ID")
		   return false
		}

		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		    alert("Invalid E-mail ID")
		    return false
		}

		 if (str.indexOf(at,(lat+1))!=-1){
		    alert("Invalid E-mail ID")
		    return false
		 }

		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		    alert("Invalid E-mail ID")
		    return false
		 }

		 if (str.indexOf(dot,(lat+2))==-1){
		    alert("Invalid E-mail ID")
		    return false
		 }
		
		 if (str.indexOf(" ")!=-1){
		    alert("Invalid E-mail ID")
		    return false
		 }

 		 return true					
	}
