var tempHtml;
var tempStr1;
var tempStr2;
if (section == null)	var section = 0;
if (level1 == null)	var level1 = "";
if (level2 == null)	var level2 = "";
if (level3 == null)	var level3 = "";
if (hideTop == null)	var hideTop = false;
var id1 = null;
var id2 = null;
var id3 = null;
var id4 = null;
var d = document;

// JavaScript Document

var levelArray = new Array();
var idArray = new Array();

function checkStr(astr, bstr)
{
	var va = [".", "/", "_", "-"];
	for (var item in va)
		{
			if (astr.indexOf(("/" + bstr + va[item])) > -1)
				{
					return true;
				}
			if (astr.indexOf(("-" + bstr + va[item])) > -1)
				{
					return true;
				}
		}

	return false;
}

function setLevel(obj)
{
	for (var m=0; m<obj.length; m++)
		{
			if ((window['level'+(1+levelArray.length)]==undefined) || (window['level'+(1+levelArray.length)]!=''))
				{
					if (obj[m].id != window['level'+(1+levelArray.length)])
						{					
							continue;
						}
					else
						{
							//alert(obj[m].id);
							while (window['level'+(1+levelArray.length)]!=undefined)
							{
								levelArray.push(window['level'+(1+levelArray.length)]);
							}
							break;
						}
				}
			if (checkStr(link, obj[m].id))
				{
					levelArray.push(obj[m].id);
					if (typeof(obj[m].subSection)!='undefined')
						{
							setLevel(obj[m].subSection);
						}
					break;
				}
		}
}



function setLevelId(obj, index)
{
	for (var m=0; m<obj.length; m++)
		{
			if (levelArray[index] == obj[m].id)
				{
					idArray.push(m);
					if (typeof(obj[m].subSection)!='undefined')
						{
							setLevelId(obj[m].subSection, (1+index));
						}
					break;
				}
		}
}


function getLevel() {
	var obj = sectionArray[section];
	link = location.href.toString();
	setLevel(obj);
	
	for (var i=0; i<levelArray.length; i++)
		{
			window['level'+(1+i)] = levelArray[i];
		}
		
	setLevelId(obj, 0);
	for (var i=0; i<idArray.length; i++)
		{
			window['id'+(1+i)] = idArray[i];
		}
}

getLevel();
//alert(id1 + " : " + id2 + " : " + id3);
//window.status = level1 + " : " + level2 + " : " + level3 + " : " + level4 + " : " + level5 + " : " + level6;
//window.status = id1 + " : " + id2;


function genLeft()
{
	if (level1)
	{
		/*if (d.getElementById(level1))
		{
			var level1Btn = d.getElementById(level1);
			level1Btn.src = '/eng/images/leftnav/' + level1 + '_over.gif';
		}*/
		//if (obj1[id2].subSection)
		if (d.getElementById(level1))
		{
			var level1Menu = d.getElementById(level1);
			
			//level1Menu.style.display = 'block';
		}
		
		if (level2)
		{
			if (d.getElementById(level1 + '_' + level2))
			{
				var level2Btn = d.getElementById(level1 + '_' + level2);
				level2Btn.src = '/eng/images/leftnav/' + level1 + '_' + level2 + '_over.gif';
			}
			
			if (level3)
			{
				if (d.getElementById(level1 + '_' + level2 + '_' + level3))
				{
					var level3Btn = d.getElementById(level1 + '_' + level2 + '_' + level3);
					level3Btn.src = '/eng/images/leftnav/' + level1 + '_' + level2 + '_' + level3 + '_over.gif';
				}
			}
		}
		
		
	}
}

function genBreadcrumbs()
{
	if (level1 == "")	return;
	var obj = sectionArray[section];
	var tempHtml = '';
	
	function genA(name, link, target)
	{
		link=(link=="#")?"javascript:void(0)":link;
		return '<a href="'+genLink(link)+'" target="'+target+'">' + name + '</a>';
	};
	
	tempHtml += genA('Home', 'index.jsp', '_top');
	
	tempHtml += genA(obj[id1].name, obj[id1].link, obj[id1].target);	
	
	if (id2 != null)
	{
		
		var obj1 = obj[id1].subSection;
		
		if (id3 != null && obj1[id2].subSection)
		{
			
			tempHtml += genA(obj1[id2].name, obj1[id2].link, obj1[id2].target);
			var obj2 = obj1[id2].subSection;
			tempHtml += obj2[id3].name;
			
			
		} else {
			
			tempHtml += obj1[id2].name;
		}
	}
	
	d.write(tempHtml);
}


function genTitle()
{
	if (level1 == "")	return;
	var obj = sectionArray[section];
	var tempHtml = '';
	
	if (id2 != null)
	{
		var obj1 = obj[id1].subSection;
		var obj2 = obj1[id2].subSection;
		
		//tempHtml += '<img src="/eng/images/'+obj[id1].id+'/'+obj1[id2].id+'_title.gif" alt="'+obj1[id2].name+'" />';
		//alert(obj1[id3].name);
		if (id3 != null) 
		{
			
			tempHtml += '<img src="/eng/images/'+obj[id1].id+'/'+obj1[id2].id+'_'+obj2[id3].id+'_title.gif" alt="'+obj2[id3].name+'" />';

			
		}
		else
		{
			tempHtml += '<img src="/eng/images/'+obj[id1].id+'/'+obj1[id2].id+'_title.gif" alt="'+obj1[id2].name+'" />';
		}
		
		//tempHtml += obj1[id2].name;
	}
	
	d.write(tempHtml);
}

function genLink(i)
{
	var path = "/eng/";
	
	if (!(i.indexOf('http') > -1) && !(i.indexOf('javascript') > -1) && i.indexOf('/') != 0)
	{
		var link = path + i;
	}
	else
	{
		var link = i;
	}
	
	return link;
}


/*the Dynamic content for one stop solution - Hong Kong */
var sectionList = new Array("smartsky", "smartbillboard", "smarttv", "smarttunnel", "smarttransit","tramsmart", "smartidea");


function changeShowcaseTabSection(sId) {
		for (var i = 0; i < sectionList.length; i++) 
			setVisible(sectionList[i], false);
		
		setVisible(sectionList[sId], true);
		return false;
}
/*end of Dynamic content for one stop solution - Hong Kong */

/*the Dynamic content for one stop solution - China*/
var sectionList3 = new Array("smartbillboard");


