var searchfield = document.searchform.search;
  var defaultval = " "
  function setsearch()
    {
      if (searchfield.value =="") 
       {
        searchfield.value = defaultval
       }
    }
  function clearsearch()
   {
    
    if(searchfield.value == defaultval)
      {          
        searchfield.value =''
      }
   }
  window.onload = setsearch
  searchfield.onfocus = clearsearch
  searchfield.onblur = setsearch;
  window.defaultStatus = "pureCommerce: Maximizing Business Potential";
  
  if (document.images && document.getElementById)
    {
      var searchbutton = document.getElementById("searchsite");
      
      var searchon = new Image();     
      searchon.src = "../images/hp/searchsite_over.gif";
      var searchoff = new Image();
      searchoff.src = "../images/hp/searchsite.gif";
      
      searchbutton.onmouseover = function() {this.src = searchon.src}
      searchbutton.onmouseout  = function() {this.src = searchoff.src}
      
      var pagetitle = document.getElementById("purecommerce");
      pagetitle.onmouseover = function(){window.status = 'Go to home page'}
      pagetitle.onmouseout = function(){window.status = ''}
      pagetitle.onclick = function(){window.location = '/'}
    }
    
//function to popup a window.  Either pass it just the url, and take the default size, or 
//pass it the url, width, height, windowname, and scrolling/non scrolling (default is non)
function popWindow(url, width, height, windowName, scrollb) {
  // default width and height for window
  if (!width) { width  = 439; }
  if (!height) { height = 325; }
  if (!scrollb) {scrollb = "no"}
  // positioning of pop-up window
  { var leftpos = 0
    if (screen) {
    leftpos = screen.width-(width+230)}
    
    // default window name if not passed to function
    if (!windowName) { windowName = "bxPopup"; }
    var wref = window.open (url, windowName,"toolbar=no,width=" + width + ",height=" + height + ",directories=no,status=no,scrollbars=" +scrollb + ",resizable=yes,menubar=no,top=50,left="+leftpos);
    wref.focus();
  }
}

function displaytoggle(divid)
{
   var divobj=document.getElementById(divid);
   if(!divobj) { return; }
   if(divobj.className=="hiddenobj") { divobj.className="shownobj"; }
   else { divobj.className="hiddenobj"; }
}


//----------------------------------------------------------------------------
//togglelayer shows or hides an object based on the display property (not visibility)
//it will detect the kind element it is and therefore the cross-browser method of hiding or showing the object.
//----------------------------------------------------------------------------
function togglelayer(divid,override)
{
   var myobj = document.getElementById(divid);
   if(!myobj) { window.status="[fn togglelayer] Problem! Could find element with ID '"+divid+"' to toggle."; return; }
   var mytagname = myobj.tagName
   //get the proper display style value, depending on element and browser
   //use self.innerHeight, which IE doesn't support, to determine block or table style
   switch (mytagname)
   {
      case 'DIV': { var  showstyle = "block"; break; }
      case 'SPAN': { var  showstyle = "inline"; break; }
      case 'I': { var  showstyle = "inline"; break; }
      case 'P': { var  showstyle = "block"; break; }
      case 'TABLE': { var  showstyle = self.innerHeight ? "table" : "block"; break; }
      case 'TR': { var  showstyle = self.innerHeight ? "table-row" : "block"; break; }
      case 'TD': { var  showstyle = self.innerHeight ? "table-cell" : "block"; break; }
      default: { var  showstyle = "block"; break; }
   }
   if(override == 1) { myobj.style.display = showstyle; return;}
   if(override == 0) { myobj.style.display = "none"; return;}
   if ((myobj.style.display == showstyle)||(myobj.style.display=="")||(myobj.style.display==null)) { myobj.style.display = "none"; }
   else { myobj.style.display = showstyle; }
}


//----------------------------------------------------------------------------
//togglelayer shows or hides an object based on the display property (not visibility)
//it will detect the kind element it is and therefore the cross-browser method of hiding or showing the object.
//----------------------------------------------------------------------------
function togglelayer(divid,override)
{
   var myobj = document.getElementById(divid);
   if(!myobj) { window.status="[fn togglelayer] Problem! Could find element with ID '"+divid+"' to toggle."; return; }
   var mytagname = myobj.tagName
   //get the proper display style value, depending on element and browser
   //use self.innerHeight, which IE doesn't support, to determine block or table style
   switch (mytagname)
   {
      case 'DIV': { var  showstyle = "block"; break; }
      case 'SPAN': { var  showstyle = "inline"; break; }
      case 'I': { var  showstyle = "inline"; break; }
      case 'P': { var  showstyle = "block"; break; }
      case 'TABLE': { var  showstyle = self.innerHeight ? "table" : "block"; break; }
      case 'TR': { var  showstyle = self.innerHeight ? "table-row" : "block"; break; }
      case 'TD': { var  showstyle = self.innerHeight ? "table-cell" : "block"; break; }
      default: { var  showstyle = "block"; break; }
   }
   if(override == 1) { myobj.style.display = showstyle; return;}
   if(override == 0) { myobj.style.display = "none"; return;}
   if ((myobj.style.display == showstyle)||(myobj.style.display=="")||(myobj.style.display==null)) { myobj.style.display = "none"; }
   else { myobj.style.display = showstyle; }
}

function toggler(formname, cbname)
{
	
	var formobj = document.forms[formname];
	
		for (i = 0; i < formobj.elements[cbname].length; i++)
		{
		  var thiscb = formobj.elements[cbname][i];
		  if (thiscb.checked == true)
		  {
		  	thiscb.checked = false;
		  }else
		  {
		  	thiscb.checked = true;
		  }
		  
		}
}

function invokeEditor()
  {
    var idArray = this.id.split('_')
    if (idArray[0] != 'edit') {return false}
    var formname = idArray[1]
    var fieldname = idArray[2]
    var editorURL = '/includes/editor.cfm?formname=' + formname + '&fieldname=' + fieldname
    popWindow(editorURL, 768, 618, 'editor', 'true')
    return false;
  }
  
var btnArray = document.getElementsByTagName('BUTTON');
if (btnArray.length)
  {
    for (var b = 0; b < btnArray.length; b++) {btnArray[b].onclick = invokeEditor}
  }