<style type="text/css">
.style0 {
	font-family: Tahoma;
	font-size:32px;	
	font-weight: bold;
	color: #FCA604;
}
.style1 {
	font-family: Tahoma;
	font-size:20px;	
	font-weight: bold;
	color: #FCA604;
}
.style2 {
	font-family: Tahoma;
	font-size:13px;	
	font-weight: bold;
	color: #FCA604;
}
.style3 {
	font-family: Tahoma;
	font-size:13px;	
	font-weight: bold;
	color: #FCA604;
	font-style:italic;
}
.style4 {
	font-family: Tahoma;
	font-size:13px;	
	font-weight:normal;
	color: #FCA604;
}
.style5 {
	font-family: Tahoma;
	font-size:13px;	
	font-weight:bold;
	color: #FF0000;
}
</style>
<script language="JavaScript" src="http://www.halongclassicsail.com/tigra_hints.js"></script>
<script language="JavaScript">
// configuration variables for the hint objects, these setting will be shared among all hints created by each object
var HINTS_CFG1 = {
	'wise'       : true, // don't go off screen, don't overlap the object in the document
	'margin'     : 10, // minimum allowed distance between the hint and the window edge (negative values accepted)
	'gap'        : 0, // minimum allowed distance between the hint and the origin (negative values accepted)
	'align'      : 'tcbc', // align of the hint and the origin (by first letters origin's top|middle|bottom left|center|right to hint's top|middle|bottom left|center|right)
	'css'        : 'hintsClass1', // a style class name for all hints, applied to DIV element (see style section in the header of the document)
	'show_delay' : 200, // a delay between initiating event (mouseover for example) and hint appearing
	'hide_delay' : 500, // a delay between closing event (mouseout for example) and hint disappearing
	'follow'     : false, // hint follows the mouse as it moves
	'z-index'    : 100, // a z-index for all hint layers
	'IEfix'      : false, // fix IE problem with windowed controls visible through hints (activate if select boxes are visible through the hints)
	'IEtrans'    : ['blendTrans(DURATION=.3)', 'blendTrans(DURATION=.3)'], // [show transition, hide transition] - transition effects, only work in IE5+
	'opacity'    : 100 // opacity of the hint in %%
};
var HINTS_CFG2 = {
	'wise'       : true,
	'margin'     : 0,
	'gap'        : 0,
	'align'      : 'bctc',
	'css'        : 'hintsClass2',
	'show_delay' : 200,
	'hide_delay' : 500,
	'follow'     : false,
	'z-index'    : 100,
	'IEfix'      : false,
	'IEtrans'    : ['revealTrans(TRANSITION=3,DURATION=.5)', 'revealTrans(TRANSITION=2,DURATION=.5)'],
	'opacity'    : 0
};
// text/HTML of the hints
// fist array uses numeric indexes, second uses text IDs
var HINTS_ITEMS1 = [
	'short definition',
	'tooltip for item2 with some <b>HTML</b>',
	'tooltip for item3<br>This one is multiline',
	'tooltip for item4',
	'another sample tooltip with the <a href="http://www.softcomplex.com">link</a>'
];
var HINTS_ITEMS2 = {
	'tt1': '<img src="http://ciaotravel.vn/images/gallery/2010_03/211/longbien.jpg" border="0" />',
	'tt2': '<img src="http://www.halongclassicsail.com/photo/sapa/food%20exchange.jpg" border="0" />',
	'tt3': '<img src="http://ciaotravel.vn/images/gallery/2010_03/209/halong.JPG" border="0" />',
	'tt4': '<img src="http://ciaotravel.vn/images/gallery/2010_03/210/donghoi.jpg" border="0" />',
	'tt5':'<img src="http://ciaotravel.vn/images/gallery/2010_03/199/thanh-dia-my-son.jpg" border="0" width="600"/>',
	'tt6': '<img src="http://images.travelpod.com/users/stephen.j.booth/1.1236589560.nha-trang-beach.jpg" border="0" />',
	'tt7': '<img src="http://files.myopera.com/Katrya/albums/327818/cu%20chi%20tour%20065.jpg" border="0" />',
	'tt8': '<img src="http://ciaotravel.vn/images/gallery/2010_03/201/mekong_delta_women.jpg" border="0" />'	
};
var myHint1 = new THints (HINTS_ITEMS1, HINTS_CFG1);
var myHint2 = new THints (HINTS_ITEMS2, HINTS_CFG2);
</script>
<link rel="stylesheet" href="hotel.css" type="text/css">