function changeChinaTabSection(sId) {
		for (var i = 0; i < sectionList3.length; i++) 
			setVisible(sectionList3[i], false);
		
		setVisible(sectionList3[sId], true);
		return false;
}
/*end of Dynamic content for one stop solution - China */

/*the Dynamic content for one stop solution - Macau*/
var sectionList2 = new Array("smartbillboard", "smarttransit");


function changeMacauTabSection(sId) {
		for (var i = 0; i < sectionList2.length; i++) 
			setVisible(sectionList2[i], false);
		
		setVisible(sectionList2[sId], true);
		return false;
}
/*end of Dynamic content for one stop solution - Macau */

/*the Dynamic content for one stop solution - Singapore*/
var sectionList4 = new Array("smartsky", "smartbillboard");


function changeSingaporeTabSection(sId) {
		for (var i = 0; i < sectionList4.length; i++) 
			setVisible(sectionList4[i], false);
		
		setVisible(sectionList4[sId], true);
		return false;
}
/*end of Dynamic content for one stop solution - Singapore */

function setVisible(myObjID, myflag) {
		var obj = document.getElementById(myObjID);
		var obj2 = document.getElementById(('btn_'+myObjID));
		(myflag) ? obj.style.visibility = "visible" : obj.style.visibility = "hidden";
		
		if (myflag) {
			obj2.src = '/eng/images/'+myObjID+'_on.jpg';
		} else {
			obj2.src = '/eng/images/'+myObjID+'.jpg';
		}
}

var thisSect;

function genProductsImage(target, area, part) {
	var sect = 0;
	var obj = photohkArray[sect];
	//var obj2 = photochinaArray[sect];
	//var obj3 = photomacauArray[sect];
	//var obj4 = photosingaporeArray[sect];
	
	thisSect = obj[target-1].id;
	
	var photo = 1;
	var i;
	var j;

	
	str = '';
	
	str += '<div class="photoimagebox">';
	
	//One-stop HK
	if (part == "one" && area == "hk") {
			str += '	<div class="photo2" id="photoshow_' + obj[target-1].id + '"><img id="image_'+obj[target-1].id+'" src="../../images/products/onestop/hk/'+obj[target-1].id+'_1.jpg" alt="" /></div>';
			
			
			str += '<div id="marquee_show_' + obj[target-1].id + '">';
			str += '	<div style="white-space:nowrap;" id="slide_' + obj[target-1].id + '">';
			
			//str += '	<marquee style="white-space:nowrap;" behavior="scroll" direction="left" scrollamount="3" id="marquee_part_' + obj[target-1].id + '">';
			for (j=0;j<obj[target-1].subSection.length; j++){
			str += '	<img id="photo_'+obj[target-1].id+'_' +(j+1)+ '" src="../../images/products/onestop/hk/'+obj[target-1].id+'_'+ (j+1) +'.jpg" alt="" />';
			}			
			//str += '	</marquee>';
			str += '	</div>';
		str += '	<script type="text/javascript">';
			str += '	new Marquee("slide_' + obj[target-1].id +'",2,1,238,170,50,0,0);';
		
			
			str += '	</script>';
			str += '	</div>';
			
	
			
			str += '<div class="showcasetab square_'+obj[target-1].id+'" id="title_'+obj[target-1].id+'">'+obj[target-1].subSection[0]+'</div>';
			str += '</div>';
			str += '<div class="buttonpart">';
			str += '<div class="pagebtn" id="page_'+obj[target-1].id+'">';
			
			
			str += '	<a href="javascript:changePhotoNav(\''+obj[target-1].id+'\', -1);" id="pre_'+obj[target-1].id+'" class="genphoto"><img src="../../images/products/pre_btn_'+obj[target-1].id+'.gif" alt="" /></a> ';
			
			str += '<span id="photoNav_'+obj[target-1].id+'">';
			
		
			
			for (i=0;i<obj[target-1].subSection.length; i++) {
				str += '<a href="#num_'+obj[target-1].id + (i+1)+'" onclick="genphoto(' + (i+1)+','+(target-1) +');" class="genphoto"><span id="num_'+ obj[target-1].id + (i+1) + '">' + (i+1) + '</span></a>'
				
				/*str += '<input type="button" ="genphoto(' + (j+1) + ');">' + (j+1) + '</input>';*/
			}
			
			str += '</span>';
			
			if (obj[target-1].subSection.length >10) {
			str += '	<a href="javascript:changePhotoNav(\''+obj[target-1].id+'\', 1);" id="next_'+obj[target-1].id+'"><img src="../../images/products/next_btn.gif" alt="" /></a>';
			}
			
			
			str += '</div>';
			
			str += '	<div class="videopart">';
			str += '	<div class="videobtn">';
				str += '	<div class="videobtn_left">';
				//str += '		<a href="javascript:displaySlide(\''+obj[target-1].id+'\');"><img id="slide_' + obj[target-1].id + '" src="../../images/products/slide_play.gif" alt="" /></a>';
				
				//onmouseover="marquee_part_' + obj[target-1].id + '.stop();"  onmouseout="marquee_part_' + obj[target-1].id + '.start();"
				//displayPlay(\''+obj[target-1].id+'\');
				
				//str += '		<a href="#" ="playButton(\''+obj[target-1].id+'\');"><img id="play_' + obj[target-1].id + '" src="../../images/products/slide_stop.gif" alt="" /></a>';
				//str += '		<img id="play_' + obj[target-1].id + '" src="../../images/products/slide_stop.gif" alt="" onclick="startStop(\'slide_'+obj[target-1].id+'\'); " />';
				str += '		<span class="mousecursor"><img id="play_' + obj[target-1].id + '" src="../../images/products/slide_stop.gif" alt="" onclick="startStop(\''+obj[target-1].id+'\'); " /></span>';
				//alert('play_'+obj[target-1].id);
				
				str += '</div>';
			
			if (obj[target-1].video == 1){		
					str += '	<div class="videobtn_left">';
					
					
					str += '		<a target="_blank" href="'+((isIE)?'../../media/'+obj[target-1].videolink+'.flv':'./media/'+obj[target-1].videolink+'.flv')+'"; rel="lightbox[elements]" date="" desc=""><img id="btn_video1" src="../../images/products/video_btn.png" class="pngImg" width="38" height="8" alt="" /></a>';
					//str += '		<a target="_blank" href="'+ obj[target-1].videolink +'"><img id="btn_video1" src="../../images/products/video_btn.png" class="pngImg" width="38" height="8" alt="" /></a>';
					str += '</div>';
			}
			str += '</div>';
			str += '	</div>';

	}
	str += '</div>';
	
	d.write(str);
	
	changePhotoNav(thisSect);
	currentImg((obj[target-1].id)+'1',true);
}


