var news = {
	el : "tbl_news",
	action : function(el){
		if(!el){
			var table = document.getElementById(this.el);
		} else {
			this.el = el;
			var table = document.getElementById(this.el);
		}
		var tbody = table.getElementsByTagName("tbody")[0];
		var rows = tbody.childNodes;
		if(tbody.getElementsByTagName("tr").length == 0){
			news.none(tbody); //Not Find Data
			return false;
		}
		for(var i=0; i<rows.length; i++){
			if(rows[i].nodeType != 1 && rows[i].nodeName != "TR") continue;
			if(rows[i].getElementsByTagName("th").length > 0 && rows[i].getElementsByTagName("td").length == 0){
				news.open(rows,i);
			}
		}
		/*
		Preview
		ex)
		news.count = number;
		news.action();
		*/
		if(Number(this.count)){
			news.view(rows,(this.count*2)-2);
		}
	},
	close : function(el){
		for(var i=0; i<el.length; i++){
			if(el[i].nodeType != 1 && el[i].nodeName != "TR") continue;
			if(el[i].getElementsByTagName("th").length > 0 && el[i].getElementsByTagName("td").length == 0){
				el[i].className = "";
			} else {
				el[i].style.display = "none";
			}
		}
	},
	open : function(el,n){
		el[n].onclick = function(){
			news.nextSibling(this);
			if(this.className == "on"){
				this.className = "";
				news.next.style.display = "none";
			} else {
				news.close(el);
				this.getElementsByTagName("th")[1].style.color = "";
				this.className = "on";
				news.next.style.display = "";
			}
			news.iframe(news.next);
		}
		el[n].onmouseover = function(){
			if(this.className != "on") this.className = "over";
		}
		el[n].onmouseout = function(){
			if(this.className != "on") this.className = "";
		}
	},
	view : function(el,n){
		for(var i=0; i<el.length; i++){
			if(el[i].nodeType != 1 && el[i].nodeName != "TR") continue;
			if(n == 0){
				el[i].getElementsByTagName("th")[1].style.color = "";
				el[i].className = "on";
				news.nextSibling(el[i]);
				news.next.style.display = "";
				news.iframe(news.next);
				break;
			} else {
				n--;
			}
		}
	},
	none : function(el){
		var tr = document.createElement("tr");
		var td = document.createElement("td");
		var text = document.createTextNode("Not Find Data!");
		td.className = "no-data";
		td.colSpan = "3";
		td.appendChild(text);
		tr.appendChild(td);
		el.appendChild(tr);
	},
	nextSibling : function(el){
		news.next = el;
		for(var i=0; i<100; i++){
			news.next = news.next.nextSibling;
			if(news.next.nodeType == 1) break;
		}
	},
	iframe : function(el){
	    if(typeof el.getElementsByTagName("iframe")[0] == "object"){
	        var ifmID = el.getElementsByTagName("iframe")[0].id;
	        var resizeFunc = function(){
                var height = document.getElementById(ifmID).contentWindow.document.body.scrollHeight;
                document.getElementById(ifmID).style.height = height + "px";
            }
	        if(Number(this.count)){
	            var loadFunc = window.onload;
                document.getElementById(ifmID).onload = function(){
                    resizeFunc();
                }
                if(typeof window.onload == "function"){
                    window.attachEvent("onload", loadFunc);
                }
            } else {
                resizeFunc();
            }
	    }
	}
};

var media = {
	el : "ssl_wrap",
	action : function(){
		var el = document.getElementById(this.el);
		var thumb = el.getElementsByTagName("dt");
		var original = el.getElementsByTagName("dd");
		for(var i=0; i<thumb.length; i++){
			var button = original[i].getElementsByTagName("a")[0];
			button.count = i;
			button.onclick = function(){
				media.layer(this.count);
				return false;
			}
		}
	},
	layer : function(num){
		var el = document.getElementById(this.el).getElementsByTagName("dd")[num].getElementsByTagName("a")[0].href;
		var image = new Image();
		var maxwidth = 622;
		var maxheight = 466;
		media.resize = 0;
		image.src = el;
		if(image.width<1){
			setTimeout("media.layer('"+num+"')",10);
			return false;
		}
		if(image.width > maxwidth){ 
			image.height = image.height / (image.width / maxwidth);
			image.width = maxwidth;
			media.resize = 1;
		}
		if(image.height > maxheight){
			image.width = image.width / (image.height / maxheight);
			image.height = maxheight;
			media.resize = 1;
		}
		if(!document.getElementById("layerBack")){
			layer.open(el,640,535,num,image.width,image.height);
		} else {
			layer.write(el,num,image.width,image.height);
		}
	}
};

