function addEvento(elm, evType, fn, useCapture){
   if(elm.addEventListener){
      elm.addEventListener(evType, fn, useCapture);   
   } else if(elm.attachEvent){
      var r = elm.attachEvent('on' + evType, fn);
      return r;
   } else {
      elm['on' + evType] = fn;
   }
}

function hider1(){
   document.getElementById('sublist1').style.left = '-1600px';
   document.getElementById('sublist1').parentNode.style.position = 'static';
}


function shower1(){
   document.getElementById('sublist1').style.left = '0px';
   document.getElementById('sublist1').parentNode.style.position = 'relative';
}

function hider2(){
   document.getElementById('sublist2').style.left = '-1600px';
   document.getElementById('sublist2').parentNode.style.position = 'static';
}

function shower2(){
   document.getElementById('sublist2').style.left = '0px';
   document.getElementById('sublist2').parentNode.style.position = 'relative';
}

function hider3(){
   document.getElementById('sublist3').style.left = '-1600px';
   document.getElementById('sublist3').parentNode.style.position = 'static';
}

function shower3(){
   document.getElementById('sublist3').style.left = '0px';
   document.getElementById('sublist3').parentNode.style.position = 'relative';
}

/*
function cancelhide(){
   clearTimeout(ctime);
}
*/

function initfunc(){

   if(document.getElementById('mainnavigation')){
   var menuwrapper = document.getElementById('mainnavigation').getElementsByTagName('UL');
   var counter = 0;
   for(counter = 1; counter < menuwrapper.length; counter++){
      menuwrapper[counter].setAttribute('id','sublist'+counter);
      var sublist = document.getElementById('sublist'+counter);  

      if(counter == 1){
      addEvento(sublist, 'mouseout', hider1, false);   
      addEvento(sublist.parentNode, 'mouseover', shower1, false);
      addEvento(sublist.parentNode, 'mouseout', hider1, false);
      }

      if(counter == 2){
      addEvento(sublist, 'mouseout', hider2, false);   
      addEvento(sublist.parentNode, 'mouseover', shower2, false);
      addEvento(sublist.parentNode, 'mouseout', hider2, false);
      }

      if(counter == 3){
      addEvento(sublist, 'mouseout', hider3, false);   
      addEvento(sublist.parentNode, 'mouseover', shower3, false);
      addEvento(sublist.parentNode, 'mouseout', hider3, false);
      }

      /*
      for(var counter2 = 0; counter2 < sublist.childNodes.length; counter2++ ){
      var sublistchildren = sublist.childNodes.length
      addEvento(sublist.childNodes[counter] , 'mouseover', shower, false);
      }
      */
   }

   /* var ctime; */

   }
   
}

addEvento(window, 'load', initfunc, false);