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

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


function init()
{
	
	if (levelArray.length == 0)	getLevel();
	if (levelArray.length > 0)	highlightTopNav();
	if (levelArray.length > 1)	highlightLeftNav();
	
	if (levelArray.length > 0)	genBreadcrumbs();
	if (levelArray.length > 0 && levelArray[0] != 'other')	genPageTitle();

	
	//with folder tab
	if (levelArray[0] == 'job' || levelArray[0] == 'press' || levelArray[0] == 'propertieshk' || levelArray[0] == 'contact' || levelArray[0] == 'useful') {		
		genTopNav(levelArray[0]);
		
		if (levelArray[2]){
			if (levelArray[1] != 'hksale') {
				
				if (levelArray[2] == 'leasinginquiry' || levelArray[2] == 'listleasing') {	
					genTabNav(levelArray[2]);
				} else {
						//alert(levelArray[2]);
						genTabNav(levelArray[2]);
				}			
			}
		}
		
		if (levelArray[4]){
			if (levelArray[1] != 'hksale') {
				/*
				if (levelArray[2] == 'leasinginquiry' || levelArray[2] == 'listleasing') {	
					genTabNav(levelArray[2]);
				} else {
						//alert(levelArray[2]);
						genTabNav(levelArray[2]);
				}	*/
				genTabNav(levelArray[4]);
			}
		}
	
	}
	
	//with tab
	if (levelArray[0] == 'propertieschina' && levelArray[1] == 'information') {		
		if (levelArray[2]) {genTabBorderNav(levelArray[2]);}
	}
	
	setFieldFocus();
	setBtnOver();
	
	if (d.getElementById('galleryNav'))	setHKLeaseImg.init('galleryNav', 'hkLeaseCurrentImg');
	
	if (d.getElementById('briefScroll'))	genBriefcase();
}

function getLevel()
{
	var url = location.pathname;
	var array = url.split('/');
	
	for (var i=0; i<array.length; i++)
	{
		if (array[i].indexOf('_') >= 0)
		{
			
			var array1 = array[i].split('_');
			for (var j=0; j<array1.length; j++)
			{
				levelArray.push(array1[j]);
			}
			
		}
		else
		{
			levelArray.push(array[i]);
			
		}
	}
	
	
	levelArray.shift();
	levelArray.shift();
	
	var obj = levelArray[levelArray.length-1];
	if (obj != 'index.html')
	{
		levelArray[levelArray.length-1] = obj.replace('.shtml', '');
	}
	else
	{
		levelArray.pop();
	}
	//alert(levelArray);
}

function showPulldown(btn, id)
{
	//if (btn.className.indexOf('active') >= 0)	return;
	
	var menu = d.getElementById(id + 'Pulldown');
	
	if (d.getElementById('menu')) {var ddList = d.getElementById('menu');}
	if (d.getElementById('ciruclarMonth')) {var ddList2 = d.getElementById('ciruclarMonth');}
	if (d.getElementById('ciruclarYear')) {var ddList3 = d.getElementById('ciruclarYear');}
	
	
	//new add for press relaese
	if (d.getElementById('pressY')) {var ddListY = d.getElementById('pressY');}
	if (d.getElementById('pressM')) {var ddListM = d.getElementById('pressM');}
	if (d.getElementById('pressP')) {var ddListP = d.getElementById('pressP');}
	

	showLayer(1);
	btn.onmouseover		= function() {menu.hit = true;	showLayer(1);};
	menu.onmouseover	= function() {menu.hit = true;	showLayer(1);};
	btn.onmouseout		= function() {menu.hit = false;	showLayer(0);};
	menu.onmouseout		= function() {menu.hit = false;	showLayer(0);};
	
	function showLayer(over)
	{
		if (over == 1)
		{
			//if (btn.id != levelArray[0] && btn.className.indexOf('mouseon') < 0)	btn.className += ' mouseon';
			if (btn.className.indexOf('mouseon') < 0)	btn.className += ' mouseon';
			menu.style.display = 'block';
			if (d.getElementById('menu')) {
				ddList.style.visibility = 'hidden';				
			}
			if (d.getElementById('ciruclarMonth')) {
				ddList2.style.visibility = 'hidden';
				ddList3.style.visibility = 'hidden';	
			}
			if (d.getElementById('pressY')) {
				ddListY.style.visibility = 'hidden';
				ddListM.style.visibility = 'hidden';	
				ddListP.style.visibility = 'hidden';	
			}
			
			
		}
		else
		{
			//if (btn.id != levelArray[0])	btn.className = btn.className.replace('mouseon', '');
			btn.className = btn.className.replace('mouseon', '');
			if (d.getElementById('menu')) {
						ddList.style.visibility = 'visible'	;					
			}
			if (d.getElementById('ciruclarMonth')) {
				ddList2.style.visibility = 'visible';
				ddList3.style.visibility = 'visible';	
			}
			if (d.getElementById('pressY')) {
				ddListY.style.visibility = 'visible';
				ddListM.style.visibility = 'visible';	
				ddListP.style.visibility = 'visible';	
			}
			
			
			setTimeout(function()
			{
				if (!menu.hit)
				{
					menu.style.display = 'none';	
					
				} else {
					if (d.getElementById('menu')) {
						ddList.style.visibility = 'hidden';						
					}
					if (d.getElementById('ciruclarMonth')) {
						ddList2.style.visibility = 'hidden';
						ddList3.style.visibility = 'hidden';	
					}
					if (d.getElementById('pressY')) {
						ddListY.style.visibility = 'hidden';
						ddListM.style.visibility = 'hidden';	
						ddListP.style.visibility = 'hidden';	
					}
				}
			}, 10);
		}
	}
}

function visiblePulldown(btn, id)
{
	//if (btn.className.indexOf('active') >= 0)	return;
	
	var menu = d.getElementById(id + 'Pulldown');

	showLayer(1);
	btn.onmouseover		= function() {menu.hit = true;	showLayer(1);};
	menu.onmouseover	= function() {menu.hit = true;	showLayer(1);};
	btn.onmouseout		= function() {menu.hit = false;	showLayer(0);};
	menu.onmouseout		= function() {menu.hit = false;	showLayer(0);};
	
	function showLayer(over)
	{
		if (over == 1)
		{
			//if (btn.id != levelArray[0] && btn.className.indexOf('mouseon') < 0)	btn.className += ' mouseon';
			if (btn.className.indexOf('mouseon') < 0)	btn.className += ' mouseon';
			menu.style.visibility = 'visible';
		}
		else
		{
			//if (btn.id != levelArray[0])	btn.className = btn.className.replace('mouseon', '');
			btn.className = btn.className.replace('mouseon', '');
			
			setTimeout(function()
			{
				if (!menu.hit)
				{
					menu.style.visibility = 'hidden';
				}
			}, 10);
		}
	}
}

function onClickPulldown(btn, id)
{
	
	var menu = d.getElementById(id + 'Pulldown');

	showLayer(1);
	btn.onclick		= function() {menu.hit = true;	showLayer(1);};
	menu.onmouseover	= function() {menu.hit = true;	showLayer(1);};
	//btn.onmouseout		= function() {menu.hit = false;	showLayer(0);};
	menu.onmouseout		= function() {menu.hit = false;	showLayer(0);};
	
	function showLayer(over)
	{
		if (over == 1)
		{
			//if (btn.id != levelArray[0] && btn.className.indexOf('mouseon') < 0)	btn.className += ' mouseon';
			//if (btn.className.indexOf('mouseon') < 0)	btn.className += ' mouseon';
			if (btn.className.indexOf('onclick') < 0)	btn.className += ' onclick';
			menu.style.visibility = 'visible';
			
		}
		else
		{
			//if (btn.id != levelArray[0])	btn.className = btn.className.replace('mouseon', '');
			btn.className = btn.className.replace('onclick', '');			
			
			setTimeout(function()
			{
				if (!menu.hit) {menu.style.visibility = 'hidden';}
			}, 10);
		}
	}
}

//change HK Lease Landing gallery 
function changePropertyImg(id) {
	var displayImg = d.getElementById('currentImg');
	var currentId = d.getElementById('gallery'+id);
	
	var gallerySelect = d.getElementById('landingImgBtn');
	if(levelArray[1] == 'businesschina') {	
		gallerySelect = d.getElementById('chiDevelopBtn');
	}
	
	
	var imgTotal = gallerySelect.getElementsByTagName('a');
	
	for (i=1; i<=imgTotal.length; i++) {
		var galleryId = d.getElementById('gallery'+[i]);
		galleryId.className = 'galleryBtn';
	}	
	startFading(displayImg);
	
/*	if(levelArray[1] == 'businesshk') {	
		displayImg.src ='/tc/images/about/hk_pdevelopment_img_' + id + '.jpg'; 		
	}
	*/
	if(levelArray[1] == 'businesshk') {	
		if (levelArray[2] == 'pinvestment') {
			displayImg.src ='/tc/images/about/hk_pinvestment_img_' + id + '.jpg';
		}
		if (levelArray[2] == 'pdevelopment') {
			displayImg.src ='/tc/images/about/hk_pdevelopment_img_' + id + '.jpg'; 
		}
	}
	
	if(levelArray[1] == 'businesschina') {	
		if (levelArray[2] == 'pinvestmentchi') {
			displayImg.src ='/tc/images/about/chi_pinvestment_img_' + id + '.jpg'; 
		}
		if (levelArray[2] == 'pdevelopmentchi') {
			displayImg.src ='/tc/images/about/chi_pdevelop_img_' + id + '.jpg'; 
		}
	}
	if(levelArray[1] == 'related') {		
		displayImg.src ='/tc/images/about/related_img_' + id + '.jpg'; 
	}
	
	if(levelArray[0] == 'job') {		
		displayImg.src ='/tc/images/job/job_img_' + id + '.jpg'; 
	}
		
	currentId.className = 'galleryBtnOn';	
}