var layer = {
	open : function(el,w,h,num,img_w,img_h){
		var ifmback = document.createElement("div");
		ifmback.id = "layerBack";
		ifmback.style.position = "absolute";
		ifmback.style.left = "0";
		ifmback.style.top = "0";
		ifmback.style.zIndex = "1000";
		ifmback.style.filter = "alpha(opacity=78)";
		ifmback.style.MozOpacity = "0.78";
		ifmback.style.opacity = "0.78";
		ifmback.style.backgroundColor = "#000";
		ifmback.style.width = (document.body.clientWidth<990) ? "990px" : parseInt(document.body.clientWidth) + "px";
		ifmback.style.height = parseInt(document.documentElement.scrollHeight) + "px";
		document.body.appendChild(ifmback);
		ifmback.onclick = layer.close;

		
		var ifmcontent = document.createElement("div");
		ifmcontent.id = "layercontents";
		ifmcontent.style.position = "absolute";
		ifmcontent.style.backgroundColor = "#b1b1b6";
		ifmcontent.style.border = "3px solid #878794";
		ifmcontent.style.left = (parseInt(document.body.clientWidth)/2) - (parseInt(w)/2) + "px";
		ifmcontent.style.top = ((parseInt(document.documentElement.clientHeight)/2) + (parseInt(document.documentElement.scrollTop))) - (parseInt(h)/2) + "px";
		ifmcontent.style.zIndex = "5000";
		ifmcontent.frameBorder = "0";
		ifmcontent.style.width = w + "px";
		ifmcontent.style.height = h + "px";
		ifmcontent.style.margin = "0";
		document.body.appendChild(ifmcontent);

		layer.write(el,num,img_w,img_h);

		window.onresize = function(){
			ifmback.style.width = (document.body.clientWidth<990) ? "990px" : parseInt(document.body.clientWidth) + "px";
			ifmback.style.height = parseInt(document.documentElement.scrollHeight) + "px";
			ifmcontent.style.left = (parseInt(document.body.clientWidth)/2) - (parseInt(w)/2) + "px";
			ifmcontent.style.top = ((parseInt(document.documentElement.clientHeight)/2) + (parseInt(document.documentElement.scrollTop))) - (parseInt(h)/2) + "px";
		}
	},
	write : function(img_n,num,img_w,img_h){
	    if(!document.getElementById("MediaImage")){
	        var el = document.getElementById(media.el);
		    var thumb = el.getElementsByTagName("dt");
		    var strLayer = "";
				strLayer += "<p class=\"maximize\" id=\"MediaMaximize\" style=\"display:none;\"><a target=\"_blank\" id=\"MediaMaximizeLink\"><img src=\"http://image.webzen.com/Global/Mu/common/layer/bt_maximize.gif\" alt=\"Maximize\"></a></p>";
			    strLayer += "<p class=\"slide\">";
			    strLayer += "	<img src=\"http://image.webzen.com/Global/Mu/common/layer/bt_previmage.gif\" alt=\"Prev Image\" style=\"display:none;\" id=\"MediaPrev\" />";
			    strLayer += "	<img src=\"http://image.webzen.com/Global/Mu/common/layer/bt_nextimage.gif\" alt=\"Next Image\" style=\"display:none;\" id=\"MediaNext\" />";
			    strLayer += "	<img src=\"http://image.webzen.com/Global/Mu/common/layer/bt_close.gif\" alt=\"CLOSE\" onclick=\"layer.close();\" />";
			    strLayer += "</p>";
			    strLayer += "<table width=\"100%\" class=\"viewimage\"><tr><td><img alt=\"\" id=\"MediaImage\" style=\"display:none;\" /></td></tr></table>";
		    document.getElementById("layercontents").innerHTML = strLayer;
		}
		var el = document.getElementById(media.el);
		var thumb = el.getElementsByTagName("dt");
		var MaximizeElement = document.getElementById("MediaMaximize");
		var MaximizeLinkElement = document.getElementById("MediaMaximizeLink");
		var PrevElement = document.getElementById("MediaPrev");
		var NextElement = document.getElementById("MediaNext");
		var ImageElement = document.getElementById("MediaImage");
		if(media.resize == 1){
			MaximizeElement.style.display = "inline";
			MaximizeLinkElement.setAttribute("href",img_n);
		} else {
			MaximizeElement.style.display = "none";
		}
		if(num != 0){
			PrevElement.style.display = "inline";
			PrevElement.onclick = function(){ layer.prev(num); }
		} else { PrevElement.style.display = "none"; }
		if(num != thumb.length -1){
			NextElement.style.display = "inline";
			NextElement.onclick = function(){ layer.next(num); }
		} else { NextElement.style.display = "none"; }
		ImageElement.style.display = "inline";
		ImageElement.setAttribute("src",img_n);
		ImageElement.setAttribute("width",img_w);
		ImageElement.setAttribute("height",img_h);
	},
	close : function(){
		document.body.removeChild(document.getElementById("layercontents"));
		document.body.removeChild(document.getElementById("layerBack"));
		window.onresize = function(){};
	},
	prev : function(num){
		num = parseInt(num) - 1;
		media.layer(num);
	},
	next : function(num){
		num = parseInt(num) + 1;
		media.layer(num);
	}
};

