var hBar = new ItemStyle(55, 0, '', 0, 0, '10#dc2e64', '10#dc2e64', 'highText', 'highText', '', '', null, null, 'hand', 'default');
//ItemStyle() var names=['len','spacing','popInd','popPos','pad','outCol','overCol','outClass','overClass','outBorder','overBorder','outAlpha','overAlpha','normCursor','nullCursor']
// change background color above.


// var subM = new ItemStyle(22, 0, '', -15, 3, '#CCCCDD', '#6699CC', 'lowText', 'highText', 'itemBorder', 'itemBorder', null, null, 'hand', 'default');
var subM = new ItemStyle(22, 0, '', -15, 3, '#dc2e64', '#dc2e64', 'lowText', 'highText', 'itemBorder', 'itemBorder', null, null, 'hand', 'default');


var subBlank = new ItemStyle(22, 1, '', -15, 3, '#CCCCDD', '#6699CC', 'lowText', 'highText', 'itemBorderBlank', 'itemBorder', null, null, 'hand', 'default');

// var button = new ItemStyle(22, 0, '', -15, 2, '10#079BAC', '10#FCCA15', 'buttonText', 'buttonHover', 'itemBorder', '', null, null, 'hand', 'default');
var button = new ItemStyle(22, 0, '', -15, 2, '#f19abd', '#dc2d64', 'buttonText', 'buttonHover', 'itemBorder', 'itemBorder', null, null, 'hand', 'default');


var pMenu = new PopupMenu('pMenu');
with (pMenu)
{
	//root
	// startMenu('root', false, 'page.elmPos("test1").x + 238', 71, 39, hBar, '', false);
	startMenu('root', false, 438, 54, 20, hBar, '', false);
	addItem('<img src="html/images/bt_01.gif" border="0">', '/EN/default.aspx', '', hBar, 58);
	addItem('<img src="html/images/bt_02.gif" border="0">', 'mAbout', 'sm:',  hBar, 92);
	addItem('<img src="html/images/bt_03.gif" border="0">', 'mProducts', 'sm:',  hBar, 92);
	addItem('<img src="html/images/bt_04.gif" border="0">', 'mNews', 'sm:', hBar, 141);
	addItem('<img src="html/images/bt_05.gif" border="0">', 'mFaq', 'sm:', hBar, 76);
	
	//menu Muka
	startMenu('mAbout', true, 0, 21, 145, subM, '', false);
	addItem('Condition of Carriage', 'html/information.asp', '', button, 20);
	addItem('How to book', 'html/howtobook.asp', '', button, 20);
	addItem('Citilink\'s Aircraft', 'html/aircraft.asp', '', button, 20);
	addItem('Citilink\'s Aircrew', 'html/aircre.asp', '', button, 20);
	addItem('Internet Booking', '/GIA/EN/default.aspx', '', button, 20);
	addItem('Web Check in', 'html/webcheckin.asp', '', button, 20);
	addItem('Online Seat Assignment', 'html/seatassignment.asp', '', button, 20);

	//menu Informasi
	startMenu('mProducts', true, 0, 21, 145, subM, '', false);
	addItem('Surabaya', 'html/surabaya.asp', '', button, 20);
	addItem('Jakarta', 'html/jakarta.asp', '', button, 20);
	addItem('Batam ', 'html/batam.asp', '', button, 20);
	addItem('Balikpapan', 'html/balikpapan.asp', '', button, 20);
	addItem('Banjarmasin', 'html/banjarmasin.asp', '', button, 20);
	addItem('Ujungpandang ', 'html/ujungpandang.asp', '', button, 20);

	// menu Kota Tujuan
	startMenu('mNews', true, 0, 21, 122, subM, '', false);


	// menu Tujuan Wisata
	startMenu('mFaq', true, 0, 21, 122, subM, '', false);
	addItem('Internet Booking', 'html/internet.asp', '', button, 20);
	
	// menu Tentang Kami
	startMenu('mFaq', true, 0, 21, 122, subM, '', false);
	addItem('Citilink\'s Sales Office', 'html/salesoffice.asp', '', button, 20);
	addItem('Travel Agent', 'html/travelagent.asp', '', button, 20);
	addItem('Contact Us', 'html/contact.asp', '', button, 20);
}

addMenuBorder(pMenu, window.subBlank, null, '#666666', 1, '#CCCCDD', 2);
addDropShadow(pMenu, window.subM, [0,"#333333",6,6,-4,-4], [0,"#666666",4,4,0,0]);
addDropShadow(pMenu, window.subBlank, [0,"#333333",6,6,-4,-4], [0,"#666666",4,4,0,0]);

if (navigator.userAgent.indexOf('rv:0.')==-1 && !(isOp&&!document.documentElement))
{
	pMenu.showMenu = new Function('mN','menuAnim(this, mN, 10)');
	pMenu.hideMenu = new Function('mN','menuAnim(this, mN, -10)');
}

