ÿþ//Set pos of an element to other element

function setOverEL0(frId, toId){

    var src=$('#'+toId);

    var dest = $('#'+frId);

    

    src.height(dest.height());

    src.width(dest.width());    

    var p = src.position();

    dest.offset({ top: p.top, left: p.left });

}	

function setOverEL(frId, toId){

    var src=$('#'+toId);

    var dest = $('#'+frId);

    

    src.height(dest.height());

    src.width(dest.width());    

    var p = src.position();

    dest.offset({ top: p.top, left: p.left });

    

	$(window).resize(function() {

	  setOverEL0(frId, toId);

	});

}



function PageScroller(id, pages, height)
{
	this.id = id;
	this.height = height;
	this.pages = [];
	this.current_page = 0;
	this.animation = null;

	// set up container
	this.container = document.getElementById(this.id);
	this.container.style.overflow = 'hidden';
	this.container.style.height = this.height + 'px';

	// set up prev link
	this.prev = document.createElement('a');
	this.prev.href = '#';
	YAHOO.util.Dom.addClass(this.prev, 'previous');
	this.prev.appendChild(document.createTextNode('Previous'));

	this.prev_insensitive = document.createElement('span');
	YAHOO.util.Dom.addClass(this.prev_insensitive, 'previous');
	this.prev_insensitive.appendChild(document.createTextNode('Previous'));

	YAHOO.util.Event.addListener(this.prev, 'click',
		function (e)
		{
			YAHOO.util.Event.preventDefault(e);
			this.prevPage();
		},
		this, true);


	// set up next link
	this.next = document.createElement('a');
	this.next.href = '#';
	YAHOO.util.Dom.addClass(this.next, 'next');
	this.next.appendChild(document.createTextNode('Next'));

	this.next_insensitive = document.createElement('span');
	YAHOO.util.Dom.addClass(this.next_insensitive, 'next');
	this.next_insensitive.appendChild(document.createTextNode('Next'));

	YAHOO.util.Event.addListener(this.next, 'click',
		function (e)
		{
			YAHOO.util.Event.preventDefault(e);
			this.nextPage();
		},
		this, true);

	// add pagination to page
	var divider = document.createElement('span');
	divider.appendChild(document.createTextNode('|'));
	YAHOO.util.Dom.addClass(divider, 'divider');
	var pagination = document.getElementById('pagination');
	pagination.appendChild(this.prev);
	pagination.appendChild(divider);
	pagination.appendChild(this.next);

	// add pages
	for (var i = 0; i < pages.length; i++)
		this.addPage(new Page(pages[i]));

	// initialize to first page
	this.setPage(0);
}

PageScroller.prototype.addPage = function(page)
{
	var page_number = this.pages.length;
	page.setPageHeight(this.height);
	this.pages.push(page);

	if (page.nav) {
		YAHOO.util.Event.addListener(page.nav, 'click',
			function (e)
			{
				YAHOO.util.Event.preventDefault(e);
				this.setPage(page_number);
			},
			this, true);
	}
}

PageScroller.prototype.prevPage = function()
{
	this.setPage(this.current_page - 1);
}

PageScroller.prototype.nextPage = function()
{
	this.setPage(this.current_page + 1);
}

PageScroller.prototype.setPage = function(page_number)
{
	// deselect current (old) page
	this.pages[this.current_page].setNavHighlight(false);

	// wrap page number
	if (page_number >= this.pages.length)
		this.current_page = 0;
	else if (page_number < 0)
		this.current_page = this.pages.length - 1;
	else
		this.current_page = page_number;
	
	// select current (new) page
	this.pages[this.current_page].setNavHighlight(true);

	// set prev link sensitivity
	this.setPrevLinkSensitivity(this.current_page != 0);

	// set next link sensitivity
	this.setNextLinkSensitivity(this.current_page != this.pages.length - 1);

	// scroll to the page
	this.scrollToCurrentPage();
}

PageScroller.prototype.setPrevLinkSensitivity = function(sensitive)
{
	if (sensitive) {
		if (this.prev_insensitive.parentNode) {
			this.prev_insensitive.parentNode.replaceChild(
				this.prev, this.prev_insensitive);
		}
	} else {
		if (this.prev.parentNode) {
			this.prev.parentNode.replaceChild(
				this.prev_insensitive, this.prev);
		}
	}
}