//File Upload
var layertemp = {
	open : function(el,w,h){
		var ifmback = document.createElement("iframe");
		ifmback.src = "/_Common/layerBack.html";
		ifmback.id = "ifmBack";
		ifmback.style.position = "absolute";
		ifmback.style.left = "0";
		ifmback.style.top = "0";
		ifmback.style.zIndex = "1000";
		ifmback.style.filter = "alpha(opacity=78)";
		ifmback.style.MozOpacity = "0.78";
		ifmback.style.opacity = "0.78";
		ifmback.style.backgroundColor = "#000";
		ifmback.frameBorder = "0";
		ifmback.width = (document.body.clientWidth<860) ? "860px" : parseInt(document.body.clientWidth) + "px";
		ifmback.height = parseInt(document.documentElement.scrollHeight) + "px";
		ifmback.style.margin = "0";
		document.body.appendChild(ifmback);

		var ifmcontent = document.createElement("iframe");
		ifmcontent.src = el;
		ifmcontent.id = "ifmcontents";
		ifmcontent.style.position = "absolute";
		ifmcontent.style.left = (parseInt(document.body.clientWidth)/2) - (parseInt(w)/2) + "px";
		ifmcontent.style.top = ((parseInt(document.documentElement.clientHeight)/2) + (parseInt(document.documentElement.scrollTop))) - (parseInt(h)/2) + "px";
		ifmcontent.style.zIndex = "1000";
		ifmcontent.allowTransparency = "true";
		ifmcontent.style.backgroundColor = "transparent";
		ifmcontent.frameBorder = "0";
		ifmcontent.width = w;
		ifmcontent.height = h;
		ifmcontent.style.margin = "0";
		document.body.appendChild(ifmcontent);

		window.onresize = function(){
			ifmback.width = (document.body.clientWidth<860) ? "860px" : parseInt(document.body.clientWidth) + "px";
			ifmback.height = parseInt(document.documentElement.scrollHeight) + "px";
			ifmcontent.style.left = (parseInt(document.body.clientWidth)/2) - (parseInt(w)/2) + "px";
			ifmcontent.style.top = ((parseInt(document.documentElement.clientHeight)/2) + (parseInt(document.documentElement.scrollTop))) - (parseInt(h)/2) + "px";
		}
	},
	close : function(){
		document.body.removeChild(document.getElementById("ifmcontents"));
		document.body.removeChild(document.getElementById("ifmBack"));
		window.onresize = function(){};
	}
};

