// Menu functions 
	
	var navImgSuffix = "gif";
	var navImgPrefix = "images/";
	
	function navSetImg(navGroup, thisItem)	{
		var elem = $("nav" + navGroup + thisItem); // menu item div container		
		var activeItem = eval("navActive_" + navGroup);
		var navPanel;
		
		if(elem != null){
			if(thisItem == activeItem)	{
				elem.down(1).src = navImgPrefix + "nav" + navGroup + thisItem + "_sel." + navImgSuffix;
								
				//switch background color of navbar container
				navPanel = $("nav" + navGroup + "Panel");
				if(navPanel){				
					navPanel.setStyle({ backgroundColor: '#a9c175' });
				}
				
				// Remove hyperlink tag in menu item div
				
				
										}
			
			else	{
				elem.down(1).src = navImgPrefix + "nav" + navGroup + thisItem + "_unsel." + navImgSuffix;
					}
						}
		if (thisItem == navActive_Sub)  { 
			var innerFinal = elem.down(0).innerHTML;
			elem.down(0).replace(innerFinal);							 
										}
											}

function over(navGroup, thisItem) 		{
		var elem = $("nav" + navGroup + thisItem);
		var activeItem = eval("navActive_" + navGroup);
		if(elem != null)	{
			if(thisItem != activeItem)	{
				elem.down(1).src = navImgPrefix + "nav" + navGroup + thisItem + "_over." + navImgSuffix;
							}
			else	{
					if ((elem.id.search(/navSub[0-9]+_[0-9]+/) != -1) && ( elem.innerHTML.search(/<a +href/) != -1 ))	{
						var button=elem.innerHTML;
						var imgTag=elem.down(0).innerHTML;
						elem.innerHTML=imgTag;
																		}
				}
					}
						}

	function out(navGroup, thisItem) {
		var elem = $("nav" + navGroup + thisItem);
		var activeItem = eval("navActive_" + navGroup);
		if(elem != null){
			if(thisItem != activeItem){
				elem.down(1).src = navImgPrefix + "nav" + navGroup + thisItem + "_unsel." + navImgSuffix;
			}
		}
	}
	
	// This code creates a centered pop-up window.
	function launchWindow(w,h,windowName,source,scrollbarsYN)
	{
    	var xobj = null;

    	var chasm = screen.availWidth;
    	var mount = screen.availHeight;

    	xobj = window.open(source,windowName,'width=' + w + ',height=' + h + ',left=' + ((chasm - w - 10) * .5) + ',top=' + ((mount - h - 30) * .5) + ',scrollbars=' + scrollbarsYN + ',resizable=yes,dependent=yes');
    	xobj.focus();
	}

	// popup function
	function popup(source, windowName) {
	    var xobj = null;

    	xobj = launchWindow(754,520,windowName,source,'no');		
	}
	
function getElement(whichLayer)     {
     var elem;
 
 // this is the way the standards work
  if( document.getElementById )   {
    elem = document.getElementById( whichLayer );
                                  }
  // this is the way old msie versions work
  else if( document.all ) {
      elem = document.all[whichLayer];
                          }
  // this is the way nn4 works
  else if( document.layers )  {
      elem = document.layers[whichLayer];
                              }
  return elem;
                                    }

// Example:
// toggleColor("clarity", "rgb(108,156,178)", "rgb(255,0,0)");
// Never use spaces between the hex values when calling this function.

function toggleColor (whichLayer, hexcolor_1, hexcolor_2 ) {
  var vis, element;
  element=getElement(whichLayer);
  vis = element.style;

  // IE doesn't recognize RGB values with spaces and Firefox doesn't recognize 
  // them without spaces, so I'm instructing Netscape/Firefox to add
  // an extra space after each comma of the hex triplet.
  
  var hexcolor_1, hexcolor_2;
  if (navigator.appName == "Netscape")  {
    hexcolor_1 = hexcolor_1.replace(/,/g,", ");
    hexcolor_2 = hexcolor_2.replace(/,/g,", ");
                                        }
    
  if (vis.backgroundColor == "")      {
    vis.backgroundColor = hexcolor_1; 
                                      }                              
  
  if (vis.backgroundColor == hexcolor_1)          {
    vis.backgroundColor = hexcolor_2;
                                                  }
  else if (vis.backgroundColor == hexcolor_2) {
    vis.backgroundColor = hexcolor_1;
                                              }
                                                          }

function setColor (whichLayer, hexcolor) {
  var vis, element;
  element=getElement(whichLayer);
  vis = element.style;
  
  var hexcolor;
  if (navigator.appName == "Netscape")      {
    hexcolor = hexcolor.replace(/,/g,", ");
                                            }                                                            
  vis.backgroundColor = hexcolor;
                                          }

