if ($.cookie('ac_passport')) smb_logout();

$('#portlet_left').append('<div id="btToggle" class="btTogLogin"\><a\></a\></div\><div id="showProfile" class="toggleBox" style="display:none;"\><div id="wrap"\></div\></div\><div class="hello"\><span class="name"\><b\>Hello</b\>,guest</span\><span class="log"\>กรุณาเข้าสู่ระบบเพื่อใช้บริการ</span\></div\>');
		$('#portlet_center').append('<div class="barNews"\></div\>');
		$('#portlet_right').append('<div class="spacer"\><div id="panel_search" class="btSearch" title="ระบบช่วยค้นหา"\></div\></div\><div class="spacer"\><div id="panel_osshop" class="btShop" title="Online Station Shop"\></div\></div\>');
		$('#panel_search,#panel_home,#panel_osshop').tipsy({ gravity: 's' });


$("#btToggle").click(function(){	
	toggleup(this);
});/*toggle_bar_top*/
$("#toggle_bar_top").click(function(){	
	toggleup(this);
});
function toggleup(id_class){
var load_active = 0;
	if ($(id_class).is(".btTogLogin_active") || $(id_class).is(".spoof") ) {
		/*alert("if_f");*/
		clear_panel();
		var load_active = 1;			
		$("#btToggle").removeClass("btTogLogin_active");
		$("#toggle_bar_top").removeClass("spoof");
		$("#showProfile").slideUp("normal");
		$("#showProfile").attr("rel","profile");
	}
	if ($("#showProfile").is(":hidden")) {			
		clear_panel();
		if ($(id_class).is(".btTogLogin") || $(id_class).is("#toggle_bar_top")) {
			$("#btToggle").addClass("btTogLogin_active");	
			$("#toggle_bar_top").addClass("spoof");	
		} else {
			$("#btToggle").addClass("btTogLogin_active");
			$("#toggle_bar_top").addClass("spoof");	
		}		
		$("#showProfile").slideDown("normal");
		
	} else {
		if (load_active==0) {
			clear_panel();
			if ($(id_class).is(".btTogLogin") || $(id_class).is("#toggle_bar_top") ) {	
				clear_panel();
				$("#btToggle").addClass("btTogLogin_active");
				$("#toggle_bar_top").addClass("spoof");	
			} else {	
			/*	alert("if_b");*/
				
				$("#btToggle").removeClass("btTogLogin_active");
				$("#toggle_bar_top").removeClass("spoof");
				$("#btToggle").addClass("btTogLogin_active");
				$("#toggle_bar_top").addClass("spoof");	
				
			}
			loaded_profile();
		}
	}	
	if ($("#wrap").is(":hidden")) {
		loaded_profile();
	} else {
		var rel = $("#showProfile").attr("rel"); 
		if (rel!="profile") {
			$("#wrap").html("");
			loaded_profile();
		}
	}
	/*$(".toggle_bar_top").removeClass("btToggle_active");*/
	clear_banner();		
}


/*$("#btToggle").click(function(){
	var load_active = 0;
	
	if ($(this).is(".btTogLogin_active")) {
		var load_active = 1;
		$(this).removeClass("btTogLogin_active");
		$("#showProfile").slideUp("normal");
		$("#showProfile").attr("rel","profile");
	}
	if ($(this).is(".btToggle_active")) {
		var load_active = 1;
		$(this).removeClass("btToggle_active");
		$("#showProfile").slideUp("normal");
		$("#showProfile").attr("rel","profile");
	}
	if ($("#showProfile").is(":hidden")) {
		if ($(this).is(".btTogLogin")) {
			$(this).addClass("btTogLogin_active");
		} else {
			$(this).addClass("btToggle_active");
		}
		$("#showProfile").slideDown("normal");
	} else {
		if (load_active==0) {
			clear_panel();
			if ($(this).is(".btTogLogin")) {
				$(this).addClass("btTogLogin_active");
			} else {
				$(this).addClass("btToggle_active");
			}
			loaded_profile();
		}
	}
	
	if ($("#wrap").is(":hidden")) {
		loaded_profile();
	} else {
		var rel = $("#showProfile").attr("rel"); 
		if (rel!="profile") {
			$("#wrap").html("");
			loaded_profile();
		}
	}
	clear_banner();
});
*/
$("#btLogOff").hover(function(){
	$(this).addClass("btLogOff_hover");
	}, function () {
	$(this).removeClass("btLogOff_hover");
});

