/* dropdowns */
sfHover = function() {
	var sfEls = document.getElementById('navigation').getElementsByTagName('li');
	for (var i=0; i<sfEls.length; i++) {
	  if (!sfEls[i].getElementsByTagName('ul')[0]) {
	    continue;
	  }
		sfEls[i].onmouseover=function() {
			addClass(this, 'hover');
			for (var j=0; j<sfEls.length; j++) {
			  if (!sfEls[j].getElementsByTagName('ul')[0] || this == sfEls[j]) {
    	    continue;
    	  }
			  if (hasClass(sfEls[j], 'selected')) {
			    removeClass(sfEls[j], 'selected');
			    removeClass(sfEls[j], 'hover');
			    addClass(sfEls[j], 'former_selected');
			  }
			}
		};
		sfEls[i].onmouseout=function() {
			removeClass(this, 'hover');
			for (var j=0; j<sfEls.length; j++) {
			  if (!sfEls[j].getElementsByTagName('ul')[0]) {
    	    continue;
    	  }
			  if (hasClass(sfEls[j], 'former_selected')) {
			    removeClass(sfEls[j], 'former_selected');
			    addClass(sfEls[j], 'selected');
			  }
			}
		};
	}
};

/* highlight current path */
highlightCurrentPath = function() {
  var navLinks = document.getElementById('navigation').getElementsByTagName('a');
  if (!window.location.pathname || window.location.pathname == "/") {
    return true;
  }
  var currentURL = window.location.pathname.split('/', 3);
  var reconstructedURL = [];
  for (var i=0, j=0; i<currentURL.length; i++) {
    if (currentURL[i] !== '') {
      reconstructedURL[j] = currentURL[i];
      j++;
    }
  }
  for (var i=0; i<navLinks.length; i++) {
    if (navLinks[i].href.match('\/' + reconstructedURL.join('\/'))) {
      addClass(navLinks[i].parentNode, 'selected');
      if (navLinks[i].parentNode.parentNode.parentNode.tagName.toLowerCase() == "li") {
        addClass(navLinks[i].parentNode.parentNode.parentNode, 'selected');
      }
      break;
    }
  }
};

sfHover();
highlightCurrentPath();