PageScroller.prototype.setNextLinkSensitivity = function(sensitive)
{
	if (sensitive) {
		if (this.next_insensitive.parentNode) {
			this.next_insensitive.parentNode.replaceChild(
				this.next, this.next_insensitive);
		}
	} else {
		if (this.next.parentNode) {
			this.next.parentNode.replaceChild(
				this.next_insensitive, this.next);
		}
	}
}

PageScroller.prototype.scrollToCurrentPage = function()
{
	var old_scroll_pos = this.container.scrollTop;

	// works because all pages are the same height
	var new_scroll_pos = this.height * this.current_page;

	if (this.animation && this.animation.isAnimated())
		this.animation.stop();

	this.animation = new YAHOO.util.Scroll(this.container,
		{ scroll: { from: [0, old_scroll_pos], to: [0, new_scroll_pos] } },
		0.5, YAHOO.util.Easing.easeOut);

	this.animation.animate();
}

/**
 * Page
 */
function Page(id)
{
	this.id = id;

	this.nav = null;
	var nav_element = document.getElementById('nav-page-' + this.id);
	for (var i = 0; i < nav_element.childNodes.length; i++) {
		if (nav_element.childNodes[i].nodeName == 'A') {
			this.nav = nav_element.childNodes[i];
			break;
		}
	}

	this.page = document.getElementById('pc-page-' + this.id);
	this.page.style.overflow = 'hidden';
}

Page.prototype.setPageHeight = function(height)
{
	this.page.style.height = height + 'px';
}

Page.prototype.setNavHighlight = function(highlight)
{
	if (this.nav) {
		if (highlight)
			YAHOO.util.Dom.addClass(this.nav, 'current');
		else
			YAHOO.util.Dom.removeClass(this.nav, 'current');
	}
}

//--------------------------------------------------------------------------------



function openPopUp(width,height,url,target){

		window.open(url,target,'toolbar=0,location=0, directories=0, status=0, menubar=0, scrollbars=1, resizable=0, width=' + width + ', height=' + height + ', left=' + (screen.width - width)/2 + ', top=' + (screen.height-height)/2 );

}

function openWin(width,height,url,target){

		window.open(url,target,'toolbar=0,location=0, directories=0, status=0, menubar=0, scrollbars=0, resizable=0, width=' + width + ', height=' + height + ', left=' + (screen.width - width)/2 + ', top=' + (screen.height-height)/2 );

}

function popup_win(){

        openPopUp(600,400,'about:blank','_pwin');

}

function op_m_i(url){

    openPopUp(392,450,'about:blank','_pimage');

}

function time_params(){

            var a = new Date();

            var ms = a.getMilliseconds();

            var s = a.getSeconds();

            var mn = a.getMinutes();

            var h = a.getHours();

            var d = a.getDay();

            var m = a.getMonth();

            var y = a.getFullYear();

            var t = y+'.'+m+'.'+d+'-'+h+':'+mn+':'+s+':'+ms;

            return t;

}



function counter(id){

    if(typeof(document.getElementById('CountGamePlay'))=='undefined' || document.getElementById('CountGamePlay')==null){

        document.write('<img id="CountGamePlay" src="/backend/client/CountGamePlay.aspx?g_id='+id+'&sid='+time_params()+'" width="1" height="1" border="0" />');

    }

    else{

        document.getElementById('CountGamePlay').src='/backend/client/CountGamePlay.aspx?g_id='+id+'&sid='+time_params();

    }

    if(id!='' && id!=null)

        var t=setTimeout('counter("'+id+'")',300000);//load lai sau 5 phut

}





AO = function(url,query)

{

	this.url 			= url;

	this.query 			= query;

	this.uri			= url + "?" + query;

	this.init 			= false;

	this.http 			= false;

	this.setup();

}

AO.prototype.debug = false;

AO.prototype.setup = function()

{

	if (window.XMLHttpRequest)

	{

		this.http = new XMLHttpRequest();

	}

	if (!this.http && window.ActiveXObject)

	{

		try

		{

			this.http = new ActiveXObject("Msxml2.XMLHTTP");

		} catch (e) {

			try

			{

				this.http = new ActiveXObject("Microsoft.XMLHTTP");

			} catch (e) { this.http = false; }

		}

	}

	if (this.http) this.init = true;

	if (this.debug) alert(this.http);

}



AO.handler = function(o)

