function chkFlash() {
    var isIE = (navigator.appVersion.indexOf("MSIE") >= 0);
    var hasFlash = true;
    if(isIE) {
        try{
            var objFlash = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
        } catch(e) {
            hasFlash = false;
        }
    } else {
        if(!navigator.plugins["Shockwave Flash"]) {
            hasFlash = false;
        }
    }
    return hasFlash;
}

function showPopup () {
	var enlargeBoxOuter = $("<div id=\"enlargeBoxOuter\"><div id=\"enlargeBox\"><p>" + arguments[0] + "</p></div><span class=\"Close\">x</span></div>");
		$("#content").before(enlargeBoxOuter);	

		enlargeBoxOuter.addClass(arguments[1].replace(" ", ""));
		
		if ((/MSIE (5\.5|6\.)/).test(navigator.userAgent)) { //Exception for IE6 and below
			supersleight.limitTo("enlargeBox");
			
			iFrameEnlargeBox = $("<iframe src='' frameborder='0' frameborder='0' marginwidth='0' marginheight='0' scrolling='no'' class='iEnlargeBox'></iframe>");
			$("#content").before(iFrameEnlargeBox);
			iFrameEnlargeBox.css({
				'height':enlargeBoxOuter.height(),
				'top': enlargeBoxOuter.css("top"),
				'left': enlargeBoxOuter.css("left"),
				'right': enlargeBoxOuter.css("right"),
				'width': enlargeBoxOuter.width()
			})  
		}
}

$(document).ready(function () {
    $(".Enlarge").bind("click", function () {
		if($("#enlargeBoxOuter").length > 0) {
			$("#enlargeBoxOuter").remove();
			$(".iEnlargeBox").remove();
		}
        showPopup($(this).html(),$(this).attr('class'));
		$("#enlargeBoxOuter .Close").bind("click", function () {											
            $("#enlargeBoxOuter").remove();
			$(".iEnlargeBox").remove();
    	});
        $("#enlargeBox").bind("click", function () {
            return false;
        });
        return false;
    });
	
	EnlargeLink();
	
	$("a.EnlargeMap").bind("click", function () {
		ShowEnlarge();						  
		return false;
	})
	
	//udpate start here
	/*
	$(".CloseEnlargeMap").bind("click", function () {
		
		$("#mapOverlay").remove(); 
		//udpate start here
		$("#largeMap").remove();
		//$("#largeMap").hide(); 
		//end update
		
		return false;
	})
	*/
});

