$(document).ready(function()
      {
      	$("#content").jScrollPane();
      });
      
      var destroyVal;
      var active;
      
    function showSubNavi(parent) {
          $(active).css({'background':'white','color':'#276882'});
    	  active = parent;
	      clearTimeout(destroyVal);
	      destroySubNavi();
	      var destx = parent.offsetLeft; 
	      var desty = parent.offsetTop;
	      var thisNode = parent;
	      while (thisNode.offsetParent && 
	            (thisNode.offsetParent != document.body)) {
		        thisNode = thisNode.offsetParent;
		        destx += thisNode.offsetLeft;
		        desty += thisNode.offsetTop;
      }
      desty += 40;
      var style = "top: " + desty + "px; left: " + destx + "px; ";
      $(parent).css({'background':'#276882','color':'white'});
      $("body").append("<div id='subnavi' style='" + style + "'></div>");
      $("#subnavi").load("scripts/generateNavi.php?parent=" + parent.name);
      destroyVal = setTimeout(destroySubNavi, 3000);
    }
    
    function destroySubNavi(){
      $("#subnavi").remove();
      $(active).css({'background':'white','color':'#276882'});
    }