{

	var obj = o;

	if (obj.debug) alert("readyState: " + obj.http.readyState);

	

	if (obj.http.readyState == 4)

	{

		// properties

		obj.txt				= obj.http.responseText;

		obj.xml 			= obj.http.responseXML;

		obj.readyState 		= obj.http.readyState;

		obj.status	 		= obj.http.status;

		obj.statusText		= obj.http.statusText;

		obj.headers 		= obj.http.getAllResponseHeaders();

		

		// methods

		obj.getHeader		= function(aHeader) { return obj.http.getResponseHeader(aHeader); }

		

		//if (obj.status != 200) obj.init = false;

		

		if (obj.debug) alert("status: " + obj.status + "\ncalling onload()");

		

		obj.onload();

	}

}



// early utility method ... need to come up with better ones

AO.prototype.putHere = function(itemID, what)

{

	if (what != null) document.getElementById(itemID).innerHTML = what;

	else document.getElementById(itemID).innerHTML = this.txt;

}



AO.prototype.go = function(v)

{

	if (!this.init) return false;

	var me = this;

	try

	{

		this.http.onreadystatechange = function() { AO.handler(me); }

		

		if (v == "GET")

		{

			if (this.debug) alert("getting: " + this.uri);

			this.http.open("GET", this.uri, true);

			this.http.send(null);

		}

		else if (v == "POST")

		{

			if (this.debug) alert("posting: " + this.url + "\npost data: " + this.query);

			this.http.open("POST", this.url, true);

			// todo: set this as an option so we can actually do a web-service type thing

			this.http.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

			this.http.send(this.query);

		}

	}

	catch(e)

	{

		if (this.debug) alert("failed to connect");

		this.init = false;

		this.onload();

	}

}



AO.prototype.get = function() { this.go("GET"); }

AO.prototype.post = function() { this.go("POST"); }

AO.prototype.onload = function() { };





var iframe_box;

function YUI_iFrameBox(title, url, width, height){

    var handleClose = function() {

        this.hide();

    };

    var html = '<iframe src=\''+url+'\' width='+width+' height='+height+' marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" borderwidth=0 frameborder=0></iframe>';

    iframe_box = new YAHOO.widget.SimpleDialog('iframe_box', 

    {width: (parseInt(width) + 20) + 'px',

    fixedcenter: true,

    visible: false,

    draggable: true,

    constraintoviewport: true

    } );

    iframe_box.setHeader(title);

    iframe_box.setBody(html);

    iframe_box.render('yui_container'); 

    iframe_box.show();

}

//Ham hien thi cua so chuyen khoan

chuyenkhoan = function (to,soluong,lydo){

    YUI_iFrameBox("ChuyÃn kho£n", "/xeng/chuyenkhoan_nhanh.aspx?den="+to+"&soluong="+soluong+"&lydo="+lydo, 700, 250);

}

sendPM = function(username){
    sendMail(username);
}
sendXeng = function(username){
    chuyenkhoan(username,'','');
}

//Ham hien thi menu cua nguoi dung

var _user_menu_current = "";

user_menu = function(e, username){
        username = username.replace("'","\'");
        var Dom = YAHOO.util.Dom;
	    var Event = YAHOO.util.Event;
	    if(_user_menu_current!=''){
	        var prev = new YAHOO.widget.Menu(_user_menu_current);
	        prev.hide();
	    }
	    _user_menu_current = "usermenu:"+username
        var oMenu = new YAHOO.widget.Menu(_user_menu_current, { fixedcenter: false });
        var items = oMenu.getItems();
        if(items==null || items.length==0){
            oMenu.addItem({ text: 'Gíi tin nh¯n',classname:'sendpm',url:'javascript:sendMail("'+username+'");'},0);
            oMenu.addItem({ text: 'Gíi XÈNG',classname:'sendxeng',url:'javascript:sendXeng("'+username+'");'},0);
            oMenu.addItem({ text: 'Thông tin cá nhân',classname:'profile', url: '/thanhvien/profile.aspx?username='+ username },1);
            oMenu.addItem({ text: 'Trang riêng',classname:'mypage', url: 'http://my.gamevui.com/'+ username + '/default.aspx' },1);
            oMenu.addItem({ text: 'Trang blog', classname:'blog', url:'http://my.gamevui.com/'+username+'/blog/default.aspx' },1);
            oMenu.addItem({ text: 'K¿t b¡n',classname:'addfriend',url:'/friend/add.aspx?username=' + username },2);
            oMenu.render("yui_container");
        }
	    oMenu.show();
	    Dom.setXY(oMenu.element, Event.getXY(e)  ,true);
}