$("#btLogOff").click(function(){
	smb_logout();
});

function loaded_profile () {
	$("#showProfile").html('<div class="topToggle2"\><div class="headProfile"\><div class="nService1"\>Future Gamer Visa</div\><div class="nProfile"\><div class="nService3"\>Account Login</div\></div\></div\><div id="btclose" class="hideToggle"\>Hide</div\></div\><div class="frame3Column"\><div class="moduleL"\><div class="picAccount"\></div\></div\><div class="moduleC"\><form method="post" action="http://devsmartbar.futuregamer.co.th" id="form_login"\><label class="labelField"\>ACCOUNT ID</label\><div id="overlabel"\><label for="username" class="overlabel"\>ACCOUNT ID</label\><input id="username" name="username" type="text" class="fieldLog" /\></div\><div class="clear"\></div\><label class="labelField"\>PASSWORD</label\><div id="overlabel"\><label for="password" class="overlabel"\>PASSWORD</label\><input id="password" name="password" type="password" class="fieldLog" /\></div\><button type="submit" class="btLogin"\>Login</button\><div class="clear"\></div\><p class="row2"\><h3 class="forgotText"\><a href="http://visa.futuregamer.co.th/forgot" \>Forgot password : ลืมรหัสผ่าน?</a\></h3\><span class="dimGray"\>FG Visa สามารถนำไปใช้กับเว็บไซท์ในเครือบริษัทฟิวเจอร์เกมเมอร์ได้อ่านข้อมูลเพิ่มเติมที่นี่</span\></p\></form\></div\><div class="moduleR"\><div class="upgrade1"\><h2\>Join the gamer community!</h2\><p\><div class="btRegist"\><a href="http://visa.futuregamer.co.th/register" target="_blank"\>Register</a\></div\></p\><p\>สมัครสมาชิก <span class="wBold"\>FG Visa</span\> วันนี้เพื่อรับสิทธิพิเศษ และบริการมากมายจากสินค้าในเครือ ฟิวเจอร์เกมเมอร์</p\></div\></div\></div\>');hide_profile();
			$("label.overlabel").overlabel();
			
			$("#form_login").validate({
				rules: {
					username: {
						required: true,
						minlength: 4
					},
					password: {
						required: true,
						minlength: 5
					}
				},
				messages: {
					username: {
						required: "",
						minlength: ""
					},
					password: {
						required: "",
						minlength: ""
					}
				},
				errorClass: false,
				submitHandler: function() {
					$("button[type=submit]").attr("disabled", "disabled");
					smb_login();
				}
			});
		
}

function hide_profile () {
	
		$("#btclose").hover(function(){
			$(this).addClass("hideToggle_hover");
			}, function () {
			$(this).removeClass("hideToggle_hover");
		});
		
		$("#btclose").click(function(){
			var load_active = 0;
			
			if ($("#btToggle").is(".btTogLogin_active")) {
				var load_active = 1;
				$("#btToggle").removeClass("btTogLogin_active");
				$("#showProfile").slideUp("normal");
				$("#showProfile").attr("rel","profile");
			}
			
			if ($("#btToggle").is(".btToggle_active")) {
				var load_active = 1;
				$("#btToggle").removeClass("btToggle_active");
				$("#showProfile").slideUp("normal");
				$("#showProfile").attr("rel","profile");
			}
		
			if (load_active==0) {
				clear_panel();
				$("#showProfile").slideUp("normal");
			}
		});
		
}

$("#panel_msg").hover(function(){
	$(this).addClass("btMail_hover");
	}, function () {
	$(this).removeClass("btMail_hover");
});

$("#panel_msg").click(function(){
	var load_active = 0;
	
	if ($(this).is(".btMail_active")) {
		var load_active = 1;
		$(this).removeClass("btMail_active");
		$("#showProfile").slideUp("normal");
		$("#showProfile").attr("rel","msg");
	}
	
	if ($("#showProfile").is(":hidden")) {
		$(this).addClass("btMail_active");
		$("#showProfile").slideDown("normal");
	} else {
		if (load_active==0) {
			clear_panel();
			$("#btToggle").removeClass("btTogLogin_active");
			$("#toggle_bar_top").removeClass("spoof");
			$(this).addClass("btMail_active");
			loaded_msg();
		}
	}
	
	if ($("#wrap").is(":hidden")) {
		loaded_msg();
	} else {
		var rel = $("#showProfile").attr("rel"); 
		if (rel!="msg") {
			$('#wrap').html("");
			loaded_msg();
		}
	}
	clear_banner();
});