function genProductsImageChina(target, area, part) {
	var sect = 0;
	var obj = photochinaArray[sect];
	//var obj2 = photochinaArray[sect];
	//var obj3 = photomacauArray[sect];
	//var obj4 = photosingaporeArray[sect];
	
	thisSect = obj[target-1].id;
	
	var photo = 1;
	var i;
	var j;

	
	str = '';
	
	str += '<div class="photoimagebox">';
	
	//One-stop China
	if (part == "one" && area == "china") {
			str += '	<div class="photo2" id="photoshow_' + obj[target-1].id + '"><img id="image_'+obj[target-1].id+'" src="../../images/products/onestop/china/'+obj[target-1].id+'_1.jpg" alt="" /></div>';
			
			str += '<div id="marquee_show_' + obj[target-1].id + '">';
			str += '	<div style="white-space:nowrap;" id="slide_' + obj[target-1].id + '">';
			
			//str += '	<marquee style="white-space:nowrap;" behavior="scroll" direction="left" scrollamount="3" id="marquee_part_' + obj[target-1].id + '">';
			for (j=0;j<obj[target-1].subSection.length; j++){
			str += '	<img id="photo_'+obj[target-1].id+'_' +(j+1)+ '" src="../../images/products/onestop/china/'+obj[target-1].id+'_'+ (j+1) +'.jpg" alt="" />';
			}			
			//str += '	</marquee>';
			str += '	</div>';
		str += '	<script type="text/javascript">';
			str += '	new Marquee("slide_' + obj[target-1].id +'",2,1,238,170,50,0,0);';
		
			
			str += '	</script>';
			str += '	</div>';
			
	
			
			str += '<div class="showcasetab square_'+obj[target-1].id+'" id="title_'+obj[target-1].id+'">'+obj[target-1].subSection[0]+'</div>';
			str += '</div>';
			str += '<div class="buttonpart">';
			str += '<div class="pagebtn" id="page_'+obj[target-1].id+'">';
			
			
			str += '	<a href="javascript:changePhotoNav(\''+obj[target-1].id+'\', -1);" id="pre_'+obj[target-1].id+'" class="genphoto"><img src="../../images/products/pre_btn_'+obj[target-1].id+'.gif" alt="" /></a> ';
			
			str += '<span id="photoNav_'+obj[target-1].id+'">';
			
		
			
			for (i=0;i<obj[target-1].subSection.length; i++) {
				str += '<a href="#num_'+obj[target-1].id + (i+1)+'" onclick="genphoto2(' + (i+1)+','+(target-1) +');" class="genphoto"><span id="num_'+ obj[target-1].id + (i+1) + '">' + (i+1) + '</span></a>'
				
				/*str += '<input type="button" ="genphoto(' + (j+1) + ');">' + (j+1) + '</input>';*/
			}
			
			str += '</span>';
			
			if (obj[target-1].subSection.length >10) {
			str += '	<a href="javascript:changePhotoNav(\''+obj[target-1].id+'\', 1);" id="next_'+obj[target-1].id+'"><img src="../../images/products/next_btn.gif" alt="" /></a>';
			}
			
			
			str += '</div>';
			
			str += '	<div class="videopart">';
			str += '	<div class="videobtn">';
				str += '	<div class="videobtn_left">';
				//str += '		<a href="javascript:displaySlide(\''+obj[target-1].id+'\');"><img id="slide_' + obj[target-1].id + '" src="../../images/products/slide_play.gif" alt="" /></a>';
				
				//onmouseover="marquee_part_' + obj[target-1].id + '.stop();"  onmouseout="marquee_part_' + obj[target-1].id + '.start();"
				//displayPlay(\''+obj[target-1].id+'\');
				
				str += '		<span class="mousecursor"><img id="play_' + obj[target-1].id + '" src="../../images/products/slide_stop.gif" alt="" onclick="startStop(\''+obj[target-1].id+'\'); " /></span>';
				str += '</div>';
			
				if (obj[target-1].video == 1){		
					str += '	<div class="videobtn_left">';
					str += '		<a target="_blank" href="'+ obj[target-1].videolink +'"><img id="btn_video1" src="../../images/products/video_btn.png" class="pngImg" width="38" height="8" alt="" /></a>';
					str += '</div>';
			}
			str += '</div>';
			str += '	</div>';

	}
	str += '</div>';
	
	d.write(str);
	
	changePhotoNav(thisSect);
	currentImg((obj[target-1].id)+'1',true);
}


