$(document).ready(function(){

	var header_language = getLang();

	$("#search-keyword").doFocusInput();
	switch(navSelect)
	{
		case 1:	$('#main-menu-service').addClass('active');		break;
		case 2:	$('#main-menu-trueword').addClass('active');	break;
		case 3:	$('#main-menu-news').addClass('active');		break;
		case 4:	$('#main-menu-club').addClass('active');		break;
		case 5:	$('#main-menu-online').addClass('active');		break;
		case 6:	$('#main-menu-aboutus').addClass('active');		break;
		case 7:	$('#main-menu-numjai').addClass('active');		break;
		case 8:	$('#main-menu-contactus').addClass('active');	break;
	}
	
	$('#main-username , #main-password').keypress(function(event) {
		if (event.keyCode == 13) {	$('#signin-btn').click();	}
	});

	$('#search-keyword').keypress(function(event) {
		if (event.keyCode == 13) {	submitSearch();	}
	});
	

	$("#a-search").click(function(){
		submitSearch();
	});

	// username box swap
	$('#main-username').focus(function(){
		if( ($(this).attr("value")) == 'username' )
		{	$(this).attr("value", "");	
			$(this).css('color','#686868');
		}
	});
	$('#main-username').blur(function(){
		if( ($(this).attr("value")) == "" )
		{	$(this).attr("value", 'username');	
			$(this).css('color','#B7B7B7');
		}
		if(	header_language == 'th'	)
		{	$('#main-loading-img').removeClass('user-wrong-th');
			$('#main-loading-img').removeClass('login-wrong-th');
		}
		else
		{	$('#main-loading-img').removeClass('user-wrong-en');
			$('#main-loading-img').removeClass('login-wrong-en');
		}
	});
	
	// password box swap
	$('#main-pwd-pre').focus(function(){
		$(this).hide();
		$('#main-password').show();
		/* $('input#main-password').css('color','#686868'); */
		$('#main-password').focus();
	});
	$('#main-password').blur(function(){
		if( ($(this).attr("value")) == "" )
		{	$(this).hide();
			/* $(this).css('color','#B7B7B7'); */
			$('#main-pwd-pre').show();
		}
		if(	header_language == 'th'	)
		{	$('#main-loading-img').removeClass('pwd-wrong-th');	}
		else
		{	$('#main-loading-img').removeClass('pwd-wrong-en');	}
	});

	// username forgot box swap
	$('#main-username-forgot').focus(function(){
		if( ($(this).attr("value")) == 'username' )
		{	$(this).attr("value", "");	
			$(this).css('color','#686868');
		}
	});
	$('#main-username-forgot').blur(function(){
		if( ($(this).attr("value")) == "" )
		{	$(this).attr("value", 'username');	
			$(this).css('color','#B7B7B7');
		}
		if(	header_language == 'th'	)
		{	$('#main-loading-img').removeClass('user-wrong-th');	}
		else
		{	$('#main-loading-img').removeClass('user-wrong-en');	}
	});
	// email forgot box swap
	$('#main-email-forgot').focus(function(){
		if( ($(this).attr("value")) == 'email' )
		{	$(this).attr("value", "");	
			$(this).css('color','#686868');
		}
	});
	$('#main-email-forgot').blur(function(){
		if( ($(this).attr("value")) == "" )
		{	$(this).attr("value", 'email');	
			$(this).css('color','#B7B7B7');
		}
		if(	header_language == 'th'	)
		{	$('#main-loading-img').removeClass('email-wrong-th');	}
		else
		{	$('#main-loading-img').removeClass('email-wrong-en');	}
	});
	// login
	$('#signin-btn').click(function(){
		if ($('#main-username').val() != '' && $('#main-username').val() != 'username' && $('#main-password').val() != '') {
			$('#main-loading-img').addClass('connecting');
			$('#form-login').submit();
		} else {
			if ($('#main-username').val() == 'username' || $('#main-username').val() == '') {
				if(	header_language == 'th'	)
				{	$('#main-loading-img').addClass('user-wrong-th');
					$('#main-username').focus();
				}
				else
				{	$('#main-loading-img').addClass('user-wrong-en');
					$('#main-username').focus();
				}
			} else if(	$('#main-password').val() == ''	){
				if(	header_language == 'th'	)
				{	$('#main-loading-img').addClass('pwd-wrong-th');
					$('#main-pwd-pre').focus();
				}
				else
				{	$('#main-loading-img').addClass('pwd-wrong-en');
					$('#main-pwd-pre').focus();
				}
			}
			return false;
		}
		return false;
	});
});

function submitSearch() {
	if($.trim($("#search-keyword").val())==""){
		return false;
	}else{
		document.getElementById('FormSearch').submit();
	}
	
}