var isIE = (navigator.appName.indexOf("Microsoft") > -1);
var d = document;
var str;
var timeOut;
var loop = false;

if (!levelArray)	var levelArray = new Array();


function init()
{
	if (levelArray.length == 0)	getLevel();
	if (levelArray.length > 0)	highlightTopNav();
	genMenu();
	setBtnOver();
	genContactInfo();
	genRestNav();
	genForward();
	genPrint();
	if (d.getElementById('restImg'))	setMenu.init('restImg');
	if (d.getElementById('dishContainer'))	setDish.init('dishContainer');
	if (d.getElementById('itemContainer'))	setPromotion.init('itemContainer', 'contentBoxContainer');
	if (d.getElementById('pressContainer'))	setPress.init('tab', 'tabmenu', 'pressContainer');
}

function getLevel()
{
	var url = location.pathname;
	levelArray = url.split('/');
	levelArray.shift();
	levelArray.shift();
	
	var obj = levelArray[levelArray.length-1];
	if (obj != 'index.html')
	{
		levelArray[levelArray.length-1] = obj.replace('.html', '');
	}
	else
	{
		levelArray.pop();
	}
}

function highlightTopNav()
{
	var obj = levelArray[0];
	if (!d.getElementById(obj))	return;
	
	var btn = d.getElementById(obj);
	btn.className += ' active';
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

function createImg(src, alt, w, h, link, t, className, id)
{
	var img = d.createElement('img');
	if (src)	img.setAttribute('src', src);
	if (alt)	img.setAttribute('alt', alt);
	if (w)	img.setAttribute('width', w);
	if (h)	img.setAttribute('height', h);
	if (className)	img.className = className;
	if (id)	img.setAttribute('id', id);
	
	if (link)
	{
		img.setAttribute('border', 0);
		
		var a = d.createElement('a');
		a.setAttribute('href', link);
		if (t && typeof(t) != 'undefined')	a.setAttribute('target', t);
		a.appendChild(img);
		return a;
	}
	else
	{	
		return img;
	}
}

function createA(link, t, txt, id, className)
{		
	var a = d.createElement('a');
	if (link)	a.setAttribute('href', link);
	if (t && typeof(t) != 'undefined')	a.setAttribute('target', t);
	
	//if (txt)	a.appendChild(d.createTextNode(txt));
	if (txt)	a.innerHTML = txt;
	if (id)	a.setAttribute('id', id);
	if (className)	a.className = className;
	
	return a;
}

function createDiv(id, className, txt)
{		
	var div = d.createElement('div');
	if (id)	div.setAttribute('id', id);
	if (className)	div.className = className;
	//if (txt)	div.appendChild(d.createTextNode(txt));
	if (txt)	div.innerHTML = txt;
	return div;
}

function createTag(tag, id, className, txt)
{		
	var div = d.createElement(tag);
	if (id)	div.setAttribute('id', id);
	if (className)	div.className = className;
	if (txt)	div.innerHTML = txt;
	return div;
}

function createInput(name, type, value, className)
{		
	var input = d.createElement('input');
	if (name)	input.setAttribute('name', name);
	if (type)	input.setAttribute('type', type);
	if (value)	input.setAttribute('value', value);
	if (className)	input.className = className;
	return input;
}

function setBtnOver()
{
	var img = d.getElementsByTagName('img');
	
	for (var i=0; i<img.length; i++)
	{
		if (img[i].className.indexOf('btnOver') < 0)	continue;
		if (img[i].src.indexOf('_over') >= 0)			img[i].clicked = true;
		
		img[i].onmouseover = function()
		{
			if (this.clicked)	return;
			var ext = this.src.substring(this.src.length-4, this.src.length);
			this.src = this.src.replace(ext, '_over' + ext);
		}
		
		img[i].onmouseout = function()
		{
			if (this.clicked)	return;
			var ext = this.src.substring(this.src.length-4, this.src.length);
			this.src = this.src.replace('_over' + ext, ext);
		}
	}
}

function setChildNodes(obj, tagName)
{
	var array = new Array();
	
	for (var i=0; i<obj.childNodes.length; i++)
	{
		if (tagName)
		{
			//alert(obj.childNodes[i].tagName)
			if (obj.childNodes[i].tagName != tagName)	continue;
		}
		if (obj.childNodes[i].toString().toLowerCase().indexOf('text') >= 0)	continue;
		array.push(obj.childNodes[i]);
	}
	
	return array;
}

function startFading(el)
{
  if (el.fadinTimeout)	clearTimeout(el.fadinTimeout);
  el.style.visibility = 'visible';
  el.style.zIndex = 2;
  setOpacity(el, 0);
  fadeImage(el, 0);
}

function fadeImage(el, currentOpacity)
{
  currentOpacity += 10;

  if (currentOpacity > 100)
  {
    setOpacity(el, 100);
    el.style.zIndex = 1;
	if (el.fadinTimeout)	clearTimeout(el.fadinTimeout);
  }
  else
  {
    setOpacity(el, currentOpacity);
    el.fadinTimeout = setTimeout(function() { fadeImage(el, currentOpacity); }, 30);
  }
}

function setOpacity(el, opacity)
{
	opacity /= 100;
	el.style.opacity = opacity;
	el.style.MozOpacity = opacity;
	el.style.filter = "alpha(opacity=" + (opacity*100) + ")";
}

function genFooter()
{
	str = '';
	str += '<div id="footer">';
	str += '	<div id="footerLeft">| <a href="/eng/index.html">home</a> | <a href="/eng/about/vision.html">about</a> | <a href="/eng/canton/cooking.html">best of canton</a> | <a href="/eng/restaurant/design.html">restaurant</a> | <a href="/eng/parties/parties.html">parties</a> | <a href="/eng/press/press.html">press</a> | <a href="/eng/special/special.html">special</a> | <a href="/eng/contact/contact.html">contact</a> |</div>';
	str += '	<div id="footerRight"><a href="javascript:NewWindow(\'/eng/copyright.html\', \'copyright\', 610, 600, 1,1);">Copyright</a> &copy; 2010 Miramar Hotel and Investment Company, Limited.<div><a href="javascript:NewWindow(\'/eng/terms.html\', \'terms\', 610, 600, 1,1);">Terms & Conditions</a> | <a href="javascript:NewWindow(\'/eng/privacy.html\', \'privacy_policy\', 610, 600, 1,1);">Privacy Policy</a></div></div>';
	str += '</div>';
	str += '	<div id="footerLink">';
	str += '		<ul>';
	str += '			<li><a href="/eng/special/special.html"><strong>What\'s Hot</strong> - Celebrate Mid Autumn Festival with Extraordinary Mooncake Delights</a></li>';
	str += '		</ul>';
	str += '	</div>';
	

	str += '<script type="text/javascript">';
	str += 'var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");';
	str += 'document.write(unescape("%3Cscript src=\'" + gaJsHost + "google-analytics.com/ga.js\' type=\'text/javascript\'%3E%3C/script%3E"));';
	str += '</script>';
	str += '<script type="text/javascript">';
	str += 'try {';
	str += 'var pageTracker = _gat._getTracker("UA-10326678-1");';
	str += 'pageTracker._trackPageview();';
	str += '} catch(err) {}</script>';
	init();
	
	d.write(str);
}

function genTopNav()
{
	str = '';
	str += '<div id="logo"><a href="/eng/index.html"><img src="/eng/images/logo.jpg" alt="Cuisine" title="Cuisine"></a></div>';
	str += '	<div id="topNav">';
	str += '		<a href="/eng/index.html" class="cuisine">Cuisine Cuisine</a>';
	str += '		<a href="/eng/index.html" id="home">home</a>';
	str += '		<a href="/eng/about/vision.html" id="about">about</a>';
	str += '		<a href="/eng/canton/cooking.html" id="canton">best of canton</a>';
	str += '		<a href="/eng/restaurant/design.html" id="restaurant">restaurant</a>';
	str += '		<a href="/eng/parties/parties.html" id="parties">parties</a>';
	str += '		<a href="/eng/press/press.html" id="press">press</a>';
	str += '		<a href="/eng/special/special.html" id="special">special</a>';
	str += '		<a href="/eng/contact/contact.html" id="contact">contact</a>';
	str += '		<a href="javascript:changeLanguage(tc);" class="lang">中文</a>';
	str += '	</div>';
	
	d.write(str);
}

function genContactInfo()
{
	var contactInfo = d.getElementById('contactInfo');
	
	if (!contactInfo) return;
	
	var txt;
	txt = '';
	txt += '<img src="/eng/images/title_cuisine.gif" alt="Cuisine Cuisine at IFC" /><br />';
	txt += '+852 2393 3933<br />';
	txt += '<a href="/eng/restaurant/reservation.html" class="btnReservation"></a>';
	
	contactInfo.innerHTML = txt;
}

function genRestNav()
{
	var restMenu = d.getElementById('restMenu');
	
	if (!restMenu) return;
	
	var txt;
	txt = '';
	//txt += '<a href="javascript:;" id="iconComing"></a>';
	txt += '<a href="javascript:changeRest(\'ifc\');" id="ifcRest">ifc</a>';
	txt += '<a href="javascript:changeRest(\'mira\');" id="miraRest" onmouseover="javascript:MM_showHideLayers(\'iconComing\',\'\',\'show\');" onmouseout="javascript:MM_showHideLayers(\'iconComing\',\'\',\'hide\');">the mira</a>';
	
	restMenu.innerHTML = txt;
}

function changeRest(target){
	var url = location.pathname;
	levelArray = url.split('/');
	levelArray.shift();
	levelArray.shift();
	var obj = levelArray[levelArray.length-1];
	var temp = levelArray[levelArray.length-1]
	if (target == 'mira')
	{
		levelArray[levelArray.length-1] = obj.replace('.html', '_mira.html');
	}
	
	if (target == 'ifc')
	{
		if(obj.indexOf('mira') == -1) return;
		levelArray[levelArray.length-1] = obj.replace('_mira.html', '.html');
	}

	url = url.replace(temp, levelArray[levelArray.length-1]);
	
	window.top.location.href = url;
}


var tc = "tc";
var sc = "sc";
var en = "eng";
function changeLanguage(target)
{
	var array = new Array("eng", "tc", "sc");
	var nowL = checkURL(array);
	var va = [["/", "/"], ["=", ""]];
	var url = window.top.location.href;
	for (var item=0; item<va.length; item++)
	{
		if (url.indexOf((va[item][0] + nowL + va[item][1])) >= 0)
		{
			url = url.replace((va[item][0] + nowL + va[item][1]), (va[item][0] + target + va[item][1]));
			break;
		}
	}
	if (url.substring((url.length-1), url.length) == '#') url = url.substring(0, (url.length-1))
	
	window.top.location.href = url;
} 

function checkURL(array)
{
	var url = window.top.location.href;
	var id;
	var va = [["/", "/"], ["=", ""]];
	
	for (var item=0; item<va.length; item++)
	{
		for (var i=0; i<array.length; i++)
		{
			if (url.indexOf((va[item][0] + array[i] + va[item][1])) >= 0)
			{
				id = array[i];
				break;
			}
		}
	}
	
	return id;
}

function fbs_click() {u=location.href;t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}

function genForward()
{
	var forwardMenu = d.getElementById('forwardMenu');
	
	if (!forwardMenu) return;

	var txt;
	txt = '';
	
	
	txt += '<a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank" id="addFacebook">Add to Facebook</a>';
	txt += '<a href="javascript:emailFriend();" id="tellFriend">Tell your friends</a>';
	
	
	forwardMenu.innerHTML = txt;
}

function genPrint()
{
	var printMenu = d.getElementById('printMenu');
	
	if (!printMenu) return;

	var txt;
	txt = '';
	txt += '<a href="javascript:window.print();" id="printpage">Print this page</a>';
	txt += '<a href="javascript:emailFriend();" id="tellFriend">Tell your friends</a>';
	
	
	printMenu.innerHTML = txt;
}

function NewWindow(mypage, myname, w, h, scroll,resizable) {
	var winl = (screen.width - w) / 2;
	var wint = (screen.height - h) / 2;
	winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+',resizable='+resizable+','
	win = window.open(mypage, myname, winprops)
	win.self.focus()
	if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
}

function dropdownlist(id){
	var btn = d.getElementById(id+'menu');
	var list = d.getElementById(id);
	var hitlist = false;
	
	list.style.display = 'block';
	
	
	btn.onmouseover = function(){
		list.style.display = 'block';
		btn.hit = true;
	}
	
	list.onmouseover = function(){
		list.hit = true;
	}
	
	btn.onmouseout= function(){
		btn.hit = false;
		if (btn.hit = false){
			if(hitlist = false){
				list.style.display = 'none';
				hitlist = true;
			}
		}
	}
	
	list.onmouseout = function(){
		list.hit = false; 
		if (list.hit !=true) {
			list.style.display = 'none';
		}
	}
}


var setMenu = 
{
	init:	function (obj)

	{
		setMenu.index = 0;
		this.container = d.getElementById(obj);
		var img = this.container.getElementsByTagName('img');
		setMenu.total = img.length;
		this.loopStart();
		setMenu.changeA(img[0], true);
	},
	
	changeA:	function (obj, fadeIn)
	{
		if (fadeIn)	startFading(obj);
		for (var i=0; i<setMenu.total; i++) {
			this.container.getElementsByTagName('img')[i].style.display = 'none';
		}
		obj.style.display = 'block';
		setMenu.index++;
		if (setMenu.index >= setMenu.total)  {setMenu.index = 0;}
		setMenu.img = this.container.getElementsByTagName('img')[setMenu.index];
	},

	loopStart:	function ()
	{
		loop = true;
		setMenu.setTime();
	},
	
	setTime:	function()
	{
		
		//clearInterval(timeOut);
		
		var timeCompleted = function()
		{
			setMenu.changeA(setMenu.img, true);
			
		}
		timeOut = setInterval(timeCompleted, 4500);
	}

}
/*
//var designSection = 1;
var loadImg=0;
function setMenu(){
	
	if (!d.getElementById('dImg'))	return;
	
	var dImg = d.getElementById('dImg');
	var imgSrc = new Array();
	
	for(var i=1; i<4; i++){
		imgSrc[i-1]= "../images/restaurant/design_" + i +".jpg";	
	}
	
	dImg.src = imgSrc[loadImg];
	if(loadImg<2)
		loadImg++;
	else
		loadImg=0;
	startFading(dImg);
	setTimeout("setMenu();", 4000);	
	
		
}
*/
function genMenu()
{
	if (!d.getElementById('flashContainer'))	return;
	
	var menu = d.getElementById('flashContainer');
	var a = menu.getElementsByTagName('a');
	var txtArray = new Array();
	var linkArray = new Array();
	
	for (var i=0; i<a.length; i++)
	{
		txtArray.push(a[i].innerHTML);
		linkArray.push(a[i].href);
	}
	//alert(txtArray.join(','));
	//alert(linkArray.join(','));
	
	var flashvars = {};
	flashvars.txts = txtArray.join(',');
	flashvars.links = linkArray.join(',');
	flashvars.HTMLPath = location.pathname;
	
	var params = {};
	params.allowscriptaccess = "sameDomain";
	params.wmode = "transparent";
	
	var attributes = {};
	
	swfobject.embedSWF("/eng/images/swf/menu.swf", "flashContainer", "279", "220", "9.0.45", false, flashvars, params, attributes);
}

var setDish = 
{
	init:	function (obj)
	{
		this.container = d.getElementById(obj);
		this.setA(this.container);
	},
	
	setA:	function (obj)
	{
		var div = d.getElementById('dish').getElementsByTagName('div');
		var a = obj.getElementsByTagName('div')[0].getElementsByTagName('a');
		
		for (var i=0; i<a.length; i++)
		{
			a[i].num = i;
			a[i].div = div[i];
			a[i].className = a[i].className.replace('active', '');
			
			a[i].onclick = function()
			{
				if (this.className.indexOf('active') >= 0)	return;
				setDish.changeA(this, true);
			}
		}
		
		for (var i=0; i<div.length; i++)
		{
			div[i].style.display = 'none';
		}
		
		setDish.highlightA = a[0];
		setDish.highlightDiv = div[0];
		
		setDish.changeA(a[0], false);
	},
	
	changeA:	function (obj, fadeIn)
	{
		var highlightA = setDish.highlightA;
		highlightA.className = highlightA.className.replace('active', '');
		obj.className += ' active';
		setDish.highlightA = obj;
		
		var div = obj.div;
		setDish.highlightDiv.style.display = 'none';
		div.style.display = 'block';
		setDish.highlightDiv = div;
		
		if (fadeIn)	startFading(div);
		obj.style.display = 'block';
	}
}

var setPromotion = 
{
	init:	function (obj, obj2)
	{
		this.leftContainer = d.getElementById(obj);
		this.container = d.getElementById(obj2);
		this.setA(this.leftContainer, this.container);
	},
	
	setA:	function (obj, obj2)
	{
		var leftDiv = setChildNodes (obj, 'DIV');
		var contentDiv = setChildNodes (obj2, 'DIV');
		
		//alert(leftDiv.length);
		for (var i=0; i<leftDiv.length; i++)
		{
			leftDiv[i].num = i;
			leftDiv[i].div = contentDiv[i];
			leftDiv[i].className = leftDiv[i].className.replace('active', '');
			
			leftDiv[i].onclick = function()
			{
				if (this.className.indexOf('active') >= 0)	return;
				setPromotion.changeA(this, true);
			}
		}
		
		for (var i=0; i<contentDiv.length; i++)
		{
			contentDiv[i].style.display = 'none';
		}
		
		setPromotion.highlightA = leftDiv[0];
		setPromotion.highlightDiv = contentDiv[0];
		
		setPromotion.changeA(leftDiv[0], false);
	},
	
	changeA:	function (obj, fadeIn)
	{
		var highlightA = setPromotion.highlightA;
		highlightA.className = highlightA.className.replace('active', '');
		obj.className += ' active';
		setPromotion.highlightA = obj;
		
		var div = obj.div;
		setPromotion.highlightDiv.style.display = 'none';
		div.style.display = 'block';
		setPromotion.highlightDiv = div;
		
		if (fadeIn)	startFading(div);
		//obj2.style.display = 'block';
	}
}

var setPress = 
{
	init:	function (obj, obj2, obj3)
	{
		this.tab = d.getElementById(obj);
		this.item = d.getElementById(obj2);
		this.content = d.getElementById(obj3);
		this.setA(this.tab, this.item, this.content);
	},
	
	setA:	function (obj, obj2, obj3)
	{
		var tabBtn = obj.getElementsByTagName('a');
		var itemDiv = setChildNodes (obj2, 'DIV');
		var contentDiv = setChildNodes (obj3, 'DIV');
		
		//alert(tabBtn.length);
		for (var k=0; k<tabBtn.length; k++)
		{
			tabBtn[k].num = k;
			tabBtn[k].div = itemDiv[k];
			tabBtn[k].className = tabBtn[k].className.replace('active', '');
			
			tabBtn[k].onclick = function()
			{
				if (this.className.indexOf('active') >= 0)	return;
				setPress.changeA(this, true);
				
				var itemDiv = setChildNodes (setPress.item, 'DIV');
				var leftDiv = setChildNodes (itemDiv[this.num], 'DIV');
				setPress.changeContent(leftDiv[0], true);
			}
		}
		//alert(itemDiv.length);
		var count = 0;
		for (var j=0; j<itemDiv.length; j++)
		{
			var leftDiv = setChildNodes (itemDiv[j], 'DIV');
			
			for (var i=0; i<leftDiv.length; i++)
			{
				leftDiv[i].num = i;
				leftDiv[i].div = contentDiv[count];
				leftDiv[i].className = leftDiv[i].className.replace('active', '');
				
				leftDiv[i].onclick = function()
				{
					if (this.className.indexOf('active') >= 0)	return;
					setPress.changeContent(this, true);
				}
				
				count ++;
			}
		}
		//alert(itemDiv.length);
		for (var i=0; i<itemDiv.length; i++)
		{
			itemDiv[i].style.display = 'none';
		}
		
		//alert(contentDiv.length);
		for (var i=0; i<contentDiv.length; i++)
		{
			contentDiv[i].style.display = 'none';
		}
		
		this.highlightA = tabBtn[0];
		this.highlightDiv = tabBtn[0].div;
		
		var leftDiv = setChildNodes (itemDiv[0], 'DIV');
		
		this.highlightA2 = leftDiv[0];
		this.highlightDiv2 = contentDiv[0];
		
		//alert(contentDiv.length);
		this.changeA(tabBtn[0], false);
		this.changeContent(leftDiv[0], false);
	},
	
	changeA:	function (obj, fadeIn)
	{
		var highlightA = this.highlightA;
		highlightA.className = highlightA.className.replace('active', '');
		obj.className += ' active';
		this.highlightA = obj;
		
		var div = obj.div;
		this.highlightDiv.style.display = 'none';
		div.style.display = 'block';
		this.highlightDiv = div;
		
		if (fadeIn)	startFading(div);
		//obj2.style.display = 'block';
	},
	
	changeContent:	function (obj, fadeIn)
	{
		var highlightA2 = this.highlightA2;
		highlightA2.className = highlightA2.className.replace('active', '');
		obj.className += ' active';
		this.highlightA2 = obj;
		
		var div = obj.div;
		this.highlightDiv2.style.display = 'none';
		div.style.display = 'block';
		this.highlightDiv2 = div;
		
		if (fadeIn)	startFading(div);
		//obj2.style.display = 'block';
	}
}

function emailFriend()
{
	//var winEF = window.open("mailto:?body=" + escape (window.location.href) + "&subject="+ emailMsg[1]);
	
	//alert(("mailto:?body=" + escape (window.location.href) + "&subject="+ emailMsg))
	
	//var winEF = window.open("mailto:?body="+ emailFriendBody[0][lang] + escape("\n\n") + escape ((window.location.href).replace("?","!"))+"&subject="+ emailFriendSubject[0][lang]);
	
	var indro = "Here I read about Cuisine Cuisine's latest happenings that I want to share with you!";
	var emailMsg = "Check out Cuisine Cuisine's latest happenings";
	var winEF = window.location.href = ("mailto:?body=" + indro + escape("\n\n") + escape (window.location.href) + "&subject="+ emailMsg);
}

function popupHtml(file, w, h, name) {
 var popUpPage2 = window.open('', ''+name+'', 'width='+w+',height='+h+',left=0,top=0,screenX=0,screenY=0,scrollbars=1,resizable=1');
 popUpPage2.document.open();
 popUpPage2.document.write('<html>');
 popUpPage2.document.write('<head><title>Cuisine Cuisine</title><script language="JavaScript" src="include/common.js"></script></head>');
 popUpPage2.document.write('<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">');
 popUpPage2.document.write('<img src="'+file+'" border="0">');
 popUpPage2.document.write('</body>');
 popUpPage2.document.write('</html>');
 popUpPage2.document.close();
 popUpPage2.focus();
}