function genProductsImageMacau(target, area, part) {
	var sect = 0;
	var obj = photomacauArray[sect];
	//var obj2 = photochinaArray[sect];
	//var obj3 = photomacauArray[sect];
	//var obj4 = photosingaporeArray[sect];
	
	thisSect = obj[target-1].id;
	
	var photo = 1;
	var i;
	var j;

	
	str = '';
	
	str += '<div class="photoimagebox">';
	
	//One-stop Macau
	if (part == "one" && area == "macau") {
			str += '	<div class="photo2" id="photoshow_' + obj[target-1].id + '"><img id="image_'+obj[target-1].id+'" src="../../images/products/onestop/macau/'+obj[target-1].id+'_1.jpg" alt="" /></div>';
			
			str += '<div id="marquee_show_' + obj[target-1].id + '">';
			str += '	<div style="white-space:nowrap;" id="slide_' + obj[target-1].id + '">';
			
			//str += '	<marquee style="white-space:nowrap;" behavior="scroll" direction="left" scrollamount="3" id="marquee_part_' + obj[target-1].id + '">';
			for (j=0;j<obj[target-1].subSection.length; j++){
			str += '	<img id="photo_'+obj[target-1].id+'_' +(j+1)+ '" src="../../images/products/onestop/macau/'+obj[target-1].id+'_'+ (j+1) +'.jpg" alt="" />';
			}			
			//str += '	</marquee>';
			str += '	</div>';
		str += '	<script type="text/javascript">';
			str += '	new Marquee("slide_' + obj[target-1].id +'",2,1,238,170,50,0,0);';
		
			
			str += '	</script>';
			str += '	</div>';
			
	
			
			str += '<div class="showcasetab square_'+obj[target-1].id+'" id="title_'+obj[target-1].id+'">'+obj[target-1].subSection[0]+'</div>';
			str += '</div>';
			str += '<div class="buttonpart">';
			str += '<div class="pagebtn" id="page_'+obj[target-1].id+'">';
			
			
			str += '	<a href="javascript:changePhotoNav(\''+obj[target-1].id+'\', -1);" id="pre_'+obj[target-1].id+'" class="genphoto"><img src="../../images/products/pre_btn_'+obj[target-1].id+'.gif" alt="" /></a> ';
			
			str += '<span id="photoNav_'+obj[target-1].id+'">';
			
		
			
			for (i=0;i<obj[target-1].subSection.length; i++) {
				str += '<a href="#num_'+obj[target-1].id + (i+1)+'" onclick="genphoto3(' + (i+1)+','+(target-1) +');" class="genphoto"><span id="num_'+ obj[target-1].id + (i+1) + '">' + (i+1) + '</span></a>'
				
				/*str += '<input type="button" ="genphoto(' + (j+1) + ');">' + (j+1) + '</input>';*/
			}
			
			str += '</span>';
			
			if (obj[target-1].subSection.length >10) {
			str += '	<a href="javascript:changePhotoNav(\''+obj[target-1].id+'\', 1);" id="next_'+obj[target-1].id+'"><img src="../../images/products/next_btn.gif" alt="" /></a>';
			}
			
			
			str += '</div>';
			
			str += '	<div class="videopart">';
			str += '	<div class="videobtn">';
				str += '	<div class="videobtn_left">';
				//str += '		<a href="javascript:displaySlide(\''+obj[target-1].id+'\');"><img id="slide_' + obj[target-1].id + '" src="../../images/products/slide_play.gif" alt="" /></a>';
				
				//onmouseover="marquee_part_' + obj[target-1].id + '.stop();"  onmouseout="marquee_part_' + obj[target-1].id + '.start();"
				//displayPlay(\''+obj[target-1].id+'\');
				
				str += '		<span class="mousecursor"><img id="play_' + obj[target-1].id + '" src="../../images/products/slide_stop.gif" alt="" onclick="startStop(\''+obj[target-1].id+'\'); " /></span>';
				str += '</div>';
			
				if (obj[target-1].video == 1){		
					str += '	<div class="videobtn_left">';
					str += '		<a target="_blank" href="'+ obj[target-1].videolink +'"><img id="btn_video1" src="../../images/products/video_btn.png" class="pngImg" width="38" height="8" alt="" /></a>';
					str += '</div>';
			}
			str += '</div>';
			str += '	</div>';

	}
	str += '</div>';
	
	d.write(str);
	
	changePhotoNav(thisSect);
	currentImg((obj[target-1].id)+'1',true);
}

function genProductsImageSingapore(target, area, part) {
	var sect = 0;
	var obj = photoonesingaporeArray[sect];
	//var obj2 = photochinaArray[sect];
	//var obj3 = photomacauArray[sect];
	//var obj4 = photosingaporeArray[sect];
	
	thisSect = obj[target-1].id;
	
	var photo = 1;
	var i;
	var j;

	
	str = '';
	
	str += '<div class="photoimagebox">';
	
	//One-stop singapore
	if (part == "one" && area == "singapore") {
			str += '	<div class="photo2" id="photoshow_' + obj[target-1].id + '"><img id="image_'+obj[target-1].id+'" src="../../images/products/onestop/singapore/'+obj[target-1].id+'_1.jpg" alt="" /></div>';
			
			str += '<div id="marquee_show_' + obj[target-1].id + '">';
			str += '	<div style="white-space:nowrap;" id="slide_' + obj[target-1].id + '">';
			
			//str += '	<marquee style="white-space:nowrap;" behavior="scroll" direction="left" scrollamount="3" id="marquee_part_' + obj[target-1].id + '">';
			for (j=0;j<obj[target-1].subSection.length; j++){
			str += '	<img id="photo_'+obj[target-1].id+'_' +(j+1)+ '" src="../../images/products/onestop/singapore/'+obj[target-1].id+'_'+ (j+1) +'.jpg" alt="" />';
			}			
			//str += '	</marquee>';
			str += '	</div>';
		str += '	<script type="text/javascript">';
			str += '	new Marquee("slide_' + obj[target-1].id +'",2,1,238,170,50,0,0);';
		
			
			str += '	</script>';
			str += '	</div>';
			
	
			
			str += '<div class="showcasetab square_'+obj[target-1].id+'" id="title_'+obj[target-1].id+'">'+obj[target-1].subSection[0]+'</div>';
			str += '</div>';
			str += '<div class="buttonpart">';
			str += '<div class="pagebtn" id="page_'+obj[target-1].id+'">';
			
			
			str += '	<a href="javascript:changePhotoNav(\''+obj[target-1].id+'\', -1);" id="pre_'+obj[target-1].id+'" class="genphoto"><img src="../../images/products/pre_btn_'+obj[target-1].id+'.gif" alt="" /></a> ';
			
			str += '<span id="photoNav_'+obj[target-1].id+'">';
			
		
			
			for (i=0;i<obj[target-1].subSection.length; i++) {
				str += '<a href="#num_'+obj[target-1].id + (i+1)+'" onclick="genphoto5(' + (i+1)+','+(target-1) +');" class="genphoto"><span id="num_'+ obj[target-1].id + (i+1) + '">' + (i+1) + '</span></a>'
				
				/*str += '<input type="button" ="genphoto(' + (j+1) + ');">' + (j+1) + '</input>';*/
			}
			
			str += '</span>';
			
			if (obj[target-1].subSection.length >10) {
			str += '	<a href="javascript:changePhotoNav(\''+obj[target-1].id+'\', 1);" id="next_'+obj[target-1].id+'"><img src="../../images/products/next_btn.gif" alt="" /></a>';
			}
			
			
			str += '</div>';
			
			str += '	<div class="videopart">';
			str += '	<div class="videobtn">';
				str += '	<div class="videobtn_left">';
				//str += '		<a href="javascript:displaySlide(\''+obj[target-1].id+'\');"><img id="slide_' + obj[target-1].id + '" src="../../images/products/slide_play.gif" alt="" /></a>';
				
				//onmouseover="marquee_part_' + obj[target-1].id + '.stop();"  onmouseout="marquee_part_' + obj[target-1].id + '.start();"
				//displayPlay(\''+obj[target-1].id+'\');
				
				str += '		<span class="mousecursor"><img id="play_' + obj[target-1].id + '" src="../../images/products/slide_stop.gif" alt="" onclick="startStop(\''+obj[target-1].id+'\'); " /></span>';
				str += '</div>';
			
				if (obj[target-1].video == 1){		
					str += '	<div class="videobtn_left">';
					str += '		<a href="'+ obj[target-1].videolink +'"><img id="btn_video1" src="../../images/products/video_btn.png" class="pngImg" width="38" height="8" alt="" /></a>';
					str += '</div>';
			}
			str += '</div>';
			str += '	</div>';

	}
	str += '</div>';
	
	d.write(str);
	
	changePhotoNav(thisSect);
	currentImg((obj[target-1].id)+'1',true);
}

