var greaterChinaTradeEvent = new function(){

	this.bind = function(id, lang, ypTradeUrl){
	    lang = lang.toLowerCase();
	    ypTradeUrl += "/ypTrade/" + lang + "/html/event.jsp?verticalDesc=";	    
	    $.get("/IYP_API/tradeEventXML/greaterChina_TradeEvent_" + lang + ".xml", function(xmlData){
	        var iMax = 33;
	        var arrTypeVal = ["HK", "SH", "TW", "MO"];
	        var arrType = ["Hong Kong", "Shanghai", "Taiwan", "Macau"];
	        if(lang != "en"){
	            iMax = 24;
	            arrType = ["香港", "上海", "台灣", "澳門"];
	        }
	        var arrEvalue2 = ["Chn_tradeevent_HK", "Chn_tradeevent_SH", "Chn_tradeevent_TW", "Chn_tradeevent_MO"];
	        
	        var sHtml = "";
	        for(var i = 0; i < arrType.length; i++){
	            var sUrl = ypTradeUrl + encodeURIComponent(arrTypeVal[i]);
	            var arrTE = $(xmlData).find("TradeEvent").filter(function(){return $(this).children("Type").text() == arrType[i];});
	            var index = parseInt(Math.random() * (arrTE.size()));	            
	            var tradeEvent = arrTE.eq(index);
	            var title = tradeEvent.children("Title").text().trim();
	            if(title.length > iMax){
	                title = title.substring(0,iMax) + "...";
	            }
	            sHtml += "<li style=\"height: 60px; margin-bottom: 5px;\">";
	            sHtml += "  <a href=\"" + sUrl + "\"  onclick=\"webTraffic(77,sLang,this.href, '" + arrEvalue2[i] + "');\" target=\"_blank\"><img src=\"" + tradeEvent.children("Image").text().trim() + "\" class=\"thumb\" style=\"margin-right: 5px;\" width=\"80\" height=\"60\" align=\"left\"></a>";
	            sHtml += "  <a class=\"overunder\" style=\"color: rgb(253, 100, 8);\" href=\"" + sUrl + "\" onclick=\"webTraffic(77,sLang,this.href, '" + arrEvalue2[i] + "');\" target=\"_blank\">" + arrType[i]  + "</a><br>";
	            sHtml += "  <span style=\"font-size: 11px;\"><a class=\"bluelink overunder\" href=\"" + sUrl + "\"  onclick=\"webTraffic(77,sLang,this.href, '" + arrEvalue2[i] + "');\" target=\"_blank\" style=\"font-size: 11px;\">" + title + "</a><br>" + tradeEvent.children("DatePeriod").text().trim() + "</span>";
	            sHtml += "</li>";
	        }
	        $("#" + id).html(sHtml);
        });
	}
}