// JavaScript Document

var timer_id = null;
function showmenu( parent, id )
{
  var target = document.getElementById( id );
  var top = 0;
  var left = 0;
  var obj = parent.offsetParent;
  for( ;; )
  {
    if( ! obj )
      break;

    top += obj.offsetTop;
    left += obj.offsetLeft;

    obj = obj.offsetParent;
  }

  target.style.top = top + parent.offsetTop;
  target.style.left = left + parent.offsetLeft + parent.offsetWidth;
  target.style.display = '';
  if( timer_id )
  {
    clearTimeout( timer_id );
    timer_id = null;
  }
}

function onmousemenu()
{
  if( timer_id )
  {
    clearTimeout( timer_id );
    timer_id = null;
  }
}

function hiddenmenu(id)
{
  timer_id = setTimeout( "closeMenu('"+id+"')", 400 );
}

function closeMenu(id)
{
  var submenu = document.getElementById( id );
  submenu.style.display = 'none';
  timer_id = null;
}




// <![CDATA[
// WebJADE
// JavaScript, Added D* Effects
 
 
function initMenu() 
{
	webJADE.initJADE();
 
	var nmTab = new TabSet( ['liMenu','dvTip','1-6'],
		{exclusive:true, 'inject':true, 'zMod':{'tab':10,'targ':20}, 'autoWidth':{'mod':'8','max':280}, evType:TabSet.EvType.mouseover,
			style:{'targ':DuStyle.Setup.setStylesFx({'opacity':0.95},{'opacity':0},{'duration':240},{'preAct':{'display':'block'},'postInact':{'display':'none'}})}} );
 
 
	$('ulDropMenu').removeClass('cssToggle');
	var dropMenu = new TabSet( ['liDrop','ulDrop','1-3'], 
		{evType:TabSet.EvType.mouseover, zMod:{'tab':10,'targ':20}, exclusive:1,
			style:{'targ':
				DuStyle.Setup.setStreamFx( 
					[{'styles':{'display':'block','top':'23px','opacity':0.3}},{'styles':{'opacity':1},'options':{'delay':50}}],
					[{'styles':{'opacity':0.3},'options':{'delay':100}},{'styles':{'top':'20px','opacity':0.1},'options':{'delay':100}}],
					{'duration':160},{'postInact':{'display':'none'}})} });
 
	var dropList = [];
	var nSub = 0;
	for ( var n = 1; n <= 3; n++ )
	{
		$('ulDrop'+n).getChildren().each( function(liSub) {
			var targElems = liSub.getElement('ul');
			if ( targElems )
			{
				dropList.push( {'idTab':'liSub'+nSub,'idTarg':'ulSub'+nSub,'tab':liSub,'targ':targElems} );
				nSub++
			}
		} );
	}
	var dropMenu2 = new TabSet( dropList, 
		{evType:TabSet.EvType.mouseover, exclusive: 1, zMod: 20,
			style:{'targ':
				DuStyle.Setup.setFx( 
					{'styles':{'display':'block','opacity':1,'top':'-6px'},'options':{'delay':100}},
					{'styles':{'opacity':0.2,'top':'2px'},'options':{'delay':100}},
					{'duration':200},{'postInact':{'display':'none'}})} });
					
	$('ul2ndMenu').removeClass('cssToggle');
	var lv2ndMenu = new TabSet( ['li2nd','ul2nd','1-5'], 
		{evType:TabSet.EvType.mouseenter, exclusive:1,
			style:{'targ':
				DuStyle.Setup.setFx( 
					{'styles':{'display':'block','left':'0px','opacity':1}},
					{'styles':{'display':'none','left':'12px','opacity':'0.1'}},
					{'delay':100,'duration':300,transition:Fx.Transitions.backOut},{'postInact':{'display':'none'}})} });
 
 
	$('ulVertFMenu').removeClass('cssToggle');
	var vertFMenu = new TabSet( ['liVertF','ulVertF','1-5'], 
		{evType:TabSet.EvType.mouseover, zMod:{'tab':10,'targ':20}, exclusive:1,
			style:{'targ':
				DuStyle.Setup.setStreamFx( 
					{'styles':{'display':'block','top':'-10px','opacity':1}},
					{'styles':{'top':'-20px','opacity':0.1},'options':{'delay':300}},
					{'duration':200},{'postInact':{'display':'none'}})} });					
 
	DuStyle.Fx.Slide.Ctrl.addSlides( ['dvVertS2','dvVertS3','dvVertS4','dvVertS5'], {'duration':300,'transition':Fx.Transitions.cubicOut} );
	$('ulVertSMenu').removeClass('cssToggle');
	var vertSMenu = new TabSet( ['liVertS','dvVertS','2-5'], 
		{evType:TabSet.EvType.stillClick, zMod:{'targ':-10}, toggle:true, exclusive: true,
			style:{'targ':
				DuStyle.Setup.setFx(
					{'proc':DuStyle.Fx.Slide.Ctrl.slideInProc},
					{'proc':DuStyle.Fx.Slide.Ctrl.slideOutProc},
					{'duration':280,'fps':60},{'preAct':{'display':'block'},'postInact':{'display':'none'}})} });
}
 
 
window.addEvent( 'domready', initMenu );
 
// ]]>
</script> 