//change csr gallery
function changeCsrImg(id, id2, id3, id4) {
	var displayImg = d.getElementById(id2);
	var currentId = d.getElementById(id4+id);
	
	var gallerySelect = d.getElementById(id3);
		
	
	var imgTotal = gallerySelect.getElementsByTagName('a');
	
	for (i=1; i<=imgTotal.length; i++) {
		var galleryId = d.getElementById(id4+[i]);
		galleryId.className = 'galleryBtn';
	}	
	startFading(displayImg);
	
	if(levelArray[0] == 'csr') {		
		displayImg.src ='/tc/images/csr/' + id4 + id + '.jpg'; 
	}
	
	currentId.className = 'galleryBtnOn';	
}


function highlightTopNav()
{
	var obj = levelArray[0];
	//alert(obj);
	if (!d.getElementById(obj))	return;
	
	var btn = d.getElementById(obj);
	btn.className += ' active';
	
	if (!d.getElementById(obj + '_menu'))	return;
	
	var menu = d.getElementById(obj + '_menu');
	menu.style.display = 'block';
}


function highlightLeftNav()
{
	var obj = levelArray[1];
	//level 1 has landing page need this code
	if (!d.getElementById('leftNav')) return;
	//end level 1 has landing page
	
	if (!getElementByRel('leftNav', obj))	return;
	
	//var btn = d.getElementById(obj);
	var btn = getElementByRel('leftNav', obj);
	btn.className += ' active';
	
	if (d.getElementById(obj + '_menu')) {
		var menu = d.getElementById(obj + '_menu');
		menu.style.display = 'block';
	}
	
	if (!levelArray[2])	return;
	
	var obj1 = levelArray[2];	
	
	if (!d.getElementById(obj + '_menu'))	return;
	if (!getElementByRel(obj + '_menu', obj1))	return;
	
	//var menu = d.getElementById(obj + '_menu');
	//menu.style.display = 'block';
	
	var btn1 = getElementByRel('leftNav', obj1);
	btn1.className += ' active';
	
	if (!levelArray[3])	return;	
	
	var obj2 = levelArray[3];
	var subMenu = d.getElementById(obj1 + '_menu');
	subMenu.style.display = 'block';
	var btn2 = getElementByRel(obj1 + '_menu', obj2);
	btn2.className += ' active';
}

//highlight the nav in top.shtml
function genTopNav(id) {
	var topId = d.getElementById(id);
	topId.style.color = '#3C7B77';
	topId.style.fontWeight = 'bold';
}

//highlight the tab in levelArray[2] with folder tab
function genTabNav(id)
{
	if (!d.getElementById(id + 'Tab'))	return;
	var tapId = d.getElementById(id + 'Tab');
	/*if (levelArray[2] == 'listleasing') {
		tapId = d.getElementById(currentType + 'Tab');
	}*/
	
	tapId.className = 'selected';
}

//highlight the tab with underline
function genTabBorderNav(id)
{
	
	if (!d.getElementById(id + 'Tab'))	return;
	var tapId = d.getElementById(id + 'Tab');
	tapId.style.borderBottom = '3px solid #BCB8B4';
}

function getElementByRel(parent, obj)
{
	var a = d.getElementById(parent).getElementsByTagName('a');
	for (var i=0; i<a.length; i++)
	{
		if (a[i].rel == obj)
		{
			return a[i];
		}
	}
}

function genBreadcrumbs()
{
	if (!d.getElementById('breadcrumb'))	return;
	var breadcrumbs = d.getElementById('breadcrumb');
	
	var a = createA('/tc/index.shtml', '_self', '主頁');
	breadcrumbs.appendChild(a);
	
	for (var i=0; i<levelArray.length; i++)
	{
		if (!levelArray[i])	break;
		
		var obj = levelArray[i];
		if (d.getElementById(levelArray[i]))
		{			
			var btn = d.getElementById(levelArray[i]);			
		}
		else
		{		
				var btn = getElementByRel('leftNav', levelArray[i]);
		}
		if (!btn) break;
		var txt = (isIE)	?	btn.innerText	:	btn.textContent;
		
		var link = btn.href;
		
		breadcrumbs.innerHTML += ' > ';
		
		
		if (levelArray[i] == 'hkresidential') {
					if (levelArray[i+1] == 'hk') {
						breadcrumbs.innerHTML += '<a href="/tc/propertieshk/hksale_hkresidential_hk.shtml">住宅物業</a> > <strong>香港</strong>';
						break;
					}
					if (levelArray[i+1] == 'kl') {
						breadcrumbs.innerHTML += '<a href="/tc/propertieshk/hksale_hkresidential_hk.shtml">住宅物業</a> > <strong>九龍</strong>';
						break;
					}
					if (levelArray[i+1] == 'nt') {
						breadcrumbs.innerHTML += '<a href="/tc/propertieshk/hksale_hkresidential_hk.shtml">住宅物業</a> > <strong>新界</strong>';
						break;
					}
						
			}
		
		
		
		
		/*display breadcrumb till level 3*/
		if (i== 2 || levelArray[i] == 'annual') {
			breadcrumbs.innerHTML += txt;	
			break;
		}
		
		if (levelArray[i] == 'corporate' || levelArray[i] == 'csr' || levelArray[i] == 'contact' || levelArray[i] == 'useful' || levelArray[i] == 'others' || levelArray[i] == 'release' || (levelArray[i] == 'job'&& levelArray[i+1] == 'index')) {
			
				breadcrumbs.innerHTML += txt;	
				break;
		}
		
		
				if (i < levelArray.length-1)
				{
					
					var a = createA(link, '_self', txt);
					
					if ((levelArray[i-1] == 'job'&& levelArray[i] == 'development')) {
							breadcrumbs.innerHTML += txt;	
							
							break;
					}
					
		
					
					
					if (levelArray[i] != 'information') {
						breadcrumbs.appendChild(a);
						
						
					} else {
						
						if (levelArray[i+1]) {
							if (levelArray[i+1] == 'city' || levelArray[i+1] == 'lease' || levelArray[i+1] == 'nature' || levelArray[i+1] == 'construction') {
								breadcrumbs.appendChild(a);		
							} else {
								breadcrumbs.innerHTML += txt;	
								//add on 30/3
								return;
								
							}
						} 
						//breadcrumbs.innerHTML += txt;	
						
					}
					
					
				}
				else
				{			
					breadcrumbs.innerHTML += txt;	
					
				}
				
		
		
	}
}

function genPageTitle()
{
	
	if (!d.getElementById('titleID'))	return;
	var breadcrumbs = d.getElementById('titleID');
	
	//var a = createA('/tc/index.html', '_self', 'Home');
	//breadcrumbs.appendChild(a);
	for (var i=0; i<levelArray.length; i++)
	{
		
		if (!levelArray[i])	break;
		
		var obj = levelArray[i];
		if (d.getElementById(levelArray[i]))
		{			
			var btn = d.getElementById(levelArray[i]);			
		}
		else
		{	
				var btn = getElementByRel('leftNav', levelArray[i]);
		}
		if (!btn) break;
		
		var txt = (isIE)	?	btn.innerText	:	btn.textContent;
		
		var link = btn.href;
		if (i <2) {		
			//if (i < levelArray.length-1)
			//{	
				breadcrumbs.innerHTML = txt;			
			//}
		}
		
		
	}
}

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;
}

/*Change language*/
function changeLanguage(target)
{
	var array = new Array("en", "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;
}

/*Popup a new window*/
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 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)
{
	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 (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)
{		
	var div = d.createElement(tag);
	if (id)	div.setAttribute('id', id);
	if (className)	div.className = className;
	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 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 += 20;

  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); }, 20);
  }
}

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

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 setFieldFocus()
{
	var input = d.getElementsByTagName('input');
	
	for (var i=0; i<input.length; i++)
	{
		if (input[i].type != 'text')			continue;
		//if (input[i].className == 'routeField')	continue;
		
		input[i].onfocus = function()
		{
			if (this.value == this.defaultValue)	this.value = '';
		}
		
		input[i].onblur = function()
		{
			if (this.value == '')	this.value = this.defaultValue;
		}
	}
}

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;
}

/*change fontsize*/
//Specify spectrum of different font sizes:
var szs = new Array('84%', '90%', '105%');
//var szs = new Array('x-small', 'small', 'medium');
//var szs = new Array('1em', '1.05em', '1.10em', '1.15em');
var startSz = sz = 0;

function getFontSize()
{	
	if (getCookie('fontSize') == null)
	{		
		startSz = 0;
	}
	else
	{ 
		startSz = getCookie('fontSize');
		if (startSz == "NaN")	startSz = 0;
	}	
	changeFontSize(startSz, true);
}