function loaded_search () {
	$('#showProfile').html('<div class="topToggle2"><div class="headProfile"><div class="nService1">ONLINE STATION: SERVICE</div><div class="nProfile"><div class="nService3">SEARCH</div></div></div><div id="btclose" class="hideToggle">Hide</div></div><div class="frame2Column"><div class="moduleL"><div class="picSearch"></div></div><div class="moduleR"><div class="searchSMB"><div class="searchInner"><div class="left"><div class="sOption"><form name="search_engine" method="get" action="http://search.online-station.net" target="_blank"><br />SEARCH&nbsp;<input name="t" type="hidden" value="content" /><input name="q" type="text" id="keywords" value="" style="width:350px;" />&nbsp;&nbsp;<button type="submit" class="search_g">&nbsp;</button></form></div></div></div></div></div></div>');hide_profile();
}

function loaded_msg () {
	$('#showProfile').html('<div class="topToggle2"><div class="headProfile"><div class="nService1">ONLINE STATION: SERVICE</div><div class="nProfile"><div class="nService3">WEB MESSAGE</div></div></div><div id="btclose" class="hideToggle">Hide</div></div><div class="frame3Column"><div class="moduleL"><div class="picMessage"></div></div><div class="moduleR"><div class="messageBox"><div class="statusMS"><div class="left">&nbsp;</div><div class="right"><span class="fireBrick">&nbsp;</span></div></div><div class="messageFrom"><h3 class="f18Bold">Coming Soon</h3></div></div></div></div>');hide_profile();
}

$("#panel_search").hover(function(){
	$(this).addClass("btSearch_hover");
	}, function () {
	$(this).removeClass("btSearch_hover");
});

$("#panel_search").click(function(){
	var load_active = 0;
	
	if ($(this).is(".btSearch_active")) {
		var load_active = 1;
		$(this).removeClass("btSearch_active");
		$("#showProfile").slideUp("normal");
		$("#showProfile").attr("rel","search");
	}
	
	if ($("#showProfile").is(":hidden")) {
		$(this).addClass("btSearch_active");
		$("#showProfile").slideDown("normal");
	} else {
		if (load_active==0) {
			clear_panel();
			$("#btToggle").removeClass("btTogLogin_active");
			$("#toggle_bar_top").removeClass("spoof");
			$(this).addClass("btSearch_active");
			loaded_search();
		}
	}

	if ($("#wrap").is(":hidden")) {
		loaded_search();
	} else {
		var rel = $("#showProfile").attr("rel"); 
		if (rel!="search") {
			$('#wrap').html("");
			loaded_search();
		}
	}
	clear_banner();
});

$("#panel_home").hover(function(){
	$(this).addClass("btHome_hover");
	}, function () {
	$(this).removeClass("btHome_hover");
});

$("#panel_home").click(function(){
	$(this).addClass("btHome_active");
});

$("#panel_osshop").hover(function(){
	$(this).addClass("btShop_hover");
	}, function () {
	$(this).removeClass("btShop_hover");
});

$("#panel_osshop").click(function(){
	//$(this).addClass("btShop_active");
	smb_link_open('http://shop.online-station.net');
});
				
function clear_panel () {
	if($("#btToggle").is(".btTogLogin_active")) {
		$("#btToggle").removeClass("btTogLogin_active");
		$("#btToggle").addClass("btTogLogin");
	}
	if($("#btToggle").is(".btToggle_active")) {
		$("#btToggle").removeClass("btToggle_active");
		$("#btToggle").addClass("btToggle");
	}
	
	if($("#panel_msg").is(".btMail_active")) {
		$("#panel_msg").removeClass("btMail_active");
	}
	
	if($("#panel_search").is(".btSearch_active")) {
		$("#panel_search").removeClass("btSearch_active");
	}
}
/*Banner on Smart Bar*/
function clear_banner() {	
	if ($('div#expand').show) {
  		$('div#expand').hide();
		 return false;
	}	
}/*Banner on Smart Bar*/