var timeout = 200;
var closetimer = 0;
var ddmenuitem = 0;
var head;

function mopen(id) {
	// cancel close timer
	mcancelclosetime();
	head = document.getElementById("head" + id);

	// close old layer
	if( ddmenuitem ) {
		ddmenuitem.style.visibility = 'hidden';
	}

	// get new layer and show it
	ddmenuitem = document.getElementById("subMenu" + id);
	if ( ddmenuitem ) {
		ddmenuitem.style.visibility = 'visible';
	}
}
function mclose() {
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime() {
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime() {
  if(closetimer)
    {
      window.clearTimeout(closetimer);
      closetimer = null;
    }
}

// close layer when click-out
document.onclick = mclose;

Ext.onReady(function() {
	document.getElementById('simple-horizontal-menu').style.display = 'block';
	new Ext.ux.Menu('simple-horizontal-menu', {
		transitionType: 'slide'
		,direction: 'horizontal'
		,delay: 1000
		,autoWidth: true
		,transitionDuration: 0.3
		,animate: true
		,currentClass: 'current'
	});
});