$(function(){

var bgbox = $('<div id="alertBg">?</div>').css({'display':'none','backgroundColor':'#000','opacity':0.75});
$('body').append(bgbox);

var abox = $('<div id="alertBox"><p id="alertBoxClose"><a href="#">閉じる</a></p></div>').css({'display':'none','visibility':'hidden','opacity':0,'zIndex':101});
$('body').append(abox);


$('#loginform input').css('imeMode','inactive');

var input1 = $('#loginform input.input_area_01');
var input2 = $('#loginform input.input_area_02');
var input3 = $('#loginform input.input_area_03');
var input4 = $('#loginform input.input_area_04');


$('#loginform input').click(function(){ this.focus();});


input1.keyup(function(){
	var prec = this.parentNode.className;
	
	if(this.value.length == 8 && prec.indexOf('error') == -1){
		 
		if(!input2.attr('value')){
			input2.focus();
		}else if(!input3.attr('value')){
			input3.focus();
		}else if(!input4.attr('value')){
			input4.focus();
		}else{
			$('#input-submit01').focus();
		}
	}
	
});


input2.keyup(function(e){
	
	var prec = this.parentNode.className;
	
	if(this.value.length == 4 && prec.indexOf('error') == -1){
		if(!input1.attr('value')){
			input1.focus();
		}else if(!input3.attr('value')){
			input3.focus();
		}else if(!input4.attr('value')){
			input4.focus();
		}else{
			$('#input-submit01').focus();
		}
	}
	
});

input3.keyup(function(){
					  
	var prec = this.parentNode.className;
	
	if(this.value.length == 2 && prec.indexOf('error') == -1){
		if(!input1.attr('value')){
			input1.focus();
		}else if(!input2.attr('value')){
			input2.focus();
		}else if(!input4.attr('value')){
			input4.focus();
		}else{
			$('#input-submit01').focus();
		}
	}
	
});

input4.keyup(function(){
	
	var prec = this.parentNode.className;
	
	if(this.value.length == 2 && prec.indexOf('error') == -1){
		if(!input1.attr('value')){
			input1.focus();
		}else if(!input2.attr('value')){
			input2.focus();
		}else if(!input3.attr('value')){
			input3.focus();
		}else{
			$('#input-submit01').focus();
		}
	}
	
});





$('#input-submit02').click(function(){
					
$.ajax( {
type : "POST",
url : "/php/login.php",
//url : "/test_json/json_test.php",
data: "login_flg=2",
dataType: 'json',
timeout: 1000,
success : function(data){

if(data['ret_value'] == 9){
	location.href="/"
}

}
});

});


$('#alertBoxClose').click(function(){
abox.css({'display':'none','visibility':'hidden','opacity':0})
bgbox.css({'display':'none'});
$("#alertText").remove();
$("#popupBtnEntry").remove();
return false;
});



$('#input-submit01').click(function(){
									
	this.blur();

	var pre = this;
	var en = this.form.entry_number.value;
	var yy = this.form.year.value;
	var mm = this.form.month.value;
	var dd = this.form.day.value;
	
	var winsize = getViewSize();
	
	abox.css({'top':(winsize.height/2-70+winsize.scrolls)+'px','left':(winsize.width/2-294) + 'px'});
	
	$.ajax( {
	type : "POST",
	url : "/php/login.php",
	//url : "/shared/script/sample.js",
	data: "login_flg=1&year="+yy+"&month="+mm+"&day="+dd+"&entry_number="+en,
	dataType: 'json',
	timeout: 1000,
	success : function(data){

	
	if(data['ret_value'] == 0){
		$('#loginBlock').css('display','none');
		$('#logoutBlock').css('display','block');	
		$('#loginBlock .phone_number_area').removeClass('error');
		$('#loginBlock .birth_day_area').removeClass('error');
		$('#logoutBlock p.login_name').html('<span>'+data['nickname'] + 'さん</span>');
		location.href ="/mypage/announce_check.php";
	}else if(data['ret_value'] == 2){
		$('#alertBox').append('<p id="alertText">生年月日が正しくありません。<br />再度入力しなおして下さい。</p>');
		$('#loginBlock .birth_day_area').addClass('error');
		$('#loginBlock .phone_number_area').removeClass('error');
		abox.css({'backgroundImage':'url(/shared/images/bg-error-01.jpg)','display':'block','visibility':'visible'});
		abox.css('display','block');
		bgbox.css({'display':'inline'});
		abox.animate({"opacity":1},300,'linear');
	}else if(data['ret_value'] == 1){
		$('#alertBox').append('<p id="alertText">加入者番号と生年月日が正しくありません。<br />再度入力しなおして下さい。</p>');
		$('#loginBlock .phone_number_area').addClass('error');
		$('#loginBlock .birth_day_area').addClass('error');
		abox.css({'backgroundImage':'url(/shared/images/bg-error-01.jpg)','display':'block','visibility':'visible'});
		abox.css('display','block');
		bgbox.css({'display':'inline'});
		abox.animate({"opacity":1},300,'linear');
	}else if(data['ret_value'] == 3){
		$('#alertBox').append('<p id="alertText">現在エントリー登録されておりません。<br />エントリー受付からエントリー登録をしてください。</p><p id="popupBtnEntry"><a href="/entry/entry.php">エントリー受付</a></p>');
		
		$('#popupBtnEntry').click(function(){
				pre.form.setAttribute('action' , '/entry/entry.php');
				
				$('body').append(
							'<form id="dummyForm" method="post" action="/entry/entry.php" style="display:none">'+
							'<input name="subscriber_no" value="'+ data['subscriber_no'] +'">'+
							'<input name="year" value="'+ data['birthday_y'] +'">'+
							'<input name="month" value="'+ data['birthday_m'] +'">'+
							'<input name="day" value="'+ data['birthday_d'] +'">'+
							'</form>');
				$('#dummyForm').submit();
				return false;
		});

		abox.css({'backgroundImage':'url(/shared/images/bg-error-01.jpg)','display':'block','visibility':'visible'});
		abox.css('display','block');
		bgbox.css({'display':'inline'});
		abox.animate({"opacity":1},300,'linear');
	}else if(data['ret_value'] == 8){
		location.href = '/entry/login_error_02.html';
	}
	}
	
	});
});


var nickcheck = function(){
	$.ajax( {
	type : "POST",
	url : "/php/login.php",
	//url : "/shared/script/sample.js",
	data: "login_flg=0",
	dataType: 'json',
	timeout: 5000,
	success : function(data){
		if(data['ret_value'] == 0){
			$('#loginContainer').addClass('login');
			$('#loginBlock').css({'display':'none','visibility':'visible'});
			$('#logoutBlock').css({'display':'block','visibility':'visible'});
			$('#logoutBlock').css({'display':'block','visibility':'visible'});
			
			$('#mypageOut').css({'display':'block'});
			
			$('#btnMypage').css({'display':'block'});
			$('#btnEntry').css({'display':'none'});
			
			$('#logoutBlock p.login_name').html('<span>'+data['nickname'] + 'さん</span>');
		}else if(data['ret_value'] == 9){
			$('#loginBlock').css({'display':'block','visibility':'visible'});
			$('#logoutBlock').css({'display':'none','visibility':'visible'});
			
			$('#entryBtn').css({'display':'block','visibility':'visible'});
		}else if(data['ret_value'] == 4){
			$('#loginBlock').css({'display':'none','visibility':'visible'});
			$('#loginContainer').addClass('login');
			$('#mainteBlock').css({'display':'block','visibility':'visible'});
		}
	}
	});
}

nickcheck();

});


var getViewSize = function(){
		
	var scrollsize = document.body.scrollTop || document.documentElement.scrollTop;
	var scrollsizeL = document.body.scrollLeft || document.documentElement.scrollLeft;
	var sizeset = {};
	
	if (window.innerWidth && window.innerHeight) {
            var bwidth = window.innerWidth;
            var bheight = window.innerHeight;
            winscr = 15;
            sctop = document.body.scrollTop;
        }else if (document.documentElement && document.documentElement.clientWidth != 0) {
            var bwidth = document.documentElement.clientWidth;
            var bheight = document.documentElement.clientHeight;
            winscr = 15;
            sctop = document.documentElement.scrollTop;
        }else if (document.body) {
            var bwidth = document.body.clientWidth;
            var bheight = document.body.clientHeight;
            winscr = 15;
            sctop = document.body.scrollTop;
        }
	
	return sizeset = {'height' : bheight,'width':bwidth,'scrolls':scrollsize,'scrollsL':scrollsizeL};
	
}