DropDownMenu.Registry = []
DropDownMenu.aniLen = 550
DropDownMenu.hideDelay = 300
DropDownMenu.minCPUResolution = 1
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function DropDownMenu(id, dir, left, top, right, width, height){
	this.ie = document.all ? 1 : 0
	this.ns4 = document.layers ? 1 : 0
	this.dom = document.getElementById ? 1 : 0
	if (this.ie || this.ns4 || this.dom){
		this.id = id
		this.dir = dir
		this.orientation = dir == "left" || dir == "right" ? "h" : "v"
		this.dirType = dir == "right" || dir == "down" ? "-" : "+"
		this.dim = this.orientation == "h" ? width : height
		this.hideTimer = false
		this.aniTimer = false
		this.open = false
		this.over = false
		this.startTime = 0
		this.gRef = "DropDownMenu_"+id
		eval(this.gRef+"=this")
		DropDownMenu.Registry[id] = this
		var d = document
		var strCSS = '<style type="text/css">';
		strCSS += '#' + this.id + 'Container { visibility:hidden; '

		if (left >= 0) {
		strCSS += 'left:' + left + 'px; '
		}
		else {
			strCSS += 'right:' + right + 'px; '
		}
		strCSS += 'top:' + top + 'px; '
		strCSS += 'overflow:hidden; z-index:10000; }'
		strCSS += '#' + this.id + 'Container, #' + this.id + 'Content { position:absolute; '
		strCSS += 'width:' + width + 'px; '
		strCSS += 'height:' + height + 'px; '
		strCSS += 'clip:rect(0 ' + width + ' ' + height + ' 0); '
		strCSS += '}'
		strCSS += '</style>'
		d.write(strCSS)
		this.load()
	}
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
DropDownMenu.prototype.load = function() {
	var d = document
	var lyrId1 = this.id + "Container"
	var lyrId2 = this.id + "Content"
	var obj1 = this.dom ? d.getElementById(lyrId1) : this.ie ? d.all[lyrId1] : d.layers[lyrId1]
	if (obj1) var obj2 = this.ns4 ? obj1.layers[lyrId2] : this.ie ? d.all[lyrId2] : d.getElementById(lyrId2)
	var temp
	if (!obj1 || !obj2) window.setTimeout(this.gRef + ".load()", 100)
	else {
		this.container = obj1
		this.menu = obj2
		this.style = this.ns4 ? this.menu : this.menu.style
		this.homePos = eval("0" + this.dirType + this.dim)
		this.outPos = 0
		this.accelConst = (this.outPos - this.homePos) / DropDownMenu.aniLen / DropDownMenu.aniLen 
		// set event handlers.
		if (this.ns4) this.menu.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
		this.menu.onmouseover = new Function("DropDownMenu.showMenu('" + this.id + "')")
		this.menu.onmouseout = new Function("DropDownMenu.hideMenu('" + this.id + "')")
		//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
		this.endSlide()
	}
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
DropDownMenu.showMenu = function(id){
	var reg = DropDownMenu.Registry
	var obj = DropDownMenu.Registry[id]
	if (obj.container) {
		obj.over = true
		for (menu in reg) if (id != menu) DropDownMenu.hide(menu)
		if (obj.hideTimer) { 
			reg[id].hideTimer = window.clearTimeout(reg[id].hideTimer) 
		}
		if (!obj.open && !obj.aniTimer) reg[id].startSlide(true)
	}
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
DropDownMenu.hideMenu = function(id){
	var obj = DropDownMenu.Registry[id]
	if (obj.container) {
		if (obj.hideTimer) window.clearTimeout(obj.hideTimer)
		obj.hideTimer = window.setTimeout("DropDownMenu.hide('" + id + "')", DropDownMenu.hideDelay);
	}
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
DropDownMenu.hideAll = function(){
	var reg = DropDownMenu.Registry
	for (menu in reg) {
	DropDownMenu.hide(menu);
	if (menu.hideTimer) window.clearTimeout(menu.hideTimer);}
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
DropDownMenu.hide = function(id){
	var obj = DropDownMenu.Registry[id]
	obj.over = false
	if (obj.hideTimer) window.clearTimeout(obj.hideTimer)
	obj.hideTimer = 0
	if (obj.open && !obj.aniTimer) obj.startSlide(false)
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
DropDownMenu.prototype.startSlide = function(open) {
	this[open ? "onactivate" : "ondeactivate"]()
	this.open = open
	if (open) this.setVisibility(true)
	this.startTime = (new Date()).getTime() 
	this.aniTimer = window.setInterval(this.gRef + ".slide()", DropDownMenu.minCPUResolution)
}
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////
DropDownMenu.prototype.slide = function() {
	var elapsed = (new Date()).getTime() - this.startTime
	if (elapsed > DropDownMenu.aniLen) this.endSlide()
	else {
	var d = Math.round(Math.pow(DropDownMenu.aniLen-elapsed, 2) * this.accelConst)
	if (this.open && this.dirType == "-") d = -d
	else if (this.open && this.dirType == "+") d = -d
	else if (!this.open && this.dirType == "-") d = -this.dim + d
	else d = this.dim + d
	this.moveTo(d)
	}
}
DropDownMenu.prototype.endSlide = function() {
this.aniTimer = window.clearTimeout(this.aniTimer)
this.moveTo(this.open ? this.outPos : this.homePos)
if (!this.open) this.setVisibility(false)
if ((this.open && !this.over) || (!this.open && this.over)) {
this.startSlide(this.over)
}
}
DropDownMenu.prototype.setVisibility = function(bShow) { 
var s = this.ns4 ? this.container : this.container.style
s.visibility = bShow ? "visible" : "hidden"
}
DropDownMenu.prototype.moveTo = function(p) { 
this.style[this.orientation == "h" ? "left" : "top"] = this.ns4 ? p : p + "px"
}
DropDownMenu.prototype.getPos = function(c) {
return parseInt(this.style[c])
}
DropDownMenu.prototype.onactivate = function() { }
DropDownMenu.prototype.ondeactivate = function() { }
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
var output    =	'<div id="menu1Container">';
output 	+=		'<div id="menu1Content">'
output 	+=			'<table cellspacing=0 cellpadding=0 border=0 style="BORDER-TOP: #FF0000 0px solid;">'
output 	+=			'<tr>'
output 	+=				'<td colspan=2 width=100%>'
output 	+=					'<table border=0 cellspacing=0 cellpadding=0 width=100% style="BORDER-TOP: #999999 0px solid; BORDER-LEFT: #999999 0px solid; BORDER-RIGHT: #999999 0px solid; BORDER-BOTTOM: #999999  0px solid; border-collapse: collapse" bgcolor="#EFF3FF">'
output 	+=						'<tr><td class=DropDownMenu><a href="vietnaminfo.php">Vietnam Travel Info</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="tourlist.php">Vietnam Tours</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="infomationdetail.php?id=19">Vietnam Cruise</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="hotellist.php">Vietnam Hotel</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="resortlist.php">Vietnam Resorts</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="servicelist.php">Vietnam Services</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="infomationdetail.php?id=18">Vietnam MICE Ideas</a></td></tr>'
output 	+=						'</table>'
output 	+=				'</td>'
output 	+=			'</tr>'
output 	+=			'</table>'
output 	+=		'</div>'
output 	+=		'</div>'

output  +=		'<div id="menu2Container">';
output 	+=		'<div id="menu2Content">'
output 	+=			'<table cellspacing=0 cellpadding=0 border=0 style="BORDER-TOP: #999999 1px solid">'
output 	+=			'<tr>'
output 	+=				'<td colspan=2 width=100%>'
output 	+=					'<table border=0 cellspacing=0 cellpadding=0 width=100% style="BORDER-TOP: #999999 0px solid; BORDER-LEFT: #999999 1px solid; BORDER-RIGHT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; border-collapse: collapse" bgcolor="#EFF3FF">'
output 	+=						'<tr><td class=DropDownMenu><a href="about_detail.php?id=14">Testinonails</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="about_detail.php?id=13">About us</a></td></tr>'
output 	+=					'</table>'
output 	+=				'</td>'
output 	+=			'</tr>'
output 	+=			'</table>'
output 	+=		'</div>'
output 	+=		'</div>'

output 	+=		'<div id="menu3Container">';
output 	+=		'<div id="menu3Content">'
output 	+=			'<table cellspacing=0 cellpadding=0 border=0 style="BORDER-TOP: #FF0000 1px solid">'
output 	+=			'<tr>'
output 	+=				'<td colspan=2 width=100%>'
output 	+=					'<table border=0 cellspacing=0 cellpadding=0 width=100% style="BORDER-TOP: #FF0000 0px solid; BORDER-LEFT: #FF0000 1px solid; BORDER-RIGHT: #FF0000 1px solid; BORDER-BOTTOM: #FF0000 1px solid; border-collapse: collapse" bgcolor="#f1f1f1">'
output 	+=						'<tr><td class=DropDownMenu><a href="mailto:ciaoviettravel@yahoo.com">ciaoviettravel@yahoo.com</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="">(84)(511) 215456 - 200403</a></td></tr>'
output 	+=					'</table>'
output 	+=				'</td>'
output 	+=			'</tr>'
output 	+=			'</table>'
output 	+=		'</div>'
output 	+=		'</div>'

output 	+=		'<div id="menu4Container">';
output 	+=		'<div id="menu4Content">'
output 	+=			'<table cellspacing=0 cellpadding=0 border=0 style="BORDER-TOP: #FF0000 1px solid">'
output 	+=			'<tr>'
output 	+=				'<td colspan=2 width=100%>'
output 	+=					'<table border=0 cellspacing=0 cellpadding=0 width=100% style="BORDER-TOP: #FF0000 0px solid; BORDER-LEFT: #FF0000 1px solid; BORDER-RIGHT: #FF0000 1px solid; BORDER-BOTTOM: #FF0000 1px solid; border-collapse: collapse" bgcolor="#f1f1f1">'
/*<?php
	$rs_ =  LayGiaTri("*","service","");
	if(mysql_num_rows($rs_)>0){
		$i=0;
		while($rs = mysql_fetch_array($rs_)){
			$i++;
			echo "";
?>*/
output 	+=						'<tr><td class=DropDownMenu><a href="vietnam-airport.php"><?php echo $rs[service]; ?></a></td></tr>'
/*<?php 
		}
	}
?>*/
/*output 	+=						'<tr><td class=DropDownMenu><a href="">Trains Service</a></td></tr>'*/
output 	+=						'<tr><td class=DropDownMenu><a href="vietnam-car.php">Cars Service</a></td></tr>'
/*output 	+=						'<tr><td class=DropDownMenu><a href="">Pickups Service</a></td></tr>'*/
output 	+=						'<tr><td class=LineMenu height=1 nowrap></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="servicelist.php?cat=0">Interpretation Service</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="servicelist.php?cat=1">Translation Service</a></td></tr>'
output 	+=						'<tr><td class=LineMenu height=1 nowrap></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="servicelist.php?cat=2">Vietnam Villa Rental</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="servicelist.php?cat=3">Vietnam House Rental</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="servicelist.php?cat=4">Vietnam Office Rental</a></td></tr>'
output 	+=					'</table>'
output 	+=				'</td>'
output 	+=			'</tr>'
output 	+=			'</table>'
output 	+=		'</div>'
output 	+=		'</div>'



output 	+=		'<div id="menu5Container">';
output 	+=		'<div id="menu5Content">'
output 	+=			'<table cellspacing=0 cellpadding=0 border=0 style="BORDER-TOP: #FF0000 1px solid">'
output 	+=			'<tr>'
output 	+=				'<td colspan=2 width=100%>'
output 	+=					'<table border=0 cellspacing=0 cellpadding=0 width=100% style="BORDER-TOP: #FF0000 0px solid; BORDER-LEFT: #FF0000 1px solid; BORDER-RIGHT: #FF0000 1px solid; BORDER-BOTTOM: #FF0000 1px solid; border-collapse: collapse" bgcolor="#f1f1f1">'
output 	+=						'<tr><td class=DropDownMenu><a href="infomationlist.php?cat=0">Things to know</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="infomationlist.php?cat=1">Vietnam Travel Guides</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="infomationlist.php?cat=2">Vietnam Travel Destinations</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="infomationlist.php?cat=3">Vietnam Tourist Attractions</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="infomationlist.php?cat=4">Vietnam Travel News</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="infomationlist.php?cat=5">Vietnam Travel Events</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="infomationlist.php?cat=6">Vietnam Travel Festivals</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="infomationlist.php?cat=7">Our Link Exchanges</a></td></tr>'
output 	+=						'<tr><td class=DropDownMenu><a href="infomationlist.php?cat=8">Arround the World</a></td></tr>'
output 	+=					'</table>'
output 	+=				'</td>'
output 	+=			'</tr>'
output 	+=			'</table>'
output 	+=		'</div>'
output 	+=		'</div>'


document.write(output)



	var menus = [
		new DropDownMenu("menu1", "down", 175, 167, 0, 270, 200),
		new DropDownMenu("menu2", "down", 722, 167, 0, 240, 200),
		new DropDownMenu("menu3", "down", 375, 167, 0, 240, 200),
		new DropDownMenu("menu4", "down", 580, 167, 0, 240, 200),
		new DropDownMenu("menu5", "down", 680, 167, 1, 240, 200)
	]
	for (var i = 0; i < menus.length; i++) {
		menus[i].onactivate = new Function("document.getElementById('act" + (i + 1) + "').className='active';");
		menus[i].ondeactivate = new Function("document.getElementById('act" + (i + 1) + "').className='';");
	}
//function DropDownMenu(id, dir, left, top, right, width, height){

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////