$(function(){
	var layer = $('#box_layer')
	,win =$('#box_window')
	,swf = $('#box_inner')
	,boxlink = $("#form_link")
	,boxlink_02 = $("#cm")
	,clo =$("#close")
	,clo_02 =$("#box_inner_02 em")
	,base = $('#form_base')
	,spd = 200
	,w = 720
	,wh = 360
	,p = 'px'
	,bd = $("body")
	,css_01 = {"opacity":0.3}
	,css_02 = {"opacity":1};
	layer.css(css_01);



	/*=======================================================
	mouse-event
	=======================================================*/

	boxlink.click(function(e){
		swf.show();
		cmp.hide();
		base.show();
		e.preventDefault();
		layer.fadeIn(spd,layerPos)
		base.resetForm();
		ajaxSubmit();
		msk.hide();
		$("#line").show();
	})

	boxlink_02.click(function(e){
		swf.hide()
		swf_02.show();
		e.preventDefault();
		layer.fadeIn(spd,layerPos)
	})

	//closeボタン　ホバー
	clo.hover(hove,hove2);
	function hove(){clo.css(css_01);}
	function hove2(){clo.css(css_02);}
	
	clo_02.hover(hove3,hove4);
	function hove3(){clo_02.css(css_01);}
	function hove4(){clo_02.css(css_02);}
	
	//closeボタン　クリック
	layer.click(close);
	clo.click(close);
	function close(){win.fadeOut(spd);layer.fadeOut(spd);}

	layer.click(close);
	clo_02.click(close);
	function close(){win.fadeOut(spd);layer.fadeOut(spd);}
	
	
	/*=======================================================
	box-position
	=======================================================*/
	function layerPos(){
		var bodyW = bd.width(),
		bodyH = bd.height(),
		left = (w < bodyW)?-wh:-(bodyW>>1),
		top = (w< bodyH)?-wh:-(bodyH>>1);		
		win.css({marginLeft:left+p,marginTop:top+p}).fadeIn(spd);
	}



	/*=======================================================
	form-check
	=======================================================*/
	
	//メールアドレスのチェック
	var inp_01 = $("#input_1")
	,emsg = $("#emsg")
	,sBtn = $("#btn_send")
	,msk = $("#mask")
	,cmp = $("#comp");
	function mailCheck(){
			  if(!inp_01.val().match(/.+@.+\..+/g)){
				  //alert("正しいメールアドレスをご入力ください");
				  inp_01.addClass("err");
				  emsg.fadeIn(200);
				  sBtn.attr("disabled", "disabled");
				  sBtn.fadeTo(200,0.3);
			  }else{
				  inp_01.removeClass("err");
				  emsg.fadeOut(200);
				  sBtn.removeAttr("disabled");
				  sBtn.fadeTo(200,1);
			  }
	}
	
	inp_01.change(function(){mailCheck();});
	
	$("#input_0-1").change(function(){msk.fadeOut(200)});
	$("#input_0-2").change(function(){msk.fadeIn(200)});
	

	
	function ajaxSubmit(){
		sBtn.attr("disabled", "disabled");
		sBtn.fadeTo(0,0.3);
			
		base.ajaxForm({
				success: function() {
					//close();
					cmp.fadeIn(350);
					$("#line").fadeOut(300);
					base.fadeOut(300); //base.clearForm();
				}
		});
	}
})
