sM = {
 init: function() {
   var uls = document.getElementsByTagName('ul');
   for (var u = 0; u < uls.length; u++) {
     if (uls[u].className.search(/\bslidingmenu\b/) == -1) continue;
     var lis = uls[u].getElementsByTagName('li');
     for (var i = 0; i < lis.length; i++) {
       var node = lis[i];
       if (node.nodeName.toLowerCase() == 'li' &&
           node.getElementsByTagName('ul').length > 0) {
         sM.addEvent(node, 'mouseover', sM.getMoverFor(node), false);
         sM.addEvent(node, 'mouseout', sM.getMoutFor(node), false);
         node.getElementsByTagName('a')[0].className += ' subheader';
         node.isIn = false;
       }
     }
   }
 },

 getMoverFor: function(node) {
   return function(e) { sM.mover(e, node); };
 },

 getMoutFor: function(node) {
   return function(e) { sM.mout(e, node); };
 },

 mover: function(e, targetElement) {
   var el = window.event ? targetElement : e ? e.currentTarget : null;
   if (!el) return;
   clearTimeout(el.outTimeout);
   if (!el.isIn) {
     for (var i = 0; i < el.childNodes.length; i++) {
       var node = el.childNodes[i];
       if (node.nodeName.toLowerCase() == 'ul') {
         // Stop current animation
         clearInterval(node.intervalID);
         // Assign initial visible area
         node.clippingRectangle = [0, 0, 4, 0];
         // Save full width and height
         node.style.display = 'block';
         node.savedOW = node.offsetWidth;
         node.savedOH = node.offsetHeight;
//         node.style.display = 'none';
         // Start animation
		// alert("sadfsd");
		 //looks like we can add in background change here...
		
		targetElement.style.backgroundColor="#FFFFFF";
		//alert(targetElement.innerHTML+targetElement.style.backgroundColor);
		//targetElement.style.color="#00FF00";
		 targetElement.style.backgroundImage="none";
		 targetElement.style.borderColor="#000";
		 targetElement.style.borderWidth="1px 1px 0px 1px";
		 targetElement.style.borderStyle="solid";

//node.intervalID = setInterval(function() { sM.showMenu(node); }, 10);

         break;
       }
     }
   }
   el.isIn = true;
   el.className += '';   // Force IE to recompute styles
 },

 mout: function(e, targetElement) {
   var el = window.event ? targetElement : e ? e.currentTarget : null;
   if (!el) return;
   el.outTimeout = setTimeout(function() { sM.mout2(el); }, 40);
 },

 mout2: function(el) {
	 //ok assume this is mout of the top ul so.... how do we get the top button and reset it?
	 //!ooh looks good!
	 el.style.backgroundColor="";
		 el.style.backgroundImage="url('../och/images/ochNavButton.gif')";
		 el.style.borderColor="#00B0E9";
		 el.style.borderWidth="0px 1px 0px 1px";
//	 alert(el.innerHTML);
   for (var i = 0; i < el.childNodes.length; i++) {
     var node = el.childNodes[i];
     if (node.nodeName.toLowerCase() == 'ul') {
       // Stop current animation
       clearInterval(node.intervalID);
       // Start animation

node.intervalID = setInterval(function() { sM.hideMenu(node); }, 1);

       break;
     }
   }
   el.isIn = false;
 },

 showMenu: function(el) {
   el.clippingRectangle[1] += 200;
   if (el.clippingRectangle[1] >= el.savedOW) {
     el.clippingRectangle[1] = el.savedOW;
     el.clippingRectangle[2] += 10;
     if (el.clippingRectangle[2] >= el.savedOH) {
       el.clippingRectangle[2] = el.savedOH;
       clearInterval(el.intervalID);
       // reset the clip: browser-specific
       if (document.all && !window.opera) {
         el.style.clip = 'rect(auto)';
       } else {
         el.style.clip = '';
       }
       return;
     }
   }
   el.style.clip = 'rect(' + el.clippingRectangle.join('px ') + 'px)';
   el.style.display = 'block';
 },

 hideMenu: function(el) {
   el.clippingRectangle[2] -= 10;
   if (el.clippingRectangle[2] <= 4) {
     el.clippingRectangle[2] = 4;
     el.clippingRectangle[1] -= 200;
     if (el.clippingRectangle[1] <= 0) {
       clearInterval(el.intervalID);
       // reset the clip: browser-specific
       if (document.all && !window.opera) {
         el.style.clip = 'rect(auto)';
       } else {
         el.style.clip = '';
       }
       el.style.display = 'none';
       return;
     }
   }
   el.style.clip = 'rect(' + el.clippingRectangle.join('px ') + 'px)';
 },

 addEvent: function(elm, evType, fn, useCapture) {
   // cross-browser event handling for IE5+, NS6 and Mozilla
   // By Scott Andrew
   if (elm.addEventListener) {
     elm.addEventListener(evType, fn, useCapture);
     return true;
   } else if (elm.attachEvent) {
     var r = elm.attachEvent('on' + evType, fn);
     EventCache.add(elm, evType, fn);
     return r;
   } else {
     elm['on' + evType] = fn;
   }
 }
};

sM.addEvent(window, 'load', sM.init, false);
sM.addEvent(window, 'unload', EventCache.flush, false);