function genShowcaseImageSingapore(target, area, part) {
	var sect = 0;
	var obj = photosingaporeArray[sect];
	//var obj2 = photochinaArray[sect];
	//var obj3 = photomacauArray[sect];
	//var obj4 = photosingaporeArray[sect];
	
	thisSect = obj[target-1].id;
	
	var photo = 1;
	var i;
	var j;

	
	str = '';
	
	str += '<div class="photoimagebox">';
	
	//One-stop Singapore
	if (part == "showcase" && area == "singapore") {
			str += '	<div class="photo2" id="photoshow_' + obj[target-1].id + '"><img id="image_'+obj[target-1].id+'" src="../../images/products/showcase/singapore/'+obj[target-1].id+'_1.jpg" alt="" /></div>';
			
			str += '<div id="marquee_show_' + obj[target-1].id + '">';
			str += '	<div style="white-space:nowrap;" id="slide_' + obj[target-1].id + '">';
			
			//str += '	<marquee style="white-space:nowrap;" behavior="scroll" direction="left" scrollamount="3" id="marquee_part_' + obj[target-1].id + '">';
			for (j=0;j<obj[target-1].subSection.length; j++){
			str += '	<img id="photo_'+obj[target-1].id+'_' +(j+1)+ '" src="../../images/products/showcase/singapore/'+obj[target-1].id+'_'+ (j+1) +'.jpg" alt="" />';
			}			
			//str += '	</marquee>';
			str += '	</div>';
		str += '	<script type="text/javascript">';
			str += '	new Marquee("slide_' + obj[target-1].id +'",2,1,238,170,50,0,0);';
		
			
			str += '	</script>';
			str += '	</div>';
			
	
			
			str += '<div class="showcasetab square_'+obj[target-1].id+'" id="title_'+obj[target-1].id+'">'+obj[target-1].subSection[0]+'</div>';
			str += '</div>';
			str += '<div class="buttonpart">';
			str += '<div class="pagebtn" id="page_'+obj[target-1].id+'">';
			
			
			str += '	<a href="javascript:changePhotoNav(\''+obj[target-1].id+'\', -1);" id="pre_'+obj[target-1].id+'" class="genphoto"><img src="../../images/products/pre_btn_'+obj[target-1].id+'.gif" alt="" /></a> ';
			
			str += '<span id="photoNav_'+obj[target-1].id+'">';
			
		
			
			for (i=0;i<obj[target-1].subSection.length; i++) {
				str += '<a href="#num_'+obj[target-1].id + (i+1)+'" onclick="genphoto4(' + (i+1)+','+(target-1) +');" class="genphoto"><span id="num_'+ obj[target-1].id + (i+1) + '">' + (i+1) + '</span></a>'
				
				/*str += '<input type="button" onclick="genphoto(' + (j+1) + ');">' + (j+1) + '</input>';*/
			}
			
			str += '</span>';
			
			if (obj[target-1].subSection.length >10) {
			str += '	<a href="javascript:changePhotoNav(\''+obj[target-1].id+'\', 1);" id="next_'+obj[target-1].id+'"><img src="../../images/products/next_btn.gif" alt="" /></a>';
			}
			
			
			str += '</div>';
			
			str += '	<div class="videopart">';
			str += '	<div class="videobtn">';
				str += '	<div class="videobtn_left">';
				//str += '		<a href="javascript:displaySlide(\''+obj[target-1].id+'\');"><img id="slide_' + obj[target-1].id + '" src="../../images/products/slide_play.gif" alt="" /></a>';
				
				//onmouseover="marquee_part_' + obj[target-1].id + '.stop();"  onmouseout="marquee_part_' + obj[target-1].id + '.start();"
				//displayPlay(\''+obj[target-1].id+'\');
				
				str += '		<span class="mousecursor"><img id="play_' + obj[target-1].id + '" src="../../images/products/slide_stop.gif" alt="" onclick="startStop(\''+obj[target-1].id+'\'); " /></span>';
				str += '</div>';
			
				if (obj[target-1].video == 1){		
					str += '	<div class="videobtn_right">';
					str += '		<a target="_blank" href="'+ obj[target-1].videolink +'"><img id="btn_video1" src="../../images/products/video_btn.png" class="pngImg" width="38" height="8" alt="" /></a>';
					str += '</div>';
			}
			str += '</div>';
			str += '	</div>';

	}
	str += '</div>';
	
	d.write(str);
	
	changePhotoNav(thisSect);
	currentImg((obj[target-1].id)+'1',true);
}

var photoIndex = 1;