function changeFontSize(inc, start)
{
	if (!document.getElementById) return;
	var d = document,cEl = null,sz = eval(startSz),i,j,cTags;
	
	if (!start)
	{
		sz += inc;
		
		if ( sz < 0 ) sz = 0;
		if ( sz > (szs.length-1) ) sz = (szs.length-1);
		startSz = sz;
	}
	else
	{
		sz = inc;
	}
	
	cEl = d.getElementsByTagName('body')[0];
	cEl.style.fontSize = szs[ sz ];	
	setCookie("fontSize", sz, nd, cpath, cdomain);

}

var nd= new Date();
nd.setTime(nd.getTime()+(365*24*60*60*1000));
//cdomain = (location.domain) ? location.domain : null;
var cdomain = (location.domain) ? location.domain : null;
var cpath = "/";

function setCookie(name, value, expires, path, domain, secure)
{
  var curCookie = name + "=" + escape(value) +
      ((expires) ? "; expires=" + expires.toGMTString() : "") +
      ((path) ? "; path=" + path : "") +
      ((domain) ? "; domain=" + domain : "") +
      ((secure) ? "; secure" : "");

  document.cookie = curCookie;
}

function getCookie(name)
{
	if (document.cookie.indexOf(name) < 0)
	{		
		return null;
	}
	else
	{	
		var startStr = document.cookie.indexOf(name) + name.length + 1;
		var endStr = document.cookie.indexOf(";", startStr);
		if (endStr == -1)	endStr = document.cookie.length;
		return unescape(document.cookie.substring(startStr, endStr));
	}
}

/*end of change fontsize*/

function showHideDiv(obj, num)
{
	var div = setChildNodes(d.getElementById(obj), 'DIV');
	
	for (var i=0; i<div.length; i++)
	{
		div[i].style.display = 'none';
	}
	
	div[num].style.display = 'block';
}

function showAll(obj)
{
	var div = setChildNodes(d.getElementById(obj), 'DIV');
	
	for (var i=0; i<div.length; i++)
	{
		div[i].style.display = 'block';
	}
}
function displayDropDownList(id) {
	var btnPull = d.getElementById(id);
	var menuPull = d.getElementById(id+"List");
	
	
	showLayer(1);
	btnPull.onmouseover		= function() {menuPull.hit = true;	showLayer(1);};
	menuPull.onmouseover	= function() {menuPull.hit = true;	showLayer(1);};
	btnPull.onmouseout		= function() {menuPull.hit = false;	showLayer(0);};
	menuPull.onmouseout		= function() {menuPull.hit = false;	showLayer(0);};
	
	function showLayer(over)
	{
		if (over == 1)
		{
			if (btnPull.className.indexOf('active') < 0)	btnPull.className += ' active';
			menuPull.style.display = 'block';
		}
		else
		{
			btnPull.className = btnPull.className.replace('active', '');
			setTimeout(function()
			{
				if (!menuPull.hit)
				{
					menuPull.style.display = 'none';
				}
			}, 10);
		}
	}
}
function showHideObj(obj, self, objType, num)
{
	var child = setChildNodes(d.getElementById(obj), objType);
	var btns = setChildNodes(d.getElementById(self), 'A');
	
	for (var i=0; i<child.length; i++)
	{
		child[i].style.display = 'none';
	}
	
	child[num].style.display = 'block';
	
	for (var i=0; i<btns.length; i++)
	{
		btns[i].className = btns[i].className.replace(/active/, '');
	}
	
	btns[num].className += ' active';
}

function GetParam(name)
{
	var start=location.search.indexOf("?"+name+"=");
	if (start<0) start=location.search.indexOf("&"+name+"=");
 	if (start<0) return '';
 	start += name.length+2;
 	var end=location.search.indexOf("&",start)-1;
 	if (end<0) end=location.search.length;
 	var result=location.search.substring(start,end);
 	var result='';
 	for(var i=start;i<=end;i++)
 	{
 		var c=location.search.charAt(i);
 		result=result+(c=='+'?' ':c);
 	}
 	//alert(unescape(result));
 	return unescape(result);
}

function checkParam(v, id)
{
	if (!GetParam(v))	return;
	var q = GetParam(v) - 1;
	
	showHideDiv(id, q);
}

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, 'A');
		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';
	}
}

function emailAFriend()
{
	var emailMsg = new Array();
	emailMsg[0] = "Click the following to access the sent link:%0A%0A";
	emailMsg[1] = "You have received the following link to the Henderson Land Development Company Limited";
	var winEF = window.open("mailto:?body="+ emailMsg[0] + escape((window.top.location.href).replace("?","!")) + "&subject=" + emailMsg[1], '_self');
}

//display the print, email mouseover effect
function displayTool(id) {
	var btn = d.getElementById(id);
	var btnItem = d.getElementById(id+'Bg');	
	
	btnItem.style.display = 'block';
	
	btn.onmouseover = function() {
		btnItem.style.display = 'block';
	}
	
	btn.onmouseout = function() {
		btnItem.style.display = 'none';
	}	
	
}
//change home left side item
var idArray = new Array('hot', 'report');

function displayHomeNews(id) {
	var btn = d.getElementById(id+"Btn");
	var detailPart = d.getElementById(id+"Part");
	var currentItem = d.getElementById(id+"News");
	var currentContent = d.getElementById(id+"Part");
	var hotContent = d.getElementById("hotPart");
	var hotBtn = d.getElementById("hotBtn");
	
	for (i=0; i<idArray.length; i++) {	
			var homeItem = d.getElementById(idArray[i]+"News");
			var homeContent = d.getElementById(idArray[i]+"Part");	
			homeItem.className = 'newsOff';
			homeContent.style.display = 'none';
			btn.style.display = 'block';			
	}
	
	detailPart.style.display = 'block';
	currentItem.className = 'newsOn';
	if (hotContent.style.display == 'block') {
			hotBtn.style.display = 'none';
	}else {
			hotBtn.style.display = 'block';
	}
}

//change home gallery 
function changeHomeImg(id) {
	var displayImg = d.getElementById('currentImg');
	var currentId = d.getElementById('gallery'+id);
	
	var gallerySelect = d.getElementById('gallerySelect');
	var imgTotal = gallerySelect.getElementsByTagName('a');
	
	for (i=1; i<=imgTotal.length; i++) {
		var galleryId = d.getElementById('gallery'+[i]);
		galleryId.className = 'galleryBtn';
	}	
	displayImg.src ='/tc/images/home/gallery_' + id + '.jpg'; 
	currentId.className = 'galleryBtnOn';	
}

function displayJobDetail(id) {
	var jobTitle = d.getElementById('job' + id);
	var jobDetail = d.getElementById('job' + id + 'Detail');	
	var mid = d.getElementById('mid');
	var detailTotal = mid.getElementsByTagName('ul');	
	var displayType = (isIE)	?	'block'	:	'table-cell';	
	var currentState = jobDetail.style.display;	
	
	if (currentState == displayType){
		jobDetail.style.display = 'none';
		jobTitle.className = 'topic';
		if (id == 1) {
					jobTitle.className = 'topicTop';
		}
		
	} else {	
			for (i=1; i<=detailTotal.length; i++) {
				var detail = d.getElementById('job' + i + 'Detail');
				var title = d.getElementById('job' + i);
				detail.style.display = 'none';
				title.className = 'topic';
				if (i == 1) {
					title.className = 'topicTop';
				}				
			}			
			
			if (id !=1) {
				jobTitle.className = 'topicOpen';
			} else {
				jobTitle.className = 'topicOpenTop';
			}			
			jobDetail.style.display = displayType;	
	}
}

//change press gallery 
function changeImg(id, selection) {
	var displayImg = d.getElementById('currentImg');
	var currentId = d.getElementById('img_'+id);	
	var gallerySelect = d.getElementById('imgList');
	var imgTotal = gallerySelect.getElementsByTagName('span');
	
	for (i=1; i<=imgTotal.length; i++) {
		var galleryId = d.getElementById('img_'+[i]);		
		galleryId.className = 'selectImg';
		if (d.getElementById('des_' + i)) {
			var imgDes = d.getElementById('des_' + i);
			imgDes.style.display = 'none';
		}
	}	
	displayImg.src ='/tc/images/' + selection + '/' + selection + '_' + id +'.jpg'; 
	currentId.className = 'selectImgOn';
	
	if (d.getElementById('enlargeLink')) {		
		var currentLink = d.getElementById('enlargeLink');		
		currentLink.href = '../images/' + selection + '/' + selection + '_' + id +'_lar.jpg';
	}
	if (d.getElementById('des_' + id)) {		
		var currentDes = d.getElementById('des_' + id);
		currentDes.style.display = 'block';
	}	
}

//chnage property in China clicp
function changeClip(id) {
	var displayClip = d.getElementById('clips' + id);
	var currentClip = d.getElementById('clips');
	var displayClipName = currentClip.getElementsByTagName('div');	
	
	for (i=1; i <= displayClipName.length-6; i++) {
			var clipsList = d.getElementById('clips' + i);
			clipsList.style.display = 'none';
	}
	displayClip.style.display = 'block';
	
}