function toggleLayer( whichLayer )  {
  var vis, element;
  element=getElement(whichLayer);
  vis = element.style;

  // if the style.display value is blank we try to figure it out here
  if(vis.display==''&&element.offsetWidth!=undefined&&element.offsetHeight!=undefined)
    vis.display = (element.offsetWidth!=0&&element.offsetHeight!=0)?'block':'none';
  vis.display = (vis.display==''||vis.display=='block')?'none':'block';
  
                                    }

function selectPanel(whichLayer)  {
  var vis, element;
  element=getElement(whichLayer);
  vis = element.style;
  
  // Each clickable section needs to be in this list.
  var element_list = ["clarity_panel", "natlight_panel", "curbappeal_panel", "strength_panel", "durability_panel", "custommade_panel", "easycare_panel" ];
  
  // Connectors are so named because they are the divs that connect the button
  // to the panel so it looks like one one contiguous region.
  
  var connectorname;
  var i;
  
  // Make every div except for the one specified as this function's argument
  // invisible and set every other connector to the page background color.
  for ( i in element_list ) {
    if (element_list[i] != whichLayer ) {
      document.getElementById(element_list[i]).style.display='none';
      connectorname = element_list[i].replace("_panel","");
      setColor(connectorname, "rgb(197,214,162)");
                                        }
                            }
    
  toggleLayer(whichLayer);
  connectorname = whichLayer.replace("_panel","");
  toggleColor(connectorname, "rgb(197,214,162)", "rgb(108,156,178)");
                                  
                                  }
                                  
function fadeLayer(whichLayer) {
  var vis, element;
  element=getElement(whichLayer);
  vis = element.style;
  vis.opacity = .50;
                                }

function unfadeLayer(whichLayer) {
  var vis, element;
  element=getElement(whichLayer);
  vis = element.style;
  vis.opacity = 1;
                                 }



var lastTerm = '';

function toggleDefinition(term) {
	var termElem;
	var defElem;
	var imgElem;
	var srcURL;

	// hide last selected term
	if (lastTerm != '') {
		termElem = $(lastTerm);
		termElem.removeClassName('active_menu');
		defElem = $(lastTerm + 'Def');
		defElem.hide();
		// set last menu item img back to unSelected
		imgElem = $(lastTerm + 'Img');
		if(imgElem != null){
			srcURL = imgElem.src;
			imgElem.src = srcURL.replace('Sel','UnSel');
		}
	}
	
	// toggle selected term
	if (lastTerm != term) {
		termElem = $(term);
		termElem.addClassName('active_menu');
		defElem = $(term + 'Def');
		defElem.show();
		// set new menu item img to Selected
		imgElem = $(term + 'Img');
		
		if(imgElem != null){
			srcURL = imgElem.src;
			if(srcURL.search(/Over\.(jpg|gif)$/) != -1)	{
				imgElem.src = srcURL.replace('Over','Sel');
											 		}
			else {
				imgElem.src = srcURL.replace('UnSel','Sel');
				 }
		}
		
		lastTerm = term;
	}
	else {
		lastTerm = '';
	}
}

function overDefinition(term) 	{
	//alert("over event fired.");
	var imgElem;
	imgElem = $(term + 'Img');
	
	if ( document.getElementById(term).className != "active_menu") 	{
		imgElem.src = imgElem.src.replace('UnSel','Over');
																	}
								}

function offDefinition(term) 	{
	//alert("off event fired.");
	var imgElem;
	imgElem = $(term + 'Img');
	
	if ( document.getElementById(term).className != "active_menu") 	{
		imgElem.src = imgElem.src.replace('Over','UnSel'); 
																	}
	else 	{
		imgElem.src = imgElem.src.replace('Over','Sel');
			}
								}								
									

var arrayStates = ["AL","AK","AZ","AR","CA","CO","CT","DE","DC","FL","GA","HI","ID","IL","IN","IA","KS","KY","LA","ME","MD","MA","MI","MN","MS","MO","MT","NE","NV","NH","NJ", "NM","NY","NC","ND","OH","OK","OR","PA","RI","SC","SD","TN","TX","UT","VT","VA","WA","WV","WI","WY"];

function addStateOptions(elem, selected){
	var ddState = '';
	var optn = '';
	
	ddState = $(elem);
	if(ddState != null){
		for(var i=0;i<arrayStates.length;i++){
			optn = document.createElement("OPTION");
			optn.text = arrayStates[i];
			optn.value = arrayStates[i];
			if(selected == arrayStates[i]){optn.selected = true;}
			ddState.options.add(optn);
		}
	}
}

