var topbar = {
    toggle_combo: function() {
        var bttn = document.getElementById('topbar_combo_button');
        var menu = document.getElementById('topbar_combo_menu');
        if (menu.style.display === 'block') {
            bttn.className = undefined;
            menu.style.display = 'none';
        } else {
            bttn.className = 'active';
            menu.style.display = 'block';
        }
    },
    mouseover_button: function() {
        document.getElementById('topbar_combo_button').className = 'active';
    },
    mouseout_button: function() {
        if (document.getElementById('topbar_combo_menu').style.display === 'none') {
            document.getElementById('topbar_combo_button').className = undefined;
        }
    },
    toggle_login: function() {
        var menu = document.getElementById('topbar_login_extend');
        var bttn = document.getElementById('topbar_login_button');
        if (menu.style.display === 'block') {
            bttn.className = 'topbar_button';
            menu.style.display = 'none';
        } else {
            bttn.className = 'topbar_button active';
            menu.style.display = 'block';
            document.getElementById('topbar_f_login_name').focus();
        }
    },
    mouseover_login: function() {
        document.getElementById('topbar_login_button').className = 'topbar_button active';
    },
    mouseout_login: function() {
        if (document.getElementById('topbar_login_extend').style.display === 'none') {
            document.getElementById('topbar_login_button').className = 'topbar_button';
        }
    },
    mouseover_bttn: function(bttn_id) {
        document.getElementById(bttn_id).className = 'topbar_button active';
    },
    mouseout_bttn: function(bttn_id) {
        document.getElementById(bttn_id).className = 'topbar_button';
    },
    helper_add_event: function(obj, event_type, fn) {
        if (obj !== undefined) {
            if (obj.addEventListener !== undefined) {
                obj.addEventListener(event_type, fn, false);
            } else if (obj.attachEvent !== undefined) {
                obj.attachEvent('on' + event_type, fn);
            }
        }
    }
};
// Make menu collapse when click outside
topbar.helper_add_event(document.body, 'click', function(e) {
    var target = (e.target) ? e.target : e.srcElement;
    if (target === document.getElementById('topbar_f_login_name') ||
		target === document.getElementById('topbar_f_password')) {
        return;
    }
    if (target !== document.getElementById('topbar_combo_button') &&
		document.getElementById('topbar_combo_menu').style.display === 'block') {
        topbar.toggle_combo();
    } else if (target !== document.getElementById('topbar_login_button') &&
		document.getElementById('topbar_login_extend') &&
		document.getElementById('topbar_login_extend').style.display === 'block') {
        topbar.toggle_login();
    }
});
document.write("<style type=\"text/css\" media=\"screen\">");
document.write("body { padding-top: 26px; }");
document.write("#topbar { position: absolute; top: 0px; left: 0px; width: 100%; font-size: 11px; font-family: \"Lucida Grande\", Tahoma, sans-serif; background: #e5e5e5 url(/bg_logo.jpg) repeat-x top left; color: #000; }");
document.write("#topbar a { color: #3a3333; }");
document.write("#topbar img { border: 0px; }");
document.write("#topbar div, #topbar ul, #topbar li { margin: 0px; padding: 0px; }");
document.write("#topbar #topbar_menu { position: relative; border: 1px solid #ccc; margin: 0px; height: 26px; padding: 0px 10px; z-index: 90; }");
document.write("#topbar #topbar_combo_wrap { border-left: 1px solid #ccc; border-right: 1px solid #ccc; float: left; }");
document.write("#topbar #topbar_combo_wrap .active { background-color: #fff; }");
document.write("#topbar #topbar_combo_button { background: #e5e5e5; background: transparent url(/logo.jpg) no-repeat 0px 0px; padding: 0px 0px 0px 0px; float: left; display: block; line-height: 26px; z-index: 99; cursor: pointer; }");
document.write("#topbar #topbar_combo_menu { width: 150px; background: #fff; border-width: 1px; border-style: solid; border-color: #ccc #333 #333 #333; position: absolute; top: 25px; left: 10px; padding: 5px; z-index: 98; }");
document.write("#topbar #topbar_combo_menu a { text-decoration: none; color: #3B5998; }");
document.write("#topbar #topbar_combo_menu a:hover { text-decoration: underline; }");
document.write("#topbar #topbar_combo_menu li.topbar_combo_menu_separator { height: 1px; line-height: 1px; font-size: 1px; background-color: #ccc; margin: 5px 0px; }");
document.write("#topbar #topbar_quick_icon { float: left; margin-left: 10px; }");
document.write("#topbar #topbar_quick_icon a { text-decoration: none; }");
document.write("#topbar #topbar_quick_icon .topbar_quick_icon_elem { float: left; line-height: 26px; margin-left: 5px; }");
document.write("#topbar #topbar_combo_right { float: right; }");
document.write("#topbar #topbar_combo_right a { text-decoration: none; }");
document.write("#topbar .topbar_button { cursor: pointer; line-height: 26px; padding: 0px 10px; }");
document.write("#topbar #topbar_login_wrap { float: right; border-left: 1px solid #ccc; border-right: 1px solid #ccc; z-index: 10; }");
document.write("#topbar #topbar_login_wrap .active { background-color: #fff; }");
document.write("#topbar #topbar_login_extend { position: absolute; right: 10px; top: 26px; padding: 5px; border-width: 1px; border-style: solid; border-color: #ccc #333 #333 #333; background: #fff; }");
document.write("#topbar #topbar_login_extend form { font-size: 10px; }");
document.write("#topbar #topbar_login_extend .form_row label { display: block; }");
document.write("#topbar #topbar_login_extend .row_submit { text-align: right; padding-top: 3px; }");
document.write("#topbar #topbar_login_extend .row_submit input { border: 2px solid #666; background: #e5e5e5; padding: 1px 2px; font-weight: normal; font-size: 10px; }");
document.write("#topbar #topbar_login_extend #topbar_f_login_name { border: 1px solid #666; width: 100px; padding: 2px; background: #e5e5e5; }");
document.write("#topbar #topbar_login_extend #topbar_f_password { border: 1px solid #666; width: 100px; padding: 2px; background: #e5e5e5; }");
document.write("#topbar #topbar_signup_wrap { float: right; border-left: 1px solid #ccc; }");
document.write("#topbar #topbar_signup_wrap .active { background-color: #fff; }");
document.write("#topbar #topbar_signout_wrap { float: right; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }");
document.write("#topbar #topbar_signout_wrap .active { background-color: #fff; }");
document.write("#topbar #topbar_user_wrap { float: right; border-left: 1px solid #ccc; }");
document.write("#topbar #topbar_user_wrap .active { background-color: #fff; }");
document.write("#topbar #topbar_user_wrap img.avatar { width: 20px; height: 20px; vertical-align: middle; padding: 0px 4px; border: 0px; margin: 0px; }");
document.write("#topbar #topbar_combo_menu_head { line-height: 20px; padding: 0px 0px 2px 0px; list-style-type: none; margin: 0px 0px 5px 0px; border-bottom: 1px solid #ccc; }");
document.write("#topbar #topbar_combo_menu_head div { float: left; display: block; width: 16px; padding: 2px 5px; }");
document.write("#topbar #topbar_combo_menu_detail ul.column { float: left; width: 150px; }");
document.write("#topbar ul li.topbar_combo_menu_entry { line-height: 20px; padding: 0px 0px 2px 0px; list-style-type: none; margin: 0px; clear: left; background: none; }");
document.write("#topbar ul li.topbar_combo_menu_entry div { float: left; display: block; width: 16px; padding: 2px 5px; }");
document.write("#topbar #topbar_middle { float: left; margin-left: 10px; }");
document.write("#topbar #topbar_middle_wrap { line-height: 26px; }");
document.write("</style>");
document.write("<div id=\"topbar\">");
document.write("	<div id=\"topbar_menu\">");
document.write("		<div id=\"topbar_combo_wrap\">");
document.write("			<div id=\"topbar_combo_button\" onclick=\"topbar.toggle_combo()\" onmouseover=\"topbar.mouseover_button()\" onmouseout=\"topbar.mouseout_button()\">");
document.write("				  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
document.write("			</div>");
document.write("			<div id=\"topbar_combo_menu\" style=\"display: none\">");
document.write("				<div id=\"topbar_combo_menu_head\" style=\"text-align: left\">");
document.write("					<a href=\"http://www.qnet.net.my\" target=\"_blank\">");
document.write("						<div><img src=\"/_images/home.gif\"></div>");
document.write("						QNet Homepage");
document.write("					</a>");
document.write("				</div>");
document.write("				<div id=\"topbar_combo_menu_detail\" style=\"text-align: left\"> ");
document.write("					<ul class=\"column\">");
document.write("						<li class=\"topbar_combo_menu_entry\">");
document.write("							<a href=\"http://www.qnstore.com.my/\" target=\"_blank\">");
document.write("								<div><img src=\"/_images/tech.gif\"></div>");
document.write("								IR Personal Homepage");
document.write("							</a>");
document.write("						</li>");

document.write("						<li class=\"topbar_combo_menu_entry\">");
document.write("							<a href=\"http://www.qnstore.com.my/registration.aspx\" target=\"_blank\">");
document.write("								<div><img src=\"/_images/tech.gif\"></div>");
document.write("								Registration");
document.write("							</a>");
document.write("						</li>");

document.write("						<!--<li class=\"topbar_combo_menu_entry\">");
document.write("							<a href=\"/personalinfo.aspx\">");
document.write("								<div><img src=\"/_images/club.gif\"></div>");
document.write("								Prosonal Info");
document.write("							</a>");
document.write("						</li>-->");

document.write("						<!--<li class=\"topbar_combo_menu_entry\">");
document.write("							<a href=\"/productcatalogue.aspx\">");
document.write("								<div><img src=\"/_images/tech.gif\"></div>");
document.write("								Product Catalogue");
document.write("							</a>");
document.write("						</li>-->");

document.write("						<!--<li class=\"topbar_combo_menu_entry\">");
document.write("							<a href=\"/importantlink.aspx\">");
document.write("								<div><img src=\"/_images/links.gif\"></div>");
document.write("								Important Link");
document.write("							</a>");
document.write("						</li>-->");

document.write("						<!--<li class=\"topbar_combo_menu_entry\">");
document.write("							<a href=\"/Search.aspx\">");
document.write("								<div><img src=\"/_images/Search.gif\"></div>");
document.write("								Search");
document.write("							</a>");
document.write("						</li>-->");

document.write("						<!--<li class=\"topbar_combo_menu_entry\">");
document.write("							<a href=\"/administration/website.aspx\">");
document.write("								<div><img src=\"/_images/links.gif\"></div>");
document.write("								MySite Setting");
document.write("							</a>");
document.write("						</li>-->");

document.write("						<!--<li class=\"topbar_combo_menu_entry\">");
document.write("							<a href=\"/administration/navigation.aspx\">");
document.write("								<div><img src=\"/_images/links.gif\"></div>");
document.write("								Page Setting");
document.write("							</a>");
document.write("						</li>-->");

document.write("						<!--<li class=\"topbar_combo_menu_entry\">");
document.write("							<a href=\"/administration/user.aspx\">");
document.write("								<div><img src=\"/_images/links.gif\"></div>");
document.write("								User Management");
document.write("							</a>");
document.write("						</li>-->");

document.write("					</ul>");

document.write("					<div style=\"clear: left\"></div>");
document.write("				</div>");
document.write("			</div>");
document.write("		</div>");
document.write("		<!--");
document.write("		<div id=\"topbar_quick_icon\">");
document.write("			<div class=\"topbar_quick_icon_elem topbar_button\">");
document.write("				<a href=\"#\" id=\"topbar_quick_icon_1\" title=\"Icon 1\">icon1</a>");
document.write("			</div>");
document.write("			<div class=\"topbar_quick_icon_elem topbar_button\">");
document.write("				<a href=\"#\" id=\"topbar_quick_icon_2\" title=\"Icon 2\">icon2</a>");
document.write("			</div>");
document.write("			<div class=\"topbar_quick_icon_elem topbar_button\">");
document.write("				<a href=\"#\" id=\"topbar_quick_icon_3\" title=\"Icon 3\">icon3</a>");
document.write("			</div>");
document.write("		</div>");
document.write("		-->");
document.write("		<div id=\"topbar_middle\">");
document.write("			<div id=\"topbar_middle_wrap\">");
document.write("				<!-- Lorem ipsum dolor sit amet, consectetuer adipiscing elit. -->");
document.write("			</div>");
document.write("		</div>");
document.write("		<div id=\"topbar_combo_right\">");
document.write("						<div id=\"topbar_login_wrap\">");
document.write("				<div id=\"topbar_login_button\" class=\"topbar_button\"  onmouseover=\"topbar.mouseover_login()\" onmouseout=\"topbar.mouseout_login()\">");
if (pubIsLogin == 'True') {
    document.write("				<a id=\"ctl00_pnlTop_LoginStatus1\" href=\"javascript:__doPostBack('ctl00$pnlTop$LoginStatus1$ctl00','')\"><img id=\"imgLogId\" src=\"/key-icon-logout.png\" border=\"0\" ></a>");
}
else {
    document.write("				<a id=\"ctl00_pnlTop_LoginStatus1\" href=\"javascript:__doPostBack('ctl00$pnlTop$LoginStatus1$ctl02','')\"><img id=\"imgLogId\" src=\"/key-icon.png\" border=\"0\" ></a>");
}
document.write("				</div>");
document.write("				<div id=\"topbar_login_extend\" style=\"display: none\">");
document.write("				</div>");
document.write("			</div>");
document.write("			<!--<div id=\"topbar_signup_wrap\">");
document.write("				<div id=\"topbar_signup_button\" class=\"topbar_button\" onmouseover=\"topbar.mouseover_bttn('topbar_signup_button')\" onmouseout=\"topbar.mouseout_bttn('topbar_signup_button')\">");
document.write("					<a href=\"#\"  ></a>");
document.write("				</div>");
document.write("			</div>-->");
document.write("					</div>");
document.write("	</div>");
document.write("</div>");
document.write("");

/*
function setimgLoginLogOut(aLogId,imgLogId,statusLogCode)
{
if(statusLogCode == '1')
{
var oImg = topbar.getElementById(imgLogId);
aLogId.herf = "javascript:__doPostBack('ctl00$pnlTop$LoginStatus1$ctl00',''); setimgLoginLogOut(this,'imgLogId','1');";
oImg.src = "key-icon-logout.png";
}
else
{
var oImg = topbar.getElementById(imgLogId);
aLogId.herf = "javascript:__doPostBack('ctl00$pnlTop$LoginStatus1$ctl02',''); setimgLoginLogOut(this,'imgLogId','o');";
oImg.src = "key-icon.png";
}

}*/