function changeProVideo(id) {
	var displayClip = d.getElementById('proVideo' + id);
	var currentClip = d.getElementById('proVideoPart');
	var displayClipName = currentClip.getElementsByTagName('div');	
	var videoList = d.getElementById('video' + id);
	
	for (i=1; i <= displayClipName.length; i++) {
			var clipsList = d.getElementById('proVideo' + i);
			var currentList = d.getElementById('video' + i);
			clipsList.style.display = 'none';
			currentList.style.border = '1px solid #E0E0E0';
			currentList.style.padding = '1px';
	}
	displayClip.style.display = 'block';
	videoList.style.border = '2px solid #896983';
	videoList.style.padding = '0';
}


//scrolling the news
function listScroll(obj, T, B, scrollBtn, autoPlay)
{
	var self = this;
	
	this.container  = d.getElementById(obj);
	this.arrowT  = d.getElementById(T);
	this.arrowB  = d.getElementById(B);
	this.timeOutSpeed = 70;
	this.containerH = this.container.offsetHeight;
	
	this.init = function ()
	{	
		//Duplicate Content for loop
		var ul = this.container.getElementsByTagName('ul');
		for (var i=0; i<ul.length; i++)
		{
			ul[i].isScroll = ul[i].offsetHeight > this.containerH;
			if (!ul[i].isScroll)	continue;
			
			var str = ul[i].innerHTML;
			ul[i].innerHTML += str;
		}
		
		//window.status = this.objH + '  :  ' + this.containerH;
		
		//Scroller 
		if (scrollBtn)
		{
			this.scroller = d.getElementById(scrollBtn);
			this.track = this.scroller.parentNode;
			this.trackH = this.track.offsetHeight - this.scroller.offsetHeight;
		}
		
		this.arrowT.onmousedown	=	function() {self.goScroll(-5);};
		this.arrowT.onmouseup = 
		this.arrowT.onmouseout =	function() {self.autoScrollStart();};
		this.arrowB.onmousedown	=	function() {self.goScroll(5);};
		this.arrowB.onmouseup = 
		this.arrowB.onmouseout =	function() {self.autoScrollStart();};
		
		this.container.onmouseover	= function() {self.stopScroll();};
		this.container.onmouseout	= function() {self.autoScrollStart();};
		
		setTimeout(function()
		{
			self.objH = self.container.scrollHeight;
			//alert(self.objH)
			if (autoPlay)	self.autoScrollStart();
		}, 500);
	}
	
	this.changeList = function(id)
	{
		this.reset();
		
		var ul = this.container.getElementsByTagName('ul');
		for (var i=0; i<ul.length; i++)
		{
			ul[i].style.display = (i == id)	?	'block'	:	'none';
		}
		
		if (ul[id].isScroll)
		{
			if (this.scroller)	setOpacity(this.scroller, 100);
			setOpacity(this.arrowT.getElementsByTagName('img')[0], 100);
			setOpacity(this.arrowB.getElementsByTagName('img')[0], 100);
		}
		else
		{
			if (this.scroller)	setOpacity(this.scroller, 30);
			setOpacity(this.arrowT.getElementsByTagName('img')[0], 30);
			setOpacity(this.arrowB.getElementsByTagName('img')[0], 30);
		}
		
		this.objH = this.container.scrollHeight;
		
		if (ul[id].isScroll)	this.autoScrollStart();
	}
	
	this.reset = function()
	{
		this.container.scrollTop = 0;
		if (this.scroller)	this.scroller.style.top = '0px';
	}
	
	this.autoScrollStart = function(num)
	{
		this.stopScroll();
		this.timeOut2 = setTimeout(function(){self.autoScroll(1);}, 1000);
	}
	
	this.autoScroll = function(num)
	{
		this.num = num;
		
		this.stopScroll();
		this.motion(this.container);
	}
	
	this.goScroll = function(num)
	{
		this.num = num;
		
		this.stopScroll();
		this.motion(this.container);
	}
	
	this.motion = function(container)
	{
		var num = container.scrollTop + this.num;
		var endH = Math.round(this.objH/2);
		if (num > endH)	num -= endH;
		if (num < 0)	num += endH;
		container.scrollTop = num;
		//window.status = container.scrollTop + '  :  ' + endH + '  :  ' + this.objH;
		
		//this.scroller.style.top = (container.scrollTop/((this.objH - this.containerH)/2 + this.containerH))*this.trackH + 'px';
		if (this.scroller)	this.scroller.style.top = Math.round((container.scrollTop/(this.objH/2))*this.trackH) + 'px';
		
		this.timeOut = setTimeout(function() {self.motion(container);}, this.timeOutSpeed);
	}
	
	this.stopScroll = function()
	{
		clearTimeout(this.timeOut);
		clearTimeout(this.timeOut2);
	}
	
	this.init();
}

function genSwf(id, file, w, h, xml, wmode)
{
	var flashvars = {};
	flashvars.path = '/tc/';
	flashvars.imagePath = 'images/';
	flashvars.swfPath = 'swf/';
	if (xml)	flashvars.xmlPath = xml;

	var params = {};
	params.allowscriptaccess = 'sameDomain';
	if (wmode)	params.wmode = wmode;
	
	var attributes = {};
	
	swfobject.embedSWF(file, id, w, h, '9.0.45', false, flashvars, params, attributes);
}

//display search dropdownlist
function showSearchPulldown(btn, id)
{	
	var menu = d.getElementById(id + 'Pulldown');
	var searchList = d.getElementById('searchList');
	var mask = d.getElementById('searchListPulldownMask');
	
	showSearchLayer(1);
	btn.onmouseover		= function() {menu.hit = true;	showSearchLayer(1);};
	menu.onmouseover	= function() {menu.hit = true;	showSearchLayer(1);};
	btn.onmouseout		= function() {menu.hit = false;	showSearchLayer(0);};
	menu.onmouseout		= function() {menu.hit = false;	showSearchLayer(0);};
	
	function showSearchLayer(over)
	{
		if (over == 1)
		{
			if (btn.className.indexOf('active') < 0)	btn.className += ' active';
			//menu.style.display = 'block';
			menu.style.visibility = 'visible';
			
			mask.H = 170;
			clearTimeout(mask.timeOut);
			motion(mask);
		}
		else
		{	
			setTimeout(function()
			{
				if (!menu.hit)
				{
					//menu.style.display = 'none';
					//menu.style.visibility = '';
					
					mask.H = 1;
					clearTimeout(mask.timeOut);
					motion(mask);
				}
			}, 10);
		}
	}
	
	function motion(obj, start)
	{
		if (start)
		{
			obj.style.height = obj.H + 'px';
			return;
		}
		
		obj.objH = obj.offsetHeight;
		
		obj.goStep = (obj.H - obj.objH)/5;
		if (obj.goStep > 0)	obj.goStep = Math.ceil(obj.goStep);
		if (obj.goStep < 0)	obj.goStep = Math.floor(obj.goStep);

		if (!(Math.abs(obj.objH - obj.H) < 1))
		{
			obj.objH += obj.goStep;
			obj.timeOut = setTimeout(function(){motion(obj);}, 10);
		}
		else
		{
			obj.objH = obj.H;
			clearTimeout(obj.timeOut);
			if (obj.H == 1)
			{
				menu.style.visibility = '';
				btn.className = btn.className.replace(/active/, '');
			}
		}
		
		obj.style.height = obj.objH + 'px';
		//window.status = obj.offsetHeight + '  :  ' + obj.H;
	}
}

