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";
     }

}*/