//Starter Layer 
var layerst = {
	el : "LimitLayerArea",
	open : function(){
		var ifmbackst = document.createElement("iframe");
		ifmbackst.src = "/_Common/layerBack.html";
		ifmbackst.id = "ifmBack";
		ifmbackst.style.position = "absolute";
		ifmbackst.src
		ifmbackst.style.left = "0";
		ifmbackst.style.top = "0";
		ifmbackst.style.zIndex = "9";
		ifmbackst.style.filter = "alpha(opacity=78)";
		ifmbackst.style.MozOpacity = "0.78";
		ifmbackst.style.opacity = "0.78";
		ifmbackst.style.backgroundColor = "#000";
		ifmbackst.frameBorder = "0";
		ifmbackst.width = (document.body.clientWidth<990) ? "990px" : parseInt(document.body.clientWidth) + "px";
		ifmbackst.height = parseInt(document.body.scrollHeight) + "px";
		ifmbackst.style.margin = "0";
		document.body.appendChild(ifmbackst);

		var ifmlimitst = document.createElement("iframe");
		ifmlimitst.src = "/_Common/layerStarter.aspx";
		ifmlimitst.id = "ifmLimit";
		ifmlimitst.style.position = "absolute";
		ifmlimitst.style.left = (parseInt(document.body.clientWidth)/2) - (parseInt(518)/2) + "px";
		ifmlimitst.style.top = ((parseInt(document.documentElement.clientHeight)/2) + (parseInt(document.documentElement.scrollTop))) - (parseInt(178)/2) + "px";
		ifmlimitst.style.zIndex = "9";
		ifmlimitst.allowTransparency = "true";
		ifmlimitst.style.backgroundColor = "transparent";
		ifmlimitst.frameBorder = "0";
		ifmlimitst.width = "518px";
		ifmlimitst.height = "209px";
		ifmlimitst.style.margin = "0";
		document.body.appendChild(ifmlimitst);
		
		window.onresize = function(){
		    ifmbackst.width = (document.body.clientWidth<990) ? "990px" : parseInt(document.body.clientWidth) + "px";
		    ifmbackst.height = parseInt(document.body.scrollHeight) + "px";
		    ifmlimitst.style.left = (parseInt(document.body.clientWidth)/2) - (parseInt(518)/2) + "px";
		    ifmlimitst.style.top = ((parseInt(document.documentElement.clientHeight)/2) + (parseInt(document.documentElement.scrollTop))) - (parseInt(178)/2) + "px";
		}
	},
	close : function(){
		document.body.removeChild(document.getElementById("ifmLimit"));
		document.body.removeChild(document.getElementById("ifmBack"));
	}
};

var select = {
	action : function(el,state){
		// state = 0 or 1
		var SelectElement = document.getElementById(el.id);
		var ListElement = SelectElement.getElementsByTagName("ul")[0];
		var ActionElement = ListElement.getElementsByTagName("a");
		if(ListElement.style.display == "block"){
			select.close(ListElement);
			return false;
		} else {
			ListElement.style.display = "block";
		}

		var strSelected = SelectElement.getElementsByTagName("a")[0];
		strSelected.focus();
		for(var i=0; i<ActionElement.length; i++){
			if(strSelected.firstChild.nodeValue == ActionElement[i].firstChild.nodeValue){
				select.elementClass = ActionElement[i];
				select.elementClass.className = "selected";
				ActionElement[i].onclick = function(){
					return false;
				}
			} else {
				ActionElement[i].onclick = function(){
					if(this.href.indexOf("javascript")>-1){
						eval(this.href);
					} else if(this.href == "" || this.href.indexOf("#")>-1){
					} else if(this.target == "_blank"){
						window.open(this.href);
					} else {
						location.href(this.href);
					}
					if(state==1){
						strSelected.firstChild.nodeValue = this.firstChild.nodeValue;
					}
					return false;
				}
			}
			ActionElement[i].onmouseover = function(){
				select.elementClass.className = "";
				this.className = "selected";
				select.elementClass = this;
			}
		}

		SelectElement.onmouseover = function(){ strSelected.onblur = function(){}}
		SelectElement.onmouseout = function(){ strSelected.onblur = function(){ select.close(ListElement); }}

	},
	close : function(el){
		select.elementClass.className = "";
		el.style.display = "none";
		return false;
	}
};