//Change Gallery with up and down arrow
function sliderV(container, obj, R, L)
{
	this.container = d.getElementById(container);
	this.obj = d.getElementById(obj);
	this.arrowR = d.getElementById(R);
	this.arrowL = d.getElementById(L);
	this.ratio = 4;
	this.timeOutSpeed = 10;
	this.curIndex = 0;
	//change the offsetHeight to offsetWidth for scroller vertically
	this.containerW = this.container.offsetHeight;
	this.objW = this.obj.offsetHeight;
	this.total = Math.ceil(this.objW/this.containerW);
	//alert(this.containerW + '  :  ' + this.objW);
	
	var self = this;
	
	this.init = function()
	{
		//Duplicate Content for loop
		//var str = this.container.innerHTML;
		//this.container.innerHTML += str;
		
		if (this.total == 1)
		{
			this.arrowR.style.display = 'none';
			this.arrowL.style.display = 'none';
		}
		else
		{
			this.arrowR.style.display = '';
			this.arrowL.style.display = '';
		}
		
		this.arrowR.onclick = function()	{self.goScroll(1)};
		this.arrowL.onclick = function()	{self.goScroll(-1)};
		
		if (this.total > 1)	this.goScroll(0, true);
	};
	
	this.reset = function()
	{
		this.obj.style.top = 0;
	};
	
	this.goAnchor = function(target)
	{
		//alert(target.offsetTop + '  :  ' + this.containerW);
		var id = Math.ceil((target.offsetTop + 1)/this.containerW) - 1;
		this.goScroll(id, true);
	};
	
	this.goScroll = function(num, start)
	{
		this.curIndex += num;
		if (this.curIndex >= this.total)	this.curIndex = this.total - 1;/*this.curIndex = 0;*/
		if (this.curIndex < 0)				this.curIndex = 0;/*this.curIndex = this.total-1;*/
		
		var opacity = (this.curIndex == 0)				?	40	:	100;
		this.setAlpha(this.arrowL.getElementsByTagName('img')[0], opacity);
		var opacity = (this.curIndex == this.total - 1)	?	40	:	100;
		this.setAlpha(this.arrowR.getElementsByTagName('img')[0], opacity);
		
		this.obj.L = - this.containerW*this.curIndex;
		//alert(this.obj.L + ' : ' + this.curIndex);
		
		clearTimeout(this.obj.timeOut);
		this.motion(this.obj, start);
	};
	
	this.motion = function(obj, start)
	{
		if (start)
		{
			obj.style.top = obj.L + 'px';
			return;
		}
		
		obj.objL = obj.offsetTop;

		obj.goStep = (obj.L - obj.objL)/this.ratio;
		if (obj.goStep > 0)	obj.goStep = Math.ceil(obj.goStep);
		if (obj.goStep < 0)	obj.goStep = Math.floor(obj.goStep);

		if (!(Math.abs(obj.objL - obj.L) < 1))
		{
			obj.objL += obj.goStep;
			obj.timeOut = setTimeout(function(){self.motion(obj);}, this.timeOutSpeed);
		}
		else
		{
			obj.objL = obj.L;
			clearTimeout(obj.timeOut);
			//alert(obj.objL + ' : ' +  obj.L);
		}

		obj.style.top = obj.objL + 'px';
		//window.status = obj.scrollLeft + '  :  ' + obj.L;
		//window.status = obj.goStep;
	};
	
	this.setAlpha = function(obj, opacity)
	{
		obj.style.opacity = opacity/100;
		obj.style.MozOpacity = opacity/100;
		obj.style.filter = 'alpha(opacity=' + opacity + ')';
	};
	
	this.init();
	
}

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

//change HK Lease Landing gallery 
function changeHKLeaseLand(id) {
	var displayImg = d.getElementById('currentImg');
	var currentId = d.getElementById('gallery'+id);
	
	var gallerySelect = d.getElementById('landingImgBtn');
	var imgTotal = gallerySelect.getElementsByTagName('a');
	
	for (i=1; i<=imgTotal.length; i++) {
		var galleryId = d.getElementById('gallery'+[i]);
		galleryId.className = 'galleryBtn';
	}	
	displayImg.src ='/tc/images/propertieshk/hklease_landing_' + id + '.jpg'; 
	currentId.className = 'galleryBtnOn';	
}

//change hkSale Gallery
function setHKSaleGallery()
{
	var self = this;
	
	this.goAnchor = function(motion)
	{
		if (!GetParam('property'))	return;
		
		var id = GetParam('property');
		var contents = getElementsByClassName(d.getElementById('content'), 'saleBgImg');
		var num;
		
		for (var i=0; i<contents.length; i++)
		{
			if (contents[i].id == id)
			{
				num = i;
				break;
			}
		}
		
		if (num)	motion.goScroll(num, true);
	};
	
	this.init = function()
	{
		var motion = new sliderHKSale('hksaleNav', 'hksaleLinks', 'hksaleNavR', 'hksaleNavL');
		this.goAnchor(motion);
	};
	
	setTimeout(function(){self.init();}, 500);
}

function sliderHKSale(container, obj, R, L)
{
	this.container = d.getElementById(container);
	this.obj = d.getElementById(obj);
	this.arrowR = d.getElementById(R);
	this.arrowL = d.getElementById(L);
	this.ratio = 7;
	this.timeOutSpeed = 10;
	this.curIndex = 0;
	//change the offsetHeight to offsetWidth for scroller vertically
	//this.containerW = this.container.offsetHeight;
	this.containerW = 72;
	this.objW = this.obj.offsetHeight;
	this.total = Math.floor(this.objW/this.containerW) - 1;
	
	var self = this;
	
	this.init = function()
	{
		//Duplicate Content for loop
		//var str = this.container.innerHTML;
		//this.container.innerHTML += str;
		
		if (this.total == 1)
		{
			this.arrowR.style.display = 'none';
			this.arrowL.style.display = 'none';
		}
		else
		{
			this.arrowR.style.display = '';
			this.arrowL.style.display = '';
		}
		
		this.arrowR.onclick = function()	{self.goScroll(1)};
		this.arrowL.onclick = function()	{self.goScroll(-1)};
		
		this.setNav();
		if (this.total > 1)	this.goScroll(0, true);
	};
	
	this.reset = function()
	{
		this.obj.style.top = 0;
	};
	
	this.goAnchor = function(target)
	{
		//alert(target.offsetLeft + '  :  ' + this.containerW);
		var id = Math.ceil((target.offsetTop + 1)/this.containerW) - 1;
		this.goScroll(id, true);
	};
	
	this.goScroll = function(num, start)
	{
		this.curIndex += num;
		if (this.curIndex >= this.total)	this.curIndex = this.total - 1;/*this.curIndex = 0;*/
		if (this.curIndex < 0)				this.curIndex = 0;/*this.curIndex = this.total-1;*/
		
		this.goDirectScroll(this.curIndex, start);
	};
	
	this.goDirectScroll = function(num, start)
	{
		this.curIndex = num;
		
		var opacity = (this.curIndex == 0)				?	40	:	100;
		this.setAlpha(this.arrowL.getElementsByTagName('img')[0], opacity);
		var opacity = (this.curIndex == this.total - 1)	?	40	:	100;
		this.setAlpha(this.arrowR.getElementsByTagName('img')[0], opacity);
		
		this.obj.L = - this.containerW*this.curIndex;
		//alert(this.obj.L + ' : ' + this.curIndex);
		
		clearTimeout(this.obj.timeOut);
		this.motion(this.obj, start);
		
		this.changeNav(num);
	};
	
	this.setNav = function()
	{
		var rows = this.obj.rows;
		
		for (var i=1; i<rows.length; i++)
		{
			rows[i].num = i - 1;
			rows[i].onclick = function()
			{
				self.goDirectScroll(this.num);
			}
		}
	};
	
	this.changeNav = function(id)
	{
		var contents = getElementsByClassName(d.getElementById('content'), 'saleBgImg');
		var videos = d.getElementById('hksaleVideo').getElementsByTagName('table');
		
		if (this.section >= 0)
		{
			contents[this.section].style.display = '';
			videos[this.section].style.display = '';
		}
		
		contents[id].style.display = 'block';
		videos[id].style.display = 'block';
		//startFading(contents[id]);
		
		this.section = id;
	};
	
	this.motion = function(obj, start)
	{
		if (start)
		{	
			obj.style.top = obj.L + 'px';
			return;
		}
		
		obj.objL = obj.offsetTop;

		obj.goStep = (obj.L - obj.objL)/this.ratio;
		if (obj.goStep > 0)	obj.goStep = Math.ceil(obj.goStep);
		if (obj.goStep < 0)	obj.goStep = Math.floor(obj.goStep);

		if (!(Math.abs(obj.objL - obj.L) < 1))
		{
			obj.objL += obj.goStep;
			obj.timeOut = setTimeout(function(){self.motion(obj);}, this.timeOutSpeed);
		}
		else
		{
			obj.objL = obj.L;
			clearTimeout(obj.timeOut);
			
		}
		
		obj.style.top = obj.objL + 'px';
		//window.status = obj.scrollLeft + '  :  ' + obj.L;
		//window.status = obj.goStep;
	};
	
	this.setAlpha = function(obj, opacity)
	{
		obj.style.opacity = opacity/100;
		obj.style.MozOpacity = opacity/100;
		obj.style.filter = 'alpha(opacity=' + opacity + ')';
	};
	
	this.init();
}

function getElementsByClassName(p, c)
{
	var array = new Array();
	var tags = p.getElementsByTagName('*');
	
	for (var i=0; i<tags.length; i++)
	{
		if (!tags[i].className)	continue;
		if (tags[i].className.indexOf(c) >= 0)	array.push(tags[i]);
	}
	
	return array;
}

function setGallery(id)
{
	var container = d.getElementById(id);
	var photo = getElementsByClassName(container, 'photo')[0];
	var nav = getElementsByClassName(container, 'nav')[0];
	var childArray = setChildNodes(photo, 'A');
	var total = childArray.length;
	var navArray = new Array();
	var curIndex = 0;
	var highlightA;
	var timeOut;
	var self = this;
	
	this.init = function ()
	{
		this.genA();
	};
	
	this.genA = function ()
	{
		for (var i=0; i<childArray.length; i++)
		{
			var a = createA('javascript:;');
			a.num = i;
			a.img = childArray[i];
			
			a.onclick = function()
			{
				if (this.className.indexOf('active') >= 0)	return;
				self.changeA(this);
				self.autoChange();
			}
			nav.appendChild(a);
			navArray.push(a);
		}
		
		this.changeA(navArray[0], true);
		this.autoChange();
	};
	
	this.autoChange = function ()
	{
		clearInterval(timeOut);
		timeOut = setInterval(function(){self.changeItem(1);}, 7000);
	};
	
	this.changeItem = function (num)
	{
		curIndex += num;
		if (curIndex >= total)	curIndex = 0;
		if (curIndex < 0)		curIndex = total-1;
		 
		self.changeA(navArray[curIndex]);
	};
	
	this.changeA = function (btn)
	{
		if (highlightA)
		{
			highlightA.className = highlightA.className.replace(/active/, '');
			highlightA.img.style.display = '';
		}
		
		btn.className += ' active';
		btn.img.style.display = 'block';
		startFading(btn.img.getElementsByTagName('img')[0]);
		
		highlightA = btn;
		curIndex = btn.num;
	};
	
	this.init();
}