function EnlargeLink() {
	var flashMap = $("#flashMap");
	var path = String(window.location);
	var hasFlash = chkFlash();
	
	if(hasFlash){

	if(flashMap.find("embed").length > 0 ){	
		if(path.indexOf("/gb/") != -1){
			flashMap.find("embed").before("<p>请点击地图查看办事处。点击 <a href=\"#\" title=\"放大\" class=\"EnlargeMap\">放大</a> 查看大图.</p>");
			flashMap.find("embed").after("<div class=\"EnlargeMap\"><a href=\"#\" title=\"放大地图\" class=\"EnlargeMap\">放大地图</a></div>");		
		}else if(path.indexOf("/zh/") != -1){
			flashMap.find("embed").before("<p>請按地圖查看辦事處。您亦可按 <a href=\"#\" title=\"放大\" class=\"EnlargeMap\">放大</a> 查看放大地圖.</p>");
			flashMap.find("embed").after("<div class=\"EnlargeMap\"><a href=\"#\" title=\"放大地圖\" class=\"EnlargeMap\">放大地圖</a></div>");
		}else{
			flashMap.find("embed").before("<p>Please click on the map to view our offices. You can click <a href=\"#\" title=\"Enlarge\" class=\"EnlargeMap\">Enlarge</a> to view a larger version.</p>");
			flashMap.find("embed").after("<div class=\"EnlargeMap\"><a href=\"#\" title=\"Enlarge the map\" class=\"EnlargeMap\">Enlarge the map</a></div>");				
		}
		
	}
	if(flashMap.find("object").length > 0 ){
		if(path.indexOf("/gb/") != -1){
			flashMap.find("object").before("<p>请点击地图查看办事处。点击 <a href=\"#\" title=\"放大\" class=\"EnlargeMap\">放大</a> 查看大图.</p>");
			flashMap.find("object").after("<div class=\"EnlargeMap\"><a href=\"#\" title=\"放大地图\" class=\"EnlargeMap\">放大地图</a></div>");	
		}else if(path.indexOf("/zh/") != -1){
			flashMap.find("object").before("<p>請按地圖查看辦事處。您亦可按 <a href=\"#\" title=\"放大\" class=\"EnlargeMap\">放大</a> 查看放大地圖.</p>");
			flashMap.find("object").after("<div class=\"EnlargeMap\"><a href=\"#\" title=\"放大地圖\" class=\"EnlargeMap\">放大地圖</a></div>");	
		}else{
			flashMap.find("object").before("<p>Please rollover the map to view our offices. You can click <a href=\"#\" title=\"Enlarge\" class=\"EnlargeMap\">Enlarge</a> to view a larger version.</p>");
			flashMap.find("object").after("<div class=\"EnlargeMap\"><a href=\"#\" title=\"Enlarge the map\" class=\"EnlargeMap\">Enlarge the map</a></div>");	
		}
	}

	}
	/*
	if(flashMap.find("embed").length > 0 ){
		flashMap.find("embed").before("<p>Please click on the map to view our offices. You can click <a href=\"#\" title=\"Enlarge\" class=\"EnlargeMap\">Enlarge</a> to view a larger version.</p>");
		flashMap.find("embed").after("<div class=\"EnlargeMap\"><a href=\"#\" title=\"Enlarge the map\" class=\"EnlargeMap\">Enlarge the map</a></div>");
		
	}
	
	if(flashMap.find("object").length > 0 ){
		flashMap.find("object").before("<p>Please rollover the map to view our offices. You can click <a href=\"#\" title=\"Enlarge\" class=\"EnlargeMap\">Enlarge</a> to view a larger version.</p>");
		flashMap.find("object").after("<div class=\"EnlargeMap\"><a href=\"#\" title=\"Enlarge the map\" class=\"EnlargeMap\">Enlarge the map</a></div>");	
	}*/
}