function changePhotoNav(id, index)
{
	var nav = document.getElementById("photoNav_"+id).getElementsByTagName('a');
	var preBtn = document.getElementById("pre_"+id);
	var nextBtn = document.getElementById("next_"+id);
	
	if (index != null)
	{
		if (index > 0)
		{
			var start = 10*photoIndex;
			photoIndex += index;
			var end = 10*photoIndex;
			nextBtn.style.display = (end >= nav.length)?"none":"inline";
			preBtn.style.display = (start <= 1)?"none":"inline";
		}
		else
		{
			photoIndex += index;
			var start = 10*photoIndex;
			var end = 10*photoIndex - 10;
			nextBtn.style.display = (start >= nav.length)?"none":"inline";
			preBtn.style.display = (end <= 1)?"none":"inline";
		}
		
		//alert("start:  "+start+" end :  "+end);
	}
	else
	{
		var start = 0;
		var end = 10;
	}
	
	for (var i=0; i<nav.length; i++)
	{
		if (start < end)
		{
			nav[i].style.display = (i >= start && i < end)?"inline":"none";
		}
		else
		{
			nav[i].style.display = (i < start && i >= end)?"inline":"none";
		}
	}
	
}



	/*one-stop solution HK*/
	
	function genphoto(number,target2) {
		var sect = 0;
		var obj = photohkArray[sect];
		var photosrc = d.getElementById('image_' + obj[target2].id);
		var play_icon = d.getElementById('play_' + obj[target2].id);
		//var play = document.getElementById("marquee_part_" +obj[target2].id);
		//alert(obj[target2].id);
		var titlesrc = d.getElementById('title_' + obj[target2].id);
		
		var name = d.getElementById(obj[target2].id);
		//alert(obj[target2].id); --> smartsky
		
		var c;
		for (c=0; c<obj[target2].subSection.length; c++){
			currentImg((obj[target2].id)+(c+1),false);
		}
		
		currentImg((obj[target2].id)+number,true);
		displayImg((obj[target2].id));
		play_icon.src = '/eng/images/products/slide_play.gif';
		//play.stop();
		play_icon.clicked = true;
		titlesrc.style.display="inline";
		
		photosrc.src = '/eng/images/products/onestop/hk/'+ obj[target2].id+'_' + (number) + '.jpg';
		titlesrc.innerHTML = obj[target2].subSection[number-1];
	}
	
/*one-stop solution China*/	
	function genphoto2(number,target2) {
		var sect = 0;
		var obj = photochinaArray[sect];
		var photosrc = d.getElementById('image_' + obj[target2].id);
		var play_icon = d.getElementById('play_' + obj[target2].id);
		//var play = document.getElementById("marquee_part_" +obj[target2].id);
		//alert(obj[target2].id);
		var titlesrc = d.getElementById('title_' + obj[target2].id);
		
		var name = d.getElementById(obj[target2].id);
		//alert(obj[target2].id); --> smartsky
		
		var c;
		for (c=0; c<obj[target2].subSection.length; c++){
			currentImg((obj[target2].id)+(c+1),false);
		}
		
		currentImg((obj[target2].id)+number,true);
		displayImg((obj[target2].id));
		play_icon.src = '/eng/images/products/slide_play.gif';
		//play.stop();
		play_icon.clicked = true;
		titlesrc.style.display="inline";
		
		photosrc.src = '/eng/images/products/onestop/china/'+ obj[target2].id+'_' + (number) + '.jpg';
		titlesrc.innerHTML = obj[target2].subSection[number-1];
}
/*one-stop solution Macau*/
	function genphoto3(number,target2) {
		var sect = 0;
		var obj = photomacauArray[sect];
		var photosrc = d.getElementById('image_' + obj[target2].id);
		var play_icon = d.getElementById('play_' + obj[target2].id);
		//var play = document.getElementById("marquee_part_" +obj[target2].id);
		//alert(obj[target2].id);
		var titlesrc = d.getElementById('title_' + obj[target2].id);
		
		var name = d.getElementById(obj[target2].id);
		//alert(obj[target2].id); --> smartsky
		
		var c;
		for (c=0; c<obj[target2].subSection.length; c++){
			currentImg((obj[target2].id)+(c+1),false);
		}
		
		currentImg((obj[target2].id)+number,true);
		displayImg((obj[target2].id));
		play_icon.src = '/eng/images/products/slide_play.gif';
		//play.stop();
		play_icon.clicked = true;
		titlesrc.style.display="inline";
		
		photosrc.src = '/eng/images/products/onestop/macau/'+ obj[target2].id+'_' + (number) + '.jpg';
		titlesrc.innerHTML = obj[target2].subSection[number-1];
	}


/*showcase singapore */
	function genphoto4(number,target2) {
		var sect = 0;
		
		var obj = photosingaporeArray[sect];
		var photosrc = d.getElementById('image_' + obj[target2].id);
		var play_icon = d.getElementById('play_' + obj[target2].id);
		//var play = document.getElementById("marquee_part_" +obj[target2].id);
		//alert(obj[target2].id);
		var titlesrc = d.getElementById('title_' + obj[target2].id);
		
		var name = d.getElementById(obj[target2].id);
		//alert(obj[target2].id); --> smartsky
		
		var c;
		for (c=0; c<obj[target2].subSection.length; c++){
			currentImg((obj[target2].id)+(c+1),false);
		}
		
		currentImg((obj[target2].id)+number,true);
		displayImg((obj[target2].id));
		play_icon.src = '/eng/images/products/slide_play.gif';
		//play.stop();
		play_icon.clicked = true;
		titlesrc.style.display="inline";
		
		photosrc.src = '/eng/images/products/showcase/singapore/'+ obj[target2].id+'_' + (number) + '.jpg';
		titlesrc.innerHTML = obj[target2].subSection[number-1];
	}
/*one-stop solution Singapore*/
	function genphoto5(number,target2) {
		var sect = 0;
		var obj = photoonesingaporeArray[sect];
		var photosrc = d.getElementById('image_' + obj[target2].id);
		var play_icon = d.getElementById('play_' + obj[target2].id);
		//var play = document.getElementById("marquee_part_" +obj[target2].id);
		//alert(obj[target2].id);
		var titlesrc = d.getElementById('title_' + obj[target2].id);
		
		var name = d.getElementById(obj[target2].id);
		//alert(obj[target2].id); --> smartsky
		
		var c;
		for (c=0; c<obj[target2].subSection.length; c++){
			currentImg((obj[target2].id)+(c+1),false);
		}
		
		currentImg((obj[target2].id)+number,true);
		displayImg((obj[target2].id));
		play_icon.src = '/eng/images/products/slide_play.gif';
		//play.stop();
		play_icon.clicked = true;
		titlesrc.style.display="inline";
		
		photosrc.src = '/eng/images/products/onestop/singapore/'+ obj[target2].id+'_' + (number) + '.jpg';
		titlesrc.innerHTML = obj[target2].subSection[number-1];
	}
	
	function currentImg(index,myflag) {
		var pagenum = document.getElementById("num_"+index);
		
		//alert(index);
		
		
		(myflag) ? pagenum.style.textDecoration = "underline" : pagenum.style.textDecoration = "none";

		
		if (myflag) {
			pagenum.style.textDecoration = "underline";
		} else {
			pagenum.style.textDecoration = "none";
		}
		

	}
	
	
	/*display the photo or display the slideshow*/
	function displayImg(id) {
	var photo = document.getElementById("photoshow_" +id);
	
	var slideshow = document.getElementById("slide_"+ id);
	var marquee_show = document.getElementById("marquee_show_"+ id);
	
	
	
	
	photo.style.display = "inline";
	//slideshow.style.visibility = "hidden";
	//slideshow.style.visibility = "hidden";
	marquee_show.style.display = "none";
	playing = false;


	}
	
