/**
 * This object adds mouse overs and outs
 * to anchors
**/

buttonobj = {
  onover    : function() {this.style.backgroundColor=buttonobj.overcolor; this.style.color=buttonobj.overfont; this.style.cursor='pointer';}
, onout     : function() {this.style.backgroundColor=buttonobj.outcolor;  this.style.color=buttonobj.outfont;  this.style.cursor='default';}
, init      : function() {
    var elems = getelemsclasstag('anav', 'a');
    for (var i=0;i<elems.length;i++) {
      elems[i].onmouseover = buttonobj.onover;
      elems[i].onmouseout  = buttonobj.onout;
      elems[i].style.backgroundColor = buttonobj.outcolor;
      elems[i].style.color = buttonobj.outfont;
      elems[i].style.borderLeft   = buttonobj.lefttop;
      elems[i].style.borderTop    = buttonobj.lefttop;
      elems[i].style.borderRight  = buttonobj.rightbottom;
      elems[i].style.borderBottom = buttonobj.rightbottom;
    } // for
    var elems = getelemsclasstag('dropa', 'a');
    for (var i=0;i<elems.length;i++) {
      elems[i].onmouseover = buttonobj.onover;
      elems[i].onmouseout  = buttonobj.onout;
      elems[i].style.backgroundColor = buttonobj.outcolor;
      elems[i].style.color = buttonobj.outfont;
      elems[i].style.borderLeft   = buttonobj.lefttop;
      elems[i].style.borderTop    = buttonobj.lefttop;
      elems[i].style.borderRight  = buttonobj.rightbottom;
      elems[i].style.borderBottom = buttonobj.rightbottom;
    } // for
  } // function()
, outcolor     : '#c93'
, overcolor    : '#a62'
, outfont      : '#630'
, overfont     : '#ffc'
, lefttop      : '#fd8 2px solid'
, rightbottom  : '#630 2px solid'
}

buttonobj.init();

var sfEls = document.getElementById("getsharpstoresnav").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
  sfEls[i].onmouseover=function() {
    this.className+=" sfhover";
  }
  sfEls[i].onmouseout=function() {
    this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
  }
}