//change the china properties gallery landing
function changeGalleryBg(id, product) {
		var currentBg = d.getElementById('currentImgBg');
		var currentPart = d.getElementById('imgThumb');
		var currentId = d.getElementById('thumb_'+id);
		var imgTotal = currentPart.getElementsByTagName('a');
		
		for (i=1; i<=imgTotal.length; i++) {
			var galleryId = d.getElementById('thumb_'+[i]);
			galleryId.className = 'selectOff';
		}	
		
		
		currentBg.src = '/tc/images/propertieschina/'+ product+'/gallery_img_'+ id +'.jpg';
		currentId.className = 'selectOn';
}

//display gallery Pull down
function displayGalleryPullDown() {
	var pulldown = d.getElementById('galleryListPullDown');
	pulldown.style.display = 'block';
}

//close the galleryList
function displayNone() {
	var pulldown = d.getElementById('galleryListPullDown');
	pulldown.style.display = 'none';
}

function slider(container, obj, R, L, list)
{
	this.container = d.getElementById(container);
	this.obj = d.getElementById(obj);
	this.arrowR = d.getElementById(R);
	this.arrowL = d.getElementById(L);
	this.ratio = 3;
	this.timeOutSpeed = 10;
	this.curIndex = 0;
	this.containerW = this.container.offsetWidth;
	this.objW = this.obj.offsetWidth;
	this.total = Math.ceil(this.objW/this.containerW);
	if (list)	
	{
		this.navList = d.getElementById(list);
		this.navArray = new Array();
	}
	
	var highlightA;
	var self = this;
	
	this.init = function()
	{
		//Duplicate Content for loop
		//var str = this.container.innerHTML;
		//this.container.innerHTML += str;
		
		if (this.total == 1)
		{
			this.arrowR.style.display = 'none';
			this.arrowL.style.display = 'none';
		}
		else
		{
			this.arrowR.style.display = '';
			this.arrowL.style.display = '';
		}
		
		this.arrowR.onclick = function()	{self.goScroll(1)};
		this.arrowL.onclick = function()	{self.goScroll(-1)};
		
		if (this.total > 1)	this.goScroll(0, true);
		if (list)	this.genNavList();
	};
	
	this.reset = function()
	{
		this.obj.style.left = 0;
	};
	
	this.goAnchor = function(target, num)
	{
		//alert(target.offsetLeft + '  :  ' + this.containerW);
		var id = (num)	?	num	:	Math.ceil((target.offsetLeft + 1)/this.containerW) - 1;
		this.goScroll(id, true);
	};
	
	this.goAnchor = function(target, num)
	{
		//alert(target.offsetLeft + '  :  ' + this.containerW);
		var id = (num)	?	num	:	Math.ceil((target.offsetLeft + 1)/this.containerW) - 1;
		this.goScroll(id, true);
	};
	
	this.goScroll = function(num, start)
	{
		this.curIndex += num;
		if (this.curIndex >= this.total)	this.curIndex = this.total - 1;/*this.curIndex = 0;*/
		if (this.curIndex < 0)				this.curIndex = 0;/*this.curIndex = this.total-1;*/
		
		if (this.navArray)
		{
			this.changeNav(this.navArray[this.curIndex]);
		}
		else
		{
			this.goDirectScroll(this.curIndex, start);
		}
	};
	
	this.goDirectScroll = function(num, start)
	{
		this.curIndex = num;
		
		var opacity = (this.curIndex == 0)				?	40	:	100;
		this.setAlpha(this.arrowL, opacity);
		var opacity = (this.curIndex == this.total - 1)	?	40	:	100;
		this.setAlpha(this.arrowR, opacity);
		
		this.obj.L = - this.containerW*this.curIndex;
		//alert(this.obj.L + ' : ' + this.curIndex);
		
		clearTimeout(this.obj.timeOut);
		this.motion(this.obj, start);
	};
	
	this.motion = function(obj, start)
	{
		if (start)
		{
			obj.style.left = obj.L + 'px';
			return;
		}
		
		obj.objL = obj.offsetLeft;

		obj.goStep = (obj.L - obj.objL)/this.ratio;
		if (obj.goStep > 0)	obj.goStep = Math.ceil(obj.goStep);
		if (obj.goStep < 0)	obj.goStep = Math.floor(obj.goStep);

		if (!(Math.abs(obj.objL - obj.L) < 1))
		{
			obj.objL += obj.goStep;
			obj.timeOut = setTimeout(function(){self.motion(obj);}, this.timeOutSpeed);
		}
		else
		{
			obj.objL = obj.L;
			clearTimeout(obj.timeOut);
			//alert(obj.objL + ' : ' +  obj.L);
		}

		obj.style.left = obj.objL + 'px';
		//window.status = obj.scrollLeft + '  :  ' + obj.L;
		//window.status = obj.goStep;
	};
	
	this.genNavList = function ()
	{
		if (!this.total)	return;
		
		for (var i=0; i<this.total; i++)
		{
			var a = createA('javascript:;', '', (i + 1));
			a.num = i;
			
			a.onclick = function()
			{
				self.changeNav(this);
			}
			
			this.navList.appendChild(a);
			this.navArray.push(a);
		}
		
		this.changeNav(this.navArray[0]);
	};
	
	this.changeNav = function (btn)
	{
		if (highlightA == btn)	return;
		
		if (highlightA)	highlightA.className = highlightA.className.replace(/active/, '');
		btn.className += ' active';
		
		this.goDirectScroll(btn.num);
		highlightA = btn;
	};
	
	this.setAlpha = function(obj, opacity)
	{
		obj.style.opacity = opacity/100;
		obj.style.MozOpacity = opacity/100;
		obj.style.filter = 'alpha(opacity=' + opacity + ')';
	};
	
	this.init();
}

function setPromoSlider()
{
	var container = d.getElementById('promotionDetails');
	var childArray = getElementsByClassName(container, 'promotionDetail');
	var navs = d.getElementById('chiPromotionLinks');
	var navArray = navs.getElementsByTagName('td');
	var highlightTD;
	var self = this;
	
	this.init = function()
	{
		this.setNav();
		var motion = new slider('chiPromotionNav', 'chiPromotionLinks', 'chiPromotionNavR', 'chiPromotionNavL', 'chiPromotionNavList');
		//this.goAnchor(motion);
	};
	
	this.goAnchor = function(motion)
	{
		/*var a;
		for (var i=0; i<navContent.length; i++)
		{
			if (navContent[i].className.indexOf('Active') >= 0)
			{
				a = navContent[i];
				break;
			}
		}
		if (!a)	return;
		
		motion.goAnchor(a.parentNode);*/
	};
	
	this.setNav = function ()
	{
		for (var i=0; i<navArray.length; i++)
		{
			navArray[i].num = i;
			navArray[i].div = childArray[i];
			
			navArray[i].onclick = function()
			{
				if (this.className.indexOf('active') >= 0)	return;
				self.changeA(this);
			}
		}
		
		this.changeA(navArray[0], true);
	};
	
	this.changeA = function (btn)
	{
		if (highlightTD)
		{
			highlightTD.className = highlightTD.className.replace(/active/, '');
			highlightTD.div.style.display = '';
		}
		
		btn.className += ' active';
		btn.div.style.display = 'block';
		
		startFading(btn.div);
		
		highlightTD = btn;
	};
	
	this.init();
}

//select circular year
function selectYear(month, year) {
	//alert(month +'_'+ year);
	var currentM = d.getElementById('m' + month + '_' + year);
	var currentY = d.getElementById('year' + year);
	
	var currentPart = d.getElementById('mid');
	var tableTotal = currentPart.getElementsByTagName('table');
	
	for (i=1; i< tableTotal.length; i++) {
		tableTotal[i].style.display = 'none';
	}
	
	if (d.getElementById('year' + year)) {
		var tableTotal2 = currentY.getElementsByTagName('table');
		
		if (month == 0) {
			for (i=0; i< tableTotal2.length; i++) {			
				//alert(tableTotal2.length);
				tableTotal2[i].style.display = 'block';
			}
		}else {			
			if (d.getElementById('m' + month + '_' + year)) {
				currentM.style.display = 'block';
			}
		}
	}
	
	if (year == 0) {
		for (i=1; i< tableTotal.length; i++) {
			tableTotal[i].style.display = 'block';
		}
	}
}


//display the selected item in the dropdownlist
function genNewsMenu() {
	var sPath = window.location.pathname;
	var sPage = sPath.substring(sPath.lastIndexOf('/') + 1);
	//alert("sPage: "+sPage);
	var menu = document.getElementById('menu');
	
	var option = menu.getElementsByTagName('option');
	for (var i=0; i<option.length; i++)
	{
		option[i].value;
		if (sPage == option[i].value)
		{
			option[i].selected = true;
			//alert(option[i].select);
		}
	}
}