/*play slideshow*/

	function playButton(id) {
		var play_icon = document.getElementById("play_" + id);
		var play = document.getElementById("marquee_part_" +id);
		var slideshow = document.getElementById("slide_"+ id);
		var photo = document.getElementById("photoshow_" +id);
		var titlesrc = d.getElementById('title_' + id);
		
		if (!play_icon.clicked) {
				//play.stop();
				play_icon.src = '/eng/images/products/slide_play.gif';
				play_icon.clicked = true;
				titlesrc.style.display="none";
				
				
		}else {
				//play.start();
				
				play_icon.src = '/eng/images/products/slide_stop.gif';
				slideshow.style.display = "inline";
				photo.style.display = "none";
				play_icon.clicked = false;
				titlesrc.style.display="none";
		}
			
	}
	
	var playing = true;
	function startStop(id){
		
		var sect = 0;
		var obj = photohkArray[sect];
		
		var play_id = document.getElementById('slide_'+id);
		var play_icon = document.getElementById('play_'+id);
		var photo = document.getElementById("photoshow_" +id);
		var slideshow = document.getElementById("slide_"+ id);
		var titlesrc = d.getElementById('title_' + id);
		var marquee_show = document.getElementById("marquee_show_"+ id);
		//alert(play_id);
		
		if(playing){
			play_id.onclick();
			play_icon.src = '/eng/images/products/slide_play.gif';
			titlesrc.style.display="none";
			photo.style.display = "none";
			marquee_show.style.display = "inline";
			
		}else{
			play_id.ondblclick();
			play_icon.src = '/eng/images/products/slide_stop.gif';
			//slideshow.style.visibility = "visible";
			photo.style.display = "none";
			marquee_show.style.display = "inline";
			titlesrc.style.display="none";
			
		}
		playing = !playing;
	}

/*Slide-show*/


/* Button MouseOver*/
function changeButtonBackColor(currentField) {
		var currentObj = document.getElementById(currentField);
		
		currentObj.style.backgroundColor = "#8FC32A";
}
/* Button MouseOut*/
function resetButtonBackColor(currentField) {
		var currentObj = document.getElementById(currentField);
		currentObj.style.backgroundColor = "#666666";
	}
	
function genTitleBottom() {
	
	if (level1 == "")	return;
	var obj = sectionArray[section];
	var currentObj = document.getElementById("borderwidth");
	
	
	
	if (id2 != null)
	{
		
		var obj1 = obj[id1].subSection;
		currentObj.style.width = obj1[id2].border + "px";
		
		if (id3 != null && obj1[id2].subSection)
		{
			
			
			var obj2 = obj1[id2].subSection;
			//currentObj.style.width = obj2[id2].border + "px";
			
			
		} else {
			
			currentObj.style.width = obj1[id2].border + "px";
		}
	}
		
	
}