page.elmPos=function(e,p)
{
	var x=0,y=0,w=p?p:this.win;
	e=e?(e.substr?(isNS4?w.document.anchors[e]:getRef(e,w)):e):p;
	if(isNS4){if(e&&(e!=p)){x=e.x;y=e.y};if(p){x+=p.pageX;y+=p.pageY}}
	else if (e && e.focus && e.href && this.MS && /Mac/.test(navigator.platform))
	{
		e.onfocus = new Function('with(event){self.tmpX=clientX-offsetX;' + 'self.tmpY=clientY-offsetY}');
		e.focus();x=tmpX;y=tmpY;e.blur()
	}
	else 
		while(e){x+=e.offsetLeft;y+=e.offsetTop;e=e.offsetParent}
	return{x:x,y:y};
};

function menuAnim(menuObj, menuName, dir)
{
	var mD = menuObj.menu[menuName][0];
	if (!mD.timer) mD.timer = 0;
	if (!mD.counter) mD.counter = 0;
	with (mD)
	{
		clearTimeout(timer);
		if (!lyr || !lyr.ref) return;
		if (!visNow && dir>0) dir = 0-dir;
		if (dir>0) lyr.vis('visible');
		lyr.sty.zIndex = dir>0 ? mD.zIndex + 1 : 1001;

		lyr.clip(0, 0, menuW+2, (menuH+2)*Math.pow(Math.sin(Math.PI*counter/200),0.75) );
 
		counter += dir;
		if (counter>100) { counter = 100; lyr.sty.zIndex = mD.zIndex }
		else if (counter<0) { counter = 0; lyr.vis('hidden') }
		else timer = setTimeout('menuAnim('+menuObj.myName+',"'+menuName+'",'+dir+')', 40);
	}
};

function addMenuBorder(mObj, iS, alpha, bordCol, bordW, backCol, backW)
{
	for (var mN in mObj.menu)
	{
		var mR=mObj.menu[mN], dS='<div style="position:absolute; background:';
		if (mR[0].itemSty != iS) continue;
		for (var mI=1; mI<mR.length; mI++)
		{
			mR[mI].iX += bordW+backW;
			mR[mI].iY += bordW+backW;
		}
		mW = mR[0].menuW += 2*(bordW+backW);
		mH = mR[0].menuH += 2*(bordW+backW);
		
		if (isNS4) mR[0].extraHTML += '<layer bgcolor="' + bordCol + '" left="0" top="0" width="' + mW +
			'" height="' + mH + '" z-index="980"><layer bgcolor="' + backCol + '" left="' + bordW + '" top="' +
			bordW + '" width="' + (mW-2*bordW) + '" height="' + (mH-2*bordW) + '" z-index="990"></layer></layer>';
		else mR[0].extraHTML += dS + bordCol + '; left:0px; top:0px; width:' + mW + 'px; height:' + mH +
			'px; z-index:980; ' + (alpha!=null?'filter:alpha(opacity=' + alpha + '); -moz-opacity:' + (alpha/100):'') +
			'">' + dS + backCol + '; left:' + bordW + 'px; top:' + bordW + 'px; width:' + (mW-2*bordW) + 'px; height:' +
			(mH-2*bordW) + 'px; z-index:990"></div></div>';
	}
};

function addDropShadow(mObj, iS)
{
	for (var mN in mObj.menu)
	{
		var a=arguments, mD=mObj.menu[mN][0], addW=addH=0;
		if (mD.itemSty != iS) continue;
		for (var shad=2; shad<a.length; shad++)
		{
			var s = a[shad];
			var alpha = (s[0]!=null && navigator.userAgent.indexOf('AppleWebKit') == -1);
			if (isNS4) mD.extraHTML += '<layer bgcolor="' + s[1] + '" left="' + s[2] + '" top="' + s[3] + '" width="' +
				(mD.menuW+s[4]) + '" height="' + (mD.menuH+s[5]) + '" z-index="' + (arguments.length-shad) + '"></layer>';
			else mD.extraHTML += '<div style="position:absolute; background:' + s[1] + '; left:' + s[2] +
				'px; top:' + s[3] + 'px; width:' + (mD.menuW+s[4]) + 'px; height:' + (mD.menuH+s[5]) + 'px; z-index:' +
				(a.length-shad) + '; ' + (alpha?'filter:alpha(opacity=' + s[0] + '); -moz-opacity:' + s[0] + '%; opacity:' + (s[0]/100):'') +
				'"></div>';
			addW=Math.max(addW, s[2]+s[4]);
			addH=Math.max(addH, s[3]+s[5]);
		}
		mD.menuW+=addW; mD.menuH+=addH;
	}
};