function ShowEnlarge(){
	
	var mapOverlay = $("<div id=\"mapOverlay\"></div>");

	//Because Beans reallly lazy when we ask for some help always say no, now dont have time have to use this stupid way to fix this problem. 	
	var str = window.location;
		
	var num = String(str).indexOf("iw-preview");

	var path = String(window.location);

	if(num>0){
		if(path.indexOf("/gb/") != -1){
			var swfURI = "/iw/cci/meta/no-injection/iw-mount/default/main/SCB/WORKAREA/PvBWeb2.0/html/web/_swf/01b3.where_we_are-large_gb.swf"; 
			var xmlURI = "/iw/cci/meta/no-injection/iw-mount/default/main/SCB/WORKAREA/PvBWeb2.0/html/web/_xml/location_gb.xml";
		}else if(path.indexOf("/zh/") != -1){
			var swfURI = "/iw/cci/meta/no-injection/iw-mount/default/main/SCB/WORKAREA/PvBWeb2.0/html/web/_swf/01b3.where_we_are-large_zh.swf"; 
			var xmlURI = "/iw/cci/meta/no-injection/iw-mount/default/main/SCB/WORKAREA/PvBWeb2.0/html/web/_xml/location_zh.xml";
		}else{		
			var swfURI = "/iw/cci/meta/no-injection/iw-mount/default/main/SCB/WORKAREA/PvBWeb2.0/html/web/_swf/01b3.where_we_are-large.swf"; 
			var xmlURI = "/iw/cci/meta/no-injection/iw-mount/default/main/SCB/WORKAREA/PvBWeb2.0/html/web/_xml/location.xml";
		}
	}else{
		if(path.indexOf("/gb/") != -1){
			var swfURI = "/html/web/_swf/01b3.where_we_are-large_gb.swf"; 
			var xmlURI = "/html/web/_xml/location_gb.xml";	
		}else if(path.indexOf("/zh/") != -1){
			var swfURI = "/html/web/_swf/01b3.where_we_are-large_zh.swf"; 
			var xmlURI = "/html/web/_xml/location_zh.xml";	
		}else{
			var swfURI = "/html/web/_swf/01b3.where_we_are-large.swf"; 
			var xmlURI = "/html/web/_xml/location.xml";	
		}
	}	

	//largeMap
	if(path.indexOf("/gb/") != -1){
		var largeMap = $('<div id="largeMap"><div class="largeMapInner"><div class="Wrapper"><p>请点击地图查看办事处.</p><a href="#" title="关闭" class="CloseEnlargeMap">关闭</a></div><div id="largeFlashMap"><script type="text/javascript">var so = new SWFObject("'+swfURI+'", "Map", "845", "430", "8", "#FFFFFF");so.addParam("quality", "best");so.addParam("wmode", "opaque");so.addParam("menu", "false");so.addParam("flashvars","path='+xmlURI+'");so.write("largeFlashMap");</script></div></div></div>');
	}else if(path.indexOf("/zh/") != -1){
		var largeMap = $('<div id="largeMap"><div class="largeMapInner"><div class="Wrapper"><p>請按地圖查看辦事處.</p><a href="#" title="關閉" class="CloseEnlargeMap">關閉</a></div><div id="largeFlashMap"><script type="text/javascript">var so = new SWFObject("'+swfURI+'", "Map", "845", "430", "8", "#FFFFFF");so.addParam("quality", "best");so.addParam("wmode", "opaque");so.addParam("menu", "false");so.addParam("flashvars","path='+xmlURI+'");so.write("largeFlashMap");</script></div></div></div>');
	}else{
		var largeMap = $('<div id="largeMap"><div class="largeMapInner"><div class="Wrapper"><p>Please click on the map to view our offices.</p><a href="#" title="Close" class="CloseEnlargeMap">Close</a></div><div id="largeFlashMap"><script type="text/javascript">var so = new SWFObject("'+swfURI+'", "Map", "845", "430", "8", "#FFFFFF");so.addParam("quality", "best");so.addParam("wmode", "opaque");so.addParam("menu", "false");so.addParam("flashvars","path='+xmlURI+'");so.write("largeFlashMap");</script></div></div></div>');
	}


	largeMap.appendTo($("#content"));
	
	//update start from here; added below codes, please change path to dynamic addresss
	
	/*var largeMap = $('<div id="largeMap"><div class="largeMapInner"><div class="Wrapper"><p>Please click on the map to view our offices.</p><a href="#" title="Close" class="CloseEnlargeMap">Close</a></div><div id="largeFlashMap"><script type="text/javascript">var so = new SWFObject("../../../../../_swf/01b3.where_we_are-large.swf", "Map", "845", "430", "8", "#FFFFFF");so.addParam("quality", "best");so.addParam("wmode", "opaque");so.addParam("menu", "false");so.addParam("flashvars","path=../../../../../_xml/location.xml");so.write("largeFlashMap");</script></div></div></div>');*/
	//largeMap.appendTo($("#content"));
	
	//end update 
	
	//var largeMap = $("#largeMap");
	largeMap.show();

	
	mapOverlay.appendTo($("#content"));
	mapOverlay.css({
            'height': $("#content").height() + 40
        });      
	
	$(".CloseEnlargeMap").bind("click", function () {
		
		$("#mapOverlay").remove(); 
		$("#largeMap").remove(); //udpate start here
		//$("#largeMap").hide(); 	
		return false;
	})
	
}