/*The slideshow function*/
function Marquee() 
{ 
this.ID = document.getElementById(arguments[0]); 
var slide_smartsky = document.getElementById("slide_smartsky"); 



if(!this.ID) 
{ 
  alert("您要设置的\"" + arguments[0] + "\"初始化错误\r\n请检查标签ID设置是否正确!"); 
  this.ID = -1; 
  return; 
} 
this.Direction = this.Width = this.Height = this.DelayTime = this.WaitTime = this.CTL = this.StartID = this.Stop = this.MouseOver = 0; 
//slide_smartsky.clicked = true;
this.Step = 1; 
this.Timer = 30; 
this.DirectionArray = {"top":0 , "up":0 , "bottom":1 , "down":1 , "left":2 , "right":3}; 
if(typeof arguments[1] == "number" || typeof arguments[1] == "string")this.Direction = arguments[1]; 
if(typeof arguments[2] == "number")this.Step = arguments[2]; 
if(typeof arguments[3] == "number")this.Width = arguments[3]; 
if(typeof arguments[4] == "number")this.Height = arguments[4]; 
if(typeof arguments[5] == "number")this.Timer = arguments[5]; 
if(typeof arguments[6] == "number")this.DelayTime = arguments[6]; 
if(typeof arguments[7] == "number")this.WaitTime = arguments[7]; 
if(typeof arguments[8] == "number")this.ScrollStep = arguments[8]; 
this.ID.style.overflow = this.ID.style.overflowX = this.ID.style.overflowY = "hidden"; 
this.ID.noWrap = true; 
this.IsNotOpera = (navigator.userAgent.toLowerCase().indexOf("opera") == -1); 
if(arguments.length >= 7)this.Start(); 
} 
Marquee.prototype.Start = function() 
{ 
if(this.ID == -1)return; 
if(this.WaitTime < 800)this.WaitTime = 800; 
if(this.Timer < 20)this.Timer = 20; 
if(this.Width == 0)this.Width = parseInt(this.ID.style.width); 
if(this.Height == 0)this.Height = parseInt(this.ID.style.height); 
if(typeof this.Direction == "string")this.Direction = this.DirectionArray[this.Direction.toString().toLowerCase()]; 
this.HalfWidth = Math.round(this.Width / 2); 
this.HalfHeight = Math.round(this.Height / 2); 
this.BakStep = this.Step; 
this.ID.style.width = this.Width + "px"; 
this.ID.style.height = this.Height + "px"; 
if(typeof this.ScrollStep != "number")this.ScrollStep = this.Direction > 1 ? this.Width : this.Height; 
var templateLeft = "MSCLASS_TEMP_HTML MSCLASS_TEMP_HTML"; 
var templateTop = "MSCLASS_TEMP_HTML MSCLASS_TEMP_HTML"; 
var msobj = this; 
msobj.tempHTML = msobj.ID.innerHTML; 
if(msobj.Direction <= 1) 
{ 
  msobj.ID.innerHTML = templateTop.replace(/MSCLASS_TEMP_HTML/g,msobj.ID.innerHTML); 
} 
else 
{ 
  if(msobj.ScrollStep == 0 && msobj.DelayTime == 0) 
  { 
  msobj.ID.innerHTML += msobj.ID.innerHTML; 
  } 
  else 
  { 
  msobj.ID.innerHTML = templateLeft.replace(/MSCLASS_TEMP_HTML/g,msobj.ID.innerHTML); 
  } 
} 
var timer = this.Timer; 
var delaytime = this.DelayTime; 
var waittime = this.WaitTime; 
msobj.StartID = function(){msobj.Scroll()} 
msobj.Continue = function() 
    { 
    if(msobj.MouseOver == 1) 
    { 
      setTimeout(msobj.Continue,delaytime); 
    } 
    else 
    { clearInterval(msobj.TimerID); 
      msobj.CTL = msobj.Stop = 0; 
      msobj.TimerID = setInterval(msobj.StartID,timer); 
    } 
    } 
msobj.Pause = function() 
  { 
    msobj.Stop = 1; 
    clearInterval(msobj.TimerID); 
    setTimeout(msobj.Continue,delaytime); 
  } 
msobj.Begin = function() 
  { 
  msobj.ClientScroll = msobj.Direction > 1 ? msobj.ID.scrollWidth / 2 : msobj.ID.scrollHeight / 2; 
  if((msobj.Direction <= 1 && msobj.ClientScroll <= msobj.Height + msobj.Step) || (msobj.Direction > 1 && msobj.ClientScroll <= msobj.Width + msobj.Step))  { 
    msobj.ID.innerHTML = msobj.tempHTML; 
    delete(msobj.tempHTML); 
    return; 
  } 
  delete(msobj.tempHTML); 
  msobj.TimerID = setInterval(msobj.StartID,timer); 
  if(msobj.ScrollStep < 0)return; 
	
  msobj.ID.onmousemove = function(event) 
      { 
      if(msobj.ScrollStep == 0 && msobj.Direction > 1) 
      { 
        var event = event || window.event; 
        if(window.event) 
        { 
        if(msobj.IsNotOpera) 
        { 
          msobj.EventLeft = event.srcElement.id == msobj.ID.id ? event.offsetX - msobj.ID.scrollLeft : event.srcElement.offsetLeft - msobj.ID.scrollLeft + event.offsetX; 
        } 
        else 
        { 
          msobj.ScrollStep = null; 
          return; 
        } 
        } 
        else 
        { 
        msobj.EventLeft = event.layerX - msobj.ID.scrollLeft; 
        } 
        msobj.Direction = msobj.EventLeft > msobj.HalfWidth ? 3 : 2; 
        msobj.AbsCenter = Math.abs(msobj.HalfWidth - msobj.EventLeft); 
        msobj.Step = Math.round(msobj.AbsCenter * (msobj.BakStep*2) / msobj.HalfWidth); 
      } 
      } 
  msobj.ID.onclick = function() 
      { 
      if(msobj.ScrollStep == 0)return; 
      msobj.MouseOver = 1; 
			
      clearInterval(msobj.TimerID); 
			
      }  
  msobj.ID.ondblclick = function() 
      { 
      if(msobj.ScrollStep == 0) 
      { 
        if(msobj.Step == 0)msobj.Step = 1; 
        return; 
      } 
      msobj.MouseOver = 0; 
			//btn1.src = 'smartbillboard_1.jpg';
      if(msobj.Stop == 0) 
      { 
        clearInterval(msobj.TimerID); 
        msobj.TimerID = setInterval(msobj.StartID,timer); 
      } 
			
      } 
  } 
setTimeout(msobj.Begin,waittime); 
} 
Marquee.prototype.Scroll = function() 
{ 
switch(this.Direction) 
{ 
  case 0: 
  this.CTL += this.Step; 
  if(this.CTL >= this.ScrollStep && this.DelayTime > 0) 
  { 
    this.ID.scrollTop += this.ScrollStep + this.Step - this.CTL; 
    this.Pause(); 
    return; 
  } 
  else 
  { 
    if(this.ID.scrollTop >= this.ClientScroll) 
    { 
    this.ID.scrollTop -= this.ClientScroll; 
    } 
    this.ID.scrollTop += this.Step; 
  } 
  break; 
  case 1: 
  this.CTL += this.Step; 
  if(this.CTL >= this.ScrollStep && this.DelayTime > 0) 
  { 
    this.ID.scrollTop -= this.ScrollStep + this.Step - this.CTL; 
    this.Pause(); 
    return; 
  } 
  else 
  { 
    if(this.ID.scrollTop <= 0) 
    { 
    this.ID.scrollTop += this.ClientScroll; 
    } 
    this.ID.scrollTop -= this.Step; 
  } 
  break; 
  case 2: 
  this.CTL += this.Step; 
  if(this.CTL >= this.ScrollStep && this.DelayTime > 0) 
  { 
    this.ID.scrollLeft += this.ScrollStep + this.Step - this.CTL; 
    this.Pause(); 
    return; 
  } 
  else 
  { 
    if(this.ID.scrollLeft >= this.ClientScroll) 
    { 
    this.ID.scrollLeft -= this.ClientScroll; 
    } 
    this.ID.scrollLeft += this.Step; 
  } 
  break; 
  case 3: 
  this.CTL += this.Step; 
  if(this.CTL >= this.ScrollStep && this.DelayTime > 0) 
  { 
    this.ID.scrollLeft -= this.ScrollStep + this.Step - this.CTL; 
    this.Pause(); 
    return; 
  } 
  else 
  { 
    if(this.ID.scrollLeft <= 0) 
    { 
    this.ID.scrollLeft += this.ClientScroll; 
    } 
    this.ID.scrollLeft -= this.Step; 
  } 
  break; 
} 
} 

//display video
function genFLV(flv, type)
	{
		document.write('<a href="'+((isIE)?'../../media/'+flv+'.flv':'./media/'+flv+'.flv')+'"; rel="lightbox[elements]" date="" desc="" ><img src="../../images/products/video_btn_smartsky'+type+'.gif" alt="" /></a>')
	}

function genFLV2(flv, type)
	{
		document.write('<a href="'+((isIE)?'../../media/'+flv+'.flv':'./media/'+flv+'.flv')+'"; rel="lightbox[elements]" date="" desc="" ><img src="../../images/products/video_btn_transit'+type+'.gif" alt="" /></a>')
	}