var clock = {
	weekDays : ["SUN","MON","TUE","WED","THU","FRI","SAT"],
	monthNames : ["1","2","3","4","5","6","7","8","9","10","11","12"],
	serverDate : {}, // server date obj
	localDate : {}, // local date obj
	dateOffset: {}, // offset ammount
	nowDate : {}, // adjusted date
	dateString : {}, // formated
	el : {}, // element to update
	timeout : {}, // timeout handle
	init : function (date,id,interval) {
		this.calculateOffset(date);
		this.el = document.getElementById(id);
		this.updateClock(interval);
	},
	calculateOffset : function (serverDate) {
		this.serverDate = new Date(serverDate);
		this.localDate = new Date();
		this.dateOffset = this.serverDate - this.localDate;
	},
	updateClock : function (interval) {
		this.nowDate = new Date();
		this.nowDate.setTime(this.nowDate.getTime() + this.dateOffset);
		this.dateFormat(this.nowDate);
		this.el.innerHTML = this.dateString;
		var me = this; this.timeout = setTimeout(function(){me.updateClock(interval)},interval);
	},
	stopClock : function () {
		clearTimeout(this.timeout);
	},
	dateFormat : function (dateObj) {
		this.dateString = '<span>' + this.digit(dateObj.getHours()) + ':' + this.digit(dateObj.getMinutes()) + ':' + this.digit(dateObj.getSeconds()) + '</span>';
		//this.dateString += ' ';
		//this.dateString += this.digit(dateObj.getDate()) + '/';
		//this.dateString += this.monthNames[dateObj.getMonth()] + '/';		
		//this.dateString += dateObj.getFullYear();
	},
	digit : function (str) {
		str = String(str);
		str = str.length == 1 ? "0" + str : str;
		return str;
	}
};

var input = {
	login : function(el){
		el.className = "";
		el.onblur = function(){
			if(el.value=="") el.className = "on";
		}
	}
};

var flash = {
	param : { url:"", w:"", h:"", wmode:"window", base:"./", vars:"" },
	TopMainNavi : function(el){
		if(el){
			this.param.url = "http://image.webzen.com/Global/Mu/swf/topNavi_main_100812.swf";
			this.param.vars = "param=" + el + "&culture=" + fnGetCookie('CurrentCulture');
		} else {
			this.param.url = "http://image.webzen.com/Global/Mu/swf/topNavi_main_100812.swf";
			this.param.vars = "culture=" + fnGetCookie('CurrentCulture');
		}
			this.param.w = "990";
			this.param.h = "177";
			this.param.wmode = "transparent";
			this.param.base = "./";
			flash.write(this.param.url,this.param.w,this.param.h,this.param.wmode,this.param.base,this.param.vars);
	},
	TopSubNavi : function(el){
		if(el){
			this.param.url = "http://image.webzen.com/Global/Mu/swf/topNavi_sub_100812.swf";
			this.param.vars = "param=" + el + "&culture=" + fnGetCookie('CurrentCulture');
		} else {
			this.param.url = "http://image.webzen.com/Global/Mu/swf/topNavi_sub_100812.swf";
			this.param.vars = "culture=" + fnGetCookie('CurrentCulture');
		}
			this.param.w = "990";
			this.param.h = "173";
			this.param.wmode = "transparent";
			this.param.base = "./";
			flash.write(this.param.url,this.param.w,this.param.h,this.param.wmode,this.param.base,this.param.vars);
	},
	MainPromotion : function(el){
		if(el){
			this.param.url = "http://gamethuvn.net/images4/mainBanner.swf?xmlLocation=" + el + "";
		} else {
			this.param.url = "http://gamethuvn.net/images4/mainBanner.swf";
		}
			this.param.w = "510";
			this.param.h = "160";
			this.param.wmode = "transparent";
			this.param.base = "./";
			flash.write(this.param.url,this.param.w,this.param.h,this.param.wmode,this.param.base,this.param.vars);
	},
	write : function(url,w,h,wmode,base,vars){
		strObject =	"<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0\" id=\"obj_flash\" width=\"" + w + "\" height=\"" + h + "\">\n";
		strObject += "	<param name=\"allowScriptAccess\" value=\"always\" />\n";
		strObject += "	<param name=\"quality\" value=\"high\" />\n";
		strObject += "	<param name=\"movie\" value=\"" + url + "\" />\n";
		strObject += "	<param name=\"wmode\" value=\"" + wmode + "\" />\n";
		strObject += "	<param name=\"base\" value=\"" + base + "\" />\n";
		strObject += "  <param name=\"flashvars\" value=\"" + vars + "\" />\n";
		strObject += "	<embed src=\"" + url + "\" width=\"" + w + "\" height=\"" + h + "\" quality=\"high\" wmode=\"" + wmode + "\" base=\"" + base + "\" flashvars=\"" + vars + "\" allowScriptAccess=\"always\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" />\n";
		strObject += "</object>\n";
		document.write(strObject);
	}
};