function gotoProfMeasure()      {
 	    window.open("measure_check.jsp", "top", true);
 	    self.close();    
}

function beforeAfter(feature, beforeafter) {
	var imgSrc;
	var imgElem = feature + "Img";
 	var mapElem = feature + "Map";
 	var mapParam = "Before";
 	
 	if(beforeafter == "Before"){
 		mapParam = "After";
 		mapHTML = '<area shape="rect" coords="329,156,376,175" href="javascript:beforeAfter(\'' 
				+ feature + '\', \'' + mapParam + '\')" />';
 	}else{
 		mapParam = "Before";
 		mapHTML = '<area shape="rect" coords="273,156,321,175" href="javascript:beforeAfter(\'' 
				+ feature + '\', \'' + mapParam + '\')" />'; 	
 	}
 	
	imgSrc = "images/imgFeature" + feature + beforeafter + ".jpg";
         
				                       
	$(imgElem).src = imgSrc;
	$(mapElem).innerHTML = mapHTML;
}
                             
function URLencode(s){
	// Replace % first as it defines all encoding
	if(s != null){
		s = s.replace(/\%/g, "%25");

		s = s.replace(/\$/g, "%24");
		s = s.replace(/&/g, "%26");
		s = s.replace(/\+/g, "%2B"); // plus
		s = s.replace(/\x2C/g, "%2C"); // comma
		s = s.replace(/\x2F/g, "%2F"); // fwd slash
		s = s.replace(/:/g, "%3A");
		s = s.replace(/\x3B/g, "%3B"); // semi-colon
		s = s.replace(/=/g, "%3D");
		s = s.replace(/\?/g, "%3F");
		s = s.replace(/@/g, "%40");

		// Other
		s = s.replace(/ /g, "%20");
		s = s.replace(/\x22/g, "%22"); // double quote
		s = s.replace(/\x27/g, "%27"); // single quote
		s = s.replace(/\x91/g, "%91"); // left curly single quote
		s = s.replace(/\x92/g, "%92"); // right curly single quote
		s = s.replace(/\x93/g, "%93"); // left curly double quote
		s = s.replace(/\x94/g, "%94"); // right curly double quote
		s = s.replace(/</g, "%3C");
		s = s.replace(/>/g, "%3E");
		s = s.replace(/#/g, "%23");
		s = s.replace(/\{/g, "%7B");
		s = s.replace(/\}/g, "%7D");
		s = s.replace(/\|/g, "%7C");
		s = s.replace(/\\/g, "%5C");
		s = s.replace(/\^/g, "%5E");
		s = s.replace(/~/g, "%7E");
		s = s.replace(/\[/g, "%5B");
		s = s.replace(/\]/g, "%5D");
		s = s.replace(/`/g, "%60");
	}
	return s;
}


function URLdecode(s){
	if(s != null){	
		s = s.replace(/\%24/g, "$");
		s = s.replace(/\%26/g, "&");
		s = s.replace(/\%2B/g, "+");
		s = s.replace(/\%2C/g, ",");
		s = s.replace(/\%2F/g, "/");
		s = s.replace(/\%3A/g, ":");
		s = s.replace(/\%3B/g, ";");
		s = s.replace(/\%3D/g, "=");
		s = s.replace(/\%3F/g, "?");
		s = s.replace(/\%40/g, "@");

		// Other
		s = s.replace(/\%20/g, " ");
		s = s.replace(/\%22/g, String.fromCharCode(34)); // double quote
		s = s.replace(/\%27/g, String.fromCharCode(39)); // single quote
		s = s.replace(/\%91/g, String.fromCharCode(145)); 
		s = s.replace(/\%92/g, String.fromCharCode(146)); 
		s = s.replace(/\%93/g, String.fromCharCode(147)); 
		s = s.replace(/\%94/g, String.fromCharCode(148)); 
		s = s.replace(/\%3C/g, "<");
		s = s.replace(/\%3E/g, ">");
		s = s.replace(/\%23/g, "#");
		s = s.replace(/\%7B/g, "{");
		s = s.replace(/\%7D/g, "}");
		s = s.replace(/\%7C/g, "|");
		s = s.replace(/\%5C/g, String.fromCharCode(92)); // backslash
		s = s.replace(/\%5E/g, "^");
		s = s.replace(/\%7E/g, "~");
		s = s.replace(/\%5B/g, "[");
		s = s.replace(/\%5D/g, "]");
		s = s.replace(/\%60/g, String.fromCharCode(96)); // accent grave

		s = s.replace(/\%25/g, "%");
	}	
	return s;
}