var g_lanmenu = null;
function rspLanguageMenu( id, name, itemJson ) {
    this.id = id;
    this.name = name;
    this.items = itemJson;
    g_lanmenu = this;
}

rspLanguageMenu.prototype.getHtml = function() {
    var style = "";
    style += "<style type='text/css'>\n";
    style += "  .language-menu-border{ width:150px; background-color:#0E0F11; position:absolute;top:0px;border-left:solid 1px white; border-right:solid 1px white;border-bottom:solid 1px white; line-height:24px;filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;}\n";
    style += "  .language-line-top-border{height:2px; overflow:hidden;}\n";
    style += "  #language_menu_topright_border{float:right; border-top:solid 1px white;}\n";
    style += "  #language_menu_border ul{list-style:none; padding:3px 0px; margin:0px;}\n";
    style += "  .language-menu-item-out{ height:26px; line-height:26px; text-align:left; padding:0px 15px}\n";
    style += "  .language-menu-item-over{ height:26px; line-height:26px; text-align:left; padding:0px 15px; background-color:#C8FF20;}\n";
    style += "  .language-menu-item-out font{ font-size:12px; color:white;}\n";
    style += "  .language-menu-item-over font{ font-size:12px; color:black;}\n";
    style += "</style>\n";
    var html = "";
    html += "<div id='language_menu_border' style='display:none;' onmouseover='mouseOnDrop();' onmouseout='mouseLeaveDrop()' class='language-menu-border'>";
    html += "   <div class='language-line-top-border'>";
    html += "       <div id='language_menu_topright_border'>&nbsp;</div>";
    html += "   </div>";
    html += "   <ul>";
    var url = document.location.href;
    for (var i = 0; i < this.items.length; i++) {
        html += "    <li class='language-menu-item-out' onmouseover='this.className=\"language-menu-item-over\"' onmouseout='this.className=\"language-menu-item-out\"'>";
        html += "       <a href='./device.rsp?opt=changelanguage&language=" + this.items[i].value + "&url=" + url + "'><font>" + this.items[i].text + "</font></a>";
        html += "    </li>";
    }
    html += "   </ul>";
    html += "</div>";
    return style + html;
}

rspLanguageMenu.prototype.adjustPos = function(obj) {
    var menuobj = document.getElementById("language_menu_border");
    if (!menuobj || !obj) {
        return;
    }
    var pos = this.getpos(obj);
    menuobj.style.left = pos.left + "px";
    menuobj.style.top = pos.bottom + "px";
    menuobj.style.display = '';
    document.getElementById("language_menu_topright_border").style.width = (menuobj.offsetWidth-(pos.right - pos.left)) + "px";
}

//Get the current position
rspLanguageMenu.prototype.getpos = function(element) {
    if (arguments.length != 1 || element == null) {
        return null;
    }
    var elmt = element;
    var offsetTop = elmt.offsetTop;
    var offsetLeft = elmt.offsetLeft;
    var offsetWidth = elmt.offsetWidth;
    var offsetHeight = elmt.offsetHeight;
    while (elmt = elmt.offsetParent) {
        // add this judge
        if (elmt.style.position == 'absolute'
            || (elmt.style.overflow != 'visible' && elmt.style.overflow != '')) {
            break;
        }
        offsetTop += elmt.offsetTop;
        offsetLeft += elmt.offsetLeft;
    }
    return { top: offsetTop, left: offsetLeft, right: offsetWidth + offsetLeft, bottom: offsetHeight + offsetTop };
}


var m_isOnLabel = false;
var m_isOnDrop = false;
function mouseOnLabel() {
    m_isOnLabel = true;
    
    var obj = document.getElementById("log_language_border");
    obj.className = 'log-language-over';
    g_lanmenu.adjustPos(obj);

    setTimeout("timeoutCheck()", 1000);
}

function pageOnSizeMoveMenu()
{	
	if( m_isOnLabel )
	{
		var obj = document.getElementById("log_language_border");
		obj.className = 'log-language-over';
		g_lanmenu.adjustPos(obj);
	}
}

function mouseLeaveLabel(obj) {
    m_isOnLabel = false;

    setTimeout("timeoutCheck()", 1000);
}

function mouseOnDrop() {
    m_isOnDrop = true;

    setTimeout("timeoutCheck()", 1000);
}

function mouseLeaveDrop() {
    m_isOnDrop = false;

    setTimeout("timeoutCheck()", 1000);
}

function timeoutCheck() {
    if (m_isOnDrop || m_isOnLabel) {
        return;
    }
    document.getElementById("log_language_border").className = 'log-language-out';
    document.getElementById("language_menu_border").style.display = 'none';
}