//gen photo gallery in press
function genDetailsGallery()
{
	var container = d.getElementById('currentImg');
	var navs = d.getElementById('imgListA');
	var imgArray = container.getElementsByTagName('img');
	
	var des = d.getElementById('imgDesPart');
	var desArray = des.getElementsByTagName('div');
	
	var navArray = new Array();
	var total = imgArray.length;
	var highlightA;
	var self = this;
	
	this.init = function ()
	{
		this.genNavList();
		new slider('pageNav', 'imgListA', 'pageNavR', 'pageNavL');
	};
	
	this.genNavList = function ()
	{
		navs.innerHTML = '';
		
		for (var i=0; i<total; i++)
		{
			var a = createA('javascript:;', '');
			var span = d.createElement('span');
			span.innerHTML = '&nbsp;' + (i + 1) + '&nbsp;';
			span.innerHTML = i + 1;
			a.appendChild(span);
			a.num = i;
			a.img = imgArray[i];
			a.desc = desArray[i];
			
			
			a.onclick = function()
			{
				self.changeNav(this);
			}
			
			navs.appendChild(a);
			navArray.push(a);
		}
		
		this.changeNav(navArray[0]);
	};
	
	this.changeNav = function (btn)
	{
		if (highlightA == btn)	return;
		
		if (highlightA)	highlightA.className = highlightA.className.replace(/selectImgOn/, '');
		btn.className += ' selectImgOn';
		
		btn.img.style.display = 'block';
		btn.desc.style.display = 'block';
		if (highlightA)	{highlightA.img.style.display = ''; highlightA.desc.style.display = 'none';}
		startFading(btn.img);
		
		if (d.getElementById('enlargeLink'))
		{
			var currentLink = d.getElementById('enlargeLink');
			//var img = btn.img.src.replace('.jpg', '_lar.jpg');
			/*var img = btn.img.src.replace('l.jpg', '.jpg');
			var img = btn.img.src.replace('L.jpg', '.jpg');*/
			
			if (btn.img.src.indexOf('l.jpg')>0){
				var img = btn.img.src.replace('l.jpg','.jpg');
			}else if (btn.img.src.indexOf('L.jpg')>0){
				var img = btn.img.src.replace('L.jpg','.jpg');
			}else{
				var img = btn.img.src;
			}
			
			currentLink.href = img;
		}
		
		highlightA = btn;
	};
	
	this.init();
}

//gen page number in press
function sliderPage(container, obj, R, L, R2, L2, list)
{
	this.container = d.getElementById(container);
	this.obj = d.getElementById(obj);
	this.arrowR = d.getElementById(R);
	this.arrowL = d.getElementById(L);
	this.arrowR2 = d.getElementById(R2);
	this.arrowL2 = d.getElementById(L2);
	this.ratio = 3;
	this.timeOutSpeed = 10;
	this.curIndex = 0;
	this.containerW = this.container.offsetWidth;
	this.objW = this.obj.offsetWidth;
	this.total = Math.ceil(this.objW/this.containerW);
	if (list)	
	{
		this.navList = d.getElementById(list);
		this.navArray = new Array();
	}
	
	var highlightA;
	var self = this;
	
	this.init = function()
	{
		//Duplicate Content for loop
		//var str = this.container.innerHTML;
		//this.container.innerHTML += str;
		
		if (this.total == 1)
		{
			this.arrowR.style.display = 'none';
			this.arrowL.style.display = 'none';
			
			this.arrowR2.style.display = 'none';
			this.arrowL2.style.display = 'none';
		}
		else
		{
			this.arrowR.style.display = '';
			this.arrowL.style.display = '';
			
			this.arrowR2.style.display = '';
			this.arrowL2.style.display = '';
		}
		
		this.arrowR.onclick = function()	{self.goScroll(1)};
		this.arrowL.onclick = function()	{self.goScroll(-1)};
		
		//change the num
		var lastNum = this.total;
		var firstNum = 0 - this.total;
		this.arrowR2.onclick = function()	{self.goScroll(lastNum)};
		this.arrowL2.onclick = function()	{self.goScroll(firstNum)};
		
		
		
		
		if (this.total > 1)	this.goScroll(0, true);
		if (list)	this.genNavList();
	};
	
	this.reset = function()
	{
		this.obj.style.left = 0;
	};
	
	this.goAnchor = function(target, num)
	{
		//alert(target.offsetLeft + '  :  ' + this.containerW);
		var id = (num)	?	num	:	Math.ceil((target.offsetLeft + 1)/this.containerW) - 1;
		this.goScroll(id, true);
	};
	
	this.goAnchor = function(target, num)
	{
		//alert(target.offsetLeft + '  :  ' + this.containerW);
		var id = (num)	?	num	:	Math.ceil((target.offsetLeft + 1)/this.containerW) - 1;
		this.goScroll(id, true);
	};
	
	this.goScroll = function(num, start)
	{
		this.curIndex += num;
		if (this.curIndex >= this.total)	this.curIndex = this.total - 1;/*this.curIndex = 0;*/
		if (this.curIndex < 0)				this.curIndex = 0;/*this.curIndex = this.total-1;*/
		
		if (this.navArray)
		{
			this.changeNav(this.navArray[this.curIndex]);
		}
		else
		{
			this.goDirectScroll(this.curIndex, start);
		}
	};
	
	this.goDirectScroll = function(num, start)
	{
		this.curIndex = num;
		
		var opacity = (this.curIndex == 0)				?	40	:	100;
		this.setAlpha(this.arrowL, opacity);
		this.setAlpha(this.arrowL2, opacity);
		var opacity = (this.curIndex == this.total - 1)	?	40	:	100;
		this.setAlpha(this.arrowR, opacity);
		this.setAlpha(this.arrowR2, opacity);
		
		this.obj.L = - this.containerW*this.curIndex;
		//alert(this.obj.L + ' : ' + this.curIndex);
		
		clearTimeout(this.obj.timeOut);
		this.motion(this.obj, start);
	};
	
	this.motion = function(obj, start)
	{
		if (start)
		{
			obj.style.left = obj.L + 'px';
			return;
		}
		
		obj.objL = obj.offsetLeft;

		obj.goStep = (obj.L - obj.objL)/this.ratio;
		
		if (obj.goStep > 0)	obj.goStep = Math.ceil(obj.goStep);
		if (obj.goStep < 0)	obj.goStep = Math.floor(obj.goStep);

		if (!(Math.abs(obj.objL - obj.L) < 1))
		{
			obj.objL += obj.goStep;
			obj.timeOut = setTimeout(function(){self.motion(obj);}, this.timeOutSpeed);
		}
		else
		{
			obj.objL = obj.L;
			clearTimeout(obj.timeOut);
			//alert(obj.objL + ' : ' +  obj.L);
		}

		obj.style.left = obj.objL + 'px';
		//window.status = obj.scrollLeft + '  :  ' + obj.L;
		//window.status = obj.goStep;
	};
	
	this.genNavList = function ()
	{
		if (!this.total)	return;
		
		for (var i=0; i<this.total; i++)
		{
			var a = createA('javascript:;', '', (i + 1));
			a.num = i;
			
			a.onclick = function()
			{
				self.changeNav(this);
			}
			
			this.navList.appendChild(a);
			this.navArray.push(a);
		}
		
		this.changeNav(this.navArray[0]);
	};
	
	this.changeNav = function (btn)
	{
		if (highlightA == btn)	return;
		

		if (highlightA)	highlightA.className = highlightA.className.replace(/active/, '');
		btn.className += ' active';
		
		this.goDirectScroll(btn.num);
		highlightA = btn;
	};
	
	this.setAlpha = function(obj, opacity)
	{
		obj.style.opacity = opacity/100;
		obj.style.MozOpacity = opacity/100;
		obj.style.filter = 'alpha(opacity=' + opacity + ')';
	};
	
	this.init();
}

function genPressNum()
{
	var container = d.getElementById('pressList');
	var navs = d.getElementById('pressPageList');
	var imgArray = container.getElementsByTagName('tr');
	var navArray = new Array();
	var total = imgArray.length;
	var totalPage;
	var highlightA;
	var self = this;
	var numOfItem = 5;
	var displayStyle = (isIE)?'block':'table-row';
	
	var remainder = total%numOfItem;
	totalPage = Math.ceil(total/numOfItem);
	
	
	this.init = function ()
	{
		this.genNavList();
		new sliderPage('pressPageNav', 'pressPageList', 'pressPageNavR', 'pressPageNavL', 'pressPageNavR10', 'pressPageNavL10');
	};
	
	this.genNavList = function ()
	{
		navs.innerHTML = '';
		
		for (var i=0; i<totalPage; i++)
		{
			var a = createA('javascript:;', '');
			var span = d.createElement('span');
			span.innerHTML = (i + 1);
			//span.innerHTML = '<span style="width: 40px;">' + (i + 1) + '</span>';
			a.appendChild(span);
			a.num = i;
			a.img = imgArray[i];
			
			a.onclick = function()
			{
				self.changeNav(this);
			}
			
			navs.appendChild(a);
			navArray.push(a);
		}
		
		this.changeNav(navArray[0]);
	};
	
	this.changeNav = function (btn)
	{
		
		if (highlightA == btn)	return;

		if (highlightA)	{
			highlightA.style.color = '#666666';
			highlightA.style.fontWeight = 'normal';
		}
		btn.style.color = '#71A24A';
		btn.style.fontWeight = 'bold';
		
		//var num = Math.round((btn.num/totalPage)*total);
		var num = btn.num*numOfItem;
		
		for (var i=0; i<total; i++)
		{
			imgArray[i].style.display = 'none';
		}
		
		for (var i=num; i<(num + numOfItem); i++)
		{			
			if (!imgArray[i])	continue;//Added By Manchung at 16/03/2010
			imgArray[i].style.display = displayStyle;					
		}		
		
		highlightA = btn;
	};
	
	this.init();
}

