
var checkTimeDisplay;

function initMenu()
{  
    if (document.getElementById) 
    {
        navRoot = $("showAll");
        navRoot.onmouseover=function() {
           //var x = event.clientX;
          // var y = event.clientY;
           //alert(x+"  x  "+y);
          // document.getElementById('showAll').style.left = 0;
           document.getElementById('theDiv').style.display = "block";
           DivOver();
        }
        navRoot.onmouseout=function() { 
          DivOut();   
          setTimeout("checkDisplay()", 1000);
        }
    } 
}

function sleep(milliseconds) {
  var start = new Date().getTime();
  for (var i = 0; i < 1e7; i++) {
    if ((new Date().getTime() - start) > milliseconds){
      break;
    }
  }
}


function checkDisplay() {
  if (document.getElementById('theDiv')) {
  if (document.getElementById('theDiv').style.opacity == 0) {
    document.getElementById('theDiv').style.display = "none";  

  }
  }  
  
}


/**

<body onLoad="doLoad();">

<div id="theDiv" style="background-color:#FF0000; width:200px; height:200px;" onMouseOver="DivOver();" onMouseOut="DivOut();"></div>

*/

var opacity_timer = null;
function opacity(id, opacEnd, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
	var opacStart = document.getElementById(id).style.opacity*100;
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            opacity_timer = setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            opacity_timer = setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 


function doLoad() {
	changeOpac(0, 'theDiv');
}

var theDivMouseCheck = 0;

function doDivIn() {
	if (theDivMouseCheck==1) {
		opacity('theDiv', 90, 500);
		//clearTimeout(opacity_timer); // ???

	}
}

function doDivOut() {
	if (theDivMouseCheck==0) {
		opacity('theDiv', 0, 500);
		//clearTimeout(opacity_timer); // ???

	}
}

function DivOver() {
	if (opacity_timer) clearTimeout(opacity_timer);
	theDivMouseCheck = 1;
	opacity_timer = setTimeout('doDivIn()',250);
}
function DivOut() {
	if (opacity_timer) clearTimeout(opacity_timer);
	theDivMouseCheck = 0;
	opacity_timer = setTimeout('doDivOut()',250);
}