function layer_open(idname) {
	document.getElementById(idname).style.display="block";
}
function layer_close(idname) {
	document.getElementById(idname).style.display="none";
}

/****************************************************************
* Item Layer Popup
****************************************************************/
var itemLayerTemp = "";

//Item Layer Create & Content Load
function itemLayerCreate(layerId, ItemId)
{
	var obj = document.createElement('div');
	obj.setAttribute('id',layerId);
	obj.className = 'itemMinInfoLayer';
	div = document.body.appendChild(obj);
	$("#" + layerId).load("/ItemShop/Catalog/ItemDetail.aspx?sIK=" + ItemId);
	
	return div;
}

//Item Layer Open
function itemLayerOpen(e, ItemId) {
    
	var x = e.pageX ? e.pageX : document.documentElement.scrollLeft + event.clientX;
	var y = e.pageY ? e.pageY : document.documentElement.scrollTop + event.clientY;

	var layerId = "itemlayer" + ItemId;
	var div = document.getElementById(layerId);
	if(div == null)
	{
		div = itemLayerCreate(layerId, ItemId);
		//alert(div.id + " Created!");
	}


	div.style.left = x + "px";
	div.style.top = y + "px";

	if(itemLayerTemp == "")
	{
		itemLayerTemp = layerId;
	}
	else
	{
		itemLayerClose(itemLayerTemp);
		itemLayerTemp = layerId;
	}

	document.getElementById(layerId).style.display="block";
}

//Item Layer Close
function itemLayerClose(layerId)
{
	document.getElementById(layerId).style.display="none";
}

//Item Layer Remove
function itemLayerRemove(layerId) {
	itemLayerTemp = "";
	var div = document.getElementById(layerId);
	div.parentNode.removeChild(div);
}

/***********************************************
* Image w/ description tooltip- By Dynamic Web Coding (www.dyn-web.com)
* Copyright 2002-2007 by Sharon Paine
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

/* IMPORTANT: Put script after tooltip div or 
	 put tooltip div just before </BODY>. */

var dom = (document.getElementById) ? true : false;
var ns5 = (!document.all && dom || window.opera) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ie4 && !ie5 && !dom) ? true : false;

var origWidth, origHeight;

// avoid error of passing event object in older browsers
if (nodyn) { event = "nope" }

///////////////////////  CUSTOMIZE HERE   ////////////////////
// settings for tooltip 
// Do you want tip to move when mouse moves over link?
var tipFollowMouse= true;	
// Be sure to set tipWidth wide enough for widest image
var tipWidth= 180;
var offX= 10;	// how far from mouse to show tip
var offY= -333; 
var tipFontFamily= "Verdana, arial, helvetica, sans-serif";
var tipFontSize= "8pt";
// set default text color and background color for tooltip here
// individual tooltips can have their own (set in messages arrays)
// but don't have to
var tipFontColor= "#000000";
var tipBgColor= "#FFFFFF"; 
var tipBorderColor= "#000080";
var tipBorderWidth= 1;
var tipBorderStyle= "ridge";
var tipPadding= 4;
////////////////////  END OF CUSTOMIZATION AREA  ///////////////////

// to layout image and text, 2-row table, image centered in top cell
// these go in var tip in doTooltip function
// startStr goes before image, midStr goes between image and text
var startStr = '<table border="0" width="' + tipWidth + '"><tr><td align="center" width="100%"><img src="';
var midStr = '" border="0"></td></tr><tr><td valign="top">';
var endStr = '</td></tr></table>';