//change awards gallery
function chnageAwardsImg(id) {
	var currentInfo = d.getElementById('award_' + id);
	var awardPart = d.getElementById('awardItem');
	var total = awardPart.getElementsByTagName('a');
	var currentImg = d.getElementById('awardItme_' + id);
	
	for (i=1; i<=total.length; i++) {
		var allInfo = d.getElementById('award_' +  i);
		var allImg = d.getElementById('awardItme_' + i);
		
		allInfo.style.display = 'none';
		allImg.style.border = 'solid #F5F5F5 2px';
	}
	
	currentImg.style.border = 'solid #3C7B77 2px';
	currentInfo.style.display = 'block';	
	
}

//change HK Propertier gallery
/*function chnageHkpImg(id) {
	var current = d.getElementById('hkLeaseCurrentImg');
	
	
	var awardPart = d.getElementById('galleryList');
	
	var total = awardPart.getElementsByTagName('a');
	
	
	
	for (i=1; i<=(total.length/2); i++) {
		
		var allImg = d.getElementById('awardItme_' + i);
		
		current.allImg.style.display = 'none';
	}
	
	current.currentInfo.style.display = 'block';	
	
	
}*/

function setHkpImg(nav, imgContainer)
{
	var a = d.getElementById(nav).getElementsByTagName('a');
	var img = d.getElementById(imgContainer).getElementsByTagName('img');
	var highlight;
	var self = this;
	
	this.init = function()
	{
		for (var i=0; i<a.length; i++)
		{
			a[i].img = img[i];
			
			/*a[i].onclick = function()
			{
				alert(999)
				self.chnageHkpImg(this);
			};*/
			a[i].href = 'javascript:setHkpImgFunc.chnageHkpImg(' + i + ');';
			//a[i].addEventListener('click', this.chnageHkpImg, false);
		}
		
		img[0].style.display = 'block';
		highlight = img[0];
	};
	
	this.chnageHkpImg = function(num)
	{
		var a = d.getElementById(nav).getElementsByTagName('a');
		var img = d.getElementById(imgContainer).getElementsByTagName('img');
		
		img[num].style.display = 'block';
		if (highlight)	highlight.style.display = 'none';
		highlight = img[num];
	};
	
	this.init();
}


function selectRightNav(id)
{
	var obj = levelArray[1];
	if (!d.getElementById(obj + '_menu'))	return;
	//var menu = d.getElementById(obj + '_menu');
	
	if (!getElementByRel(obj + '_menu', id))			return;
	if (!getElementByRel(obj + '_menu', levelArray[2]))	return;
	var btn = getElementByRel(obj + '_menu', id);
	var highlightNav = getElementByRel(obj + '_menu', levelArray[2]);
	
	btn.className += ' active';
	highlightNav.className = highlightNav.className.replace(/active/, '');
	
	levelArray[2] = id;
}

function checkAddress()
{
	if (!location.hash)	return;
	var str = location.hash.replace('#', '');
	var array = str.split('/');
	if (array[0] == '')					array.shift();
	if (array[array.length-1] == '')	array.pop();
	
	if (array.length > 0)	selectRightNav(array[0]);
}

function homeMapOpen(isOpen)
{
	var homeFlashMask = d.getElementById('homeFlashMask');
	homeFlashMask.style.height = ((isOpen)?	443:281) + 'px';
}

/* Briefcase starts*/
var cookieDomain = d.domain;
var cookieDate = new Date();
cookieDate.setTime(cookieDate.getTime()+(365*60*60*1000));
var cookieDuration = cookieDate;
var briefcaseMenuId = 141;
var briefcaseLimit = 2500;
var lastBriefcaseId;
var lastBriefcaseName;
var cookiename = 'briefcase';
var briefcaseScroller;
var briefcaseScrollbar;
if (displayBriefName)	var displayBriefName;

function genbriefScroll()
{
	var scrollContainer  = d.getElementById('briefScroll');
	var scroll = d.getElementById('briefBar');
	
	if (!briefcaseScroller)
	{
		briefcaseScroller  = new Scrolling.Scroller(scrollContainer, scroll.offsetWidth, scroll.offsetHeight);
		briefcaseScrollbar = new Scrolling.Scrollbar(scroll, briefcaseScroller, new Scrolling.ScrollTween());
	}
	else
	{	
		briefcaseScroller.reset();
		briefcaseScrollbar.reset();
		briefcaseScrollbar.swapContent(scrollContainer);
	}
}

function getBriefCaseCookie()
{
	var cname = cookiename;
	var	value = getCookie(cname);
	if (value == null)	value = "";
	var briefcaseValue = value.split("|");
	return briefcaseValue;
}

function removeBriefCaseCookie(id)
{
	//if(confirm('Confirm to delete?'))
	//{
		var value = getBriefCaseCookie();
		var result = "";
		var len = value.length;
		var count = 1;
		for(i = 1 ; i < len ; i = i + 2)
		{
			if(count != id)
			{
 				result += "|" + value[i] + "|" + value[i+1];
			}
			//alert(i + '  :  ' + id);
			count ++;
		}
		var name = cookiename;
	 	setCookie(name, result, cookieDuration, cpath, cdomain);
		
	 	genBriefcase(); 
 	//}
 }
 
 function isBriefcaseCookieFull(pNewVariable)
 {
	var name = cookiename;
	var temp = getCookie(name);
	if(temp == null)
		temp="";
	temp=escape(temp);
	var _pNewVariable = escape(pNewVariable);
	if( (temp.length + _pNewVariable.length)> briefcaseLimit){
		return true;
	}else{
		return false; 
	}
	return true;
}

function addBriefcase()
{
	var titleID = d.getElementById('titleID');
	var title = (displayBriefName)?	displayBriefName	:	titleID.innerHTML;
	
	if (confirm('Save this page to My Briefcase?'))	addBriefCaseCookie(title, location.href);
	
	genBriefcase();
	//editBriefcase(lastBriefcaseId, lastBriefcaseName);
}

function addBriefCaseCookie(pageName, pagePath)
{
	if(isBriefcaseCookieFull(pageName+pagePath))
	{
		//alert(misc_msg[3][langNum]);
	}
	else
	{
		var name = cookiename;
		var briefcase = getBriefCaseCookie();		
		var result = "";
		var cookiestring = "";
		var isExisting = false;
		var len = briefcase.length;
		
		for(i = 1 ; i < len ; i = i + 2){		
			if(briefcase[i+1] == pagePath ){
				isExisting = true; 
				result += "|" + pageName + "|" + pagePath;
			}else{
				result += "|" + briefcase[i] + "|" + briefcase[i+1];
			}
		}
		//if not existed in cookie
		if(!isExisting){
			result += "|" + pageName+ "|" + pagePath;
		}
		//cookiestring = name+"="+escape(result)+";EXPIRES="+getexpirydate(cookieDuration)+";path=/"+ ";domain=" +cookieDomain+";"; 
		//document.cookie = cookiestring;
	 	setCookie(name, result, cookieDuration, cpath, cdomain);
		
		//alert(cookiestring);
	}
}

function genBriefcase()
{
	var table = getElementsByClassName(d.getElementById('briefScroll'), 'briefcaseTable')[0];
	var array = new Array();
	var obj = getBriefCaseCookie();
	var count = 1;
	
	clearBriefcase();
	
	for (var i=1; i<obj.length ; i+=2)
	{
		array.push({title:obj[i], link:obj[i+1], id:count});
		count ++;
	}
	array.reverse();
	
	//if (array.length <= 0)	return false;
	
	for (var i=0; i<array.length ; i++)
	{
		var row = table.insertRow(-1);
		
		var th = d.createElement('th');
		var a = createA(array[i].link, '', array[i].title);
		th.appendChild(a);
		row.appendChild(th);
		
		var cell = row.insertCell(1);
		var btnGo = createImg('/tc/images/btn_go_brief.gif', 'Go', '', '', array[i].link, '');
		var btnDel = createImg('/tc/images/btn_delete_brief.gif', 'Delete', '', '', 'javascript:removeBriefCaseCookie('+array[i].id+');', '');
		cell.appendChild(btnGo);
		cell.appendChild(btnDel);
	}
	
	if (array.length > 0)
	{
		lastBriefcaseId = array[(array.length-1)].id;
		lastBriefcasename = array[(array.length-1)].title;
	}
	
	genbriefScroll();
}

function clearBriefcase()
{
	var table = getElementsByClassName(d.getElementById('briefScroll'), 'briefcaseTable')[0];
	while (table.rows.length > 0)	table.deleteRow((table.rows.length-1));
}
/* Briefcase ends*/