////////////////////////////////////////////////////////////
//  initTip	- initialization for tooltip.
//		Global variables for tooltip. 
//		Set styles
//		Set up mousemove capture if tipFollowMouse set true.
////////////////////////////////////////////////////////////
var tooltip, tipcss;
function initTip() {
	if (nodyn) return;
	tooltip = (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null;
	tipcss = tooltip.style;
	if (ie4||ie5||ns5) {	// ns4 would lose all this on rewrites
		tipcss.width = tipWidth+"px";
		tipcss.fontFamily = tipFontFamily;
		tipcss.fontSize = tipFontSize;
		tipcss.color = tipFontColor;
		tipcss.backgroundColor = tipBgColor;
		tipcss.borderColor = tipBorderColor;
		tipcss.borderWidth = tipBorderWidth+"px";
		tipcss.padding = tipPadding+"px";
		tipcss.borderStyle = tipBorderStyle;
	}
	if (tooltip&&tipFollowMouse) {
		document.onmousemove = trackMouse;
	}
}

window.onload = initTip;

/////////////////////////////////////////////////
//  doTooltip function
//			Assembles content for tooltip and writes 
//			it to tipDiv
/////////////////////////////////////////////////
var t1,t2;	// for setTimeouts
var tipOn = false;	// check if over tooltip link
function doTooltip(evt,pict,textz) {
	if (!tooltip) return;
	if (t1) clearTimeout(t1);	if (t2) clearTimeout(t2);
	tipOn = true;
	// set colors if included in messages array
	curBgColor = tipBgColor;
	curFontColor = tipFontColor;
	if (ie4||ie5||ns5) {
		var tip = startStr + pict + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + textz + '</span>' + endStr;
		tipcss.backgroundColor = curBgColor;
	 	tooltip.innerHTML = tip;
	}
	if (!tipFollowMouse) positionTip(evt);
	else t1=setTimeout("tipcss.visibility='visible'",100);
}

var mouseX, mouseY;
function trackMouse(evt) {
	standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
	mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft + 20;
	mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop - 100;
	if (tipOn) positionTip(evt);
}

/////////////////////////////////////////////////////////////
//  positionTip function
//		If tipFollowMouse set false, so trackMouse function
//		not being used, get position of mouseover event.
//		Calculations use mouseover event position, 
//		offset amounts and tooltip width to position
//		tooltip within window.
/////////////////////////////////////////////////////////////
function positionTip(evt) {
	if (!tipFollowMouse) {
		mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;
		mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;
	}
	// tooltip width and height
	var tpWd = (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;
	var tpHt = (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;
	// document area in view (subtract scrollbar width for ns)
	var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft;
	var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop;
	// check mouse position against tip and window dimensions
	// and position the tooltip 
	if ((mouseX+offX+tpWd)>winWd) 
		tipcss.left = mouseX-(tpWd+offX)+"px";
	else tipcss.left = mouseX+offX+"px";
	if ((mouseY+offY+tpHt)>winHt) 
		tipcss.top = winHt-(tpHt+offY)+"px";
	else tipcss.top = mouseY+offY+"px";
	if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);
}

function hideTip() {
	if (!tooltip) return;
	t2=setTimeout("tipcss.visibility='hidden'",100);
	tipOn = false;
}
/////////END TOOLTIP
//Ajax GET
var xmlHttp
var myResultHere
var myPage

function GET(page,label)
{ 
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 
myPage=page;
if (myPage.indexOf("?")<0)
		{
			myPage=myPage+ "?sid="+Math.random();
		}
		else
		{
			myPage=myPage+ "&sid="+Math.random();
		}

if (label=="")
{
myResultHere="Result";
}
else
{
myResultHere=label;
}
xmlHttp.onreadystatechange=stateGetChanged;
xmlHttp.open("GET",myPage,true);
xmlHttp.send(null);
}

function showTop(str,str2)
{ 
xmlHttp=GetXmlHttpObject();
if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 
var url="ranking/"+str+".asp";
url=url+"?"+str2;
url=url+"&sid="+Math.random();
myResultHere="ranking";
xmlHttp.onreadystatechange=stateGetChanged;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}

function stateGetChanged() 
{ 
if (xmlHttp.readyState==4)
{ 
document.getElementById(myResultHere).innerHTML=xmlHttp.responseText;
}
else
{
document.getElementById(myResultHere).innerHTML="... xin chờ một chút"
}
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}