// テーブルスタイル（ストライプ及びホバー時のクラス追加）
$(function(){
	$("table#mainForm tr:nth-child(odd)").addClass("odd");
	
	$("table#mainForm tr").mouseover(function(){
		$(this).addClass("hover");
	}).mouseout(function(){
		$(this).removeClass("hover");
	})
});

// バリデーションプラグイン設定
$(function(){
 	$(".validate").validation({
 		msgs: {
			email: "正しいEメールアドレスを入力してください<br />例：example@example.jp",
			zip: "郵便番号を7桁で入力してください。",
			submit: "入力が完了していない<strong>必須項目</strong>があります。<br /><strong>必須項目</strong>をご確認の上、入力してください。"
		},
		extension: {
			AjaxZip2: true,
			dialog: false,
			submit: "#button",
			top: -6
		},
		dialog: {
			dialogOpacity: .8
		}
 	});
});

// 必須項目入力完了まで送信ボタンをグレーアウト
$(function(){
	if($("p#center input#submit:disabled")){
		$(this).addClass("disabled");
		$("p#center").after("<p id='submitAttention'>※全ての必須項目へ入力が完了するとクリック可能になります。</p>");
	} else if($("div.validationTip:hidden").size() == 10){
		$(this).removeClass("disabled");
		$("p#submitAttention").remove();
	} else if($("p#submitAttention").size() <= 0){
		$("p#center").after("<p id='submitAttention'>※全ての必須項目へ入力が完了するとクリック可能になります。</p>");
	}
});

// バリューが初期値ならフォーカスで削除
$(function(){
	var defaultColor = "#999";
	var focusColor = "#000";
	
	//$("table#mainForm textarea, table#mainForm input[type='text']").css("color", defaultColor).focus(function(){
	$("table#mainForm input#title").css("color", defaultColor).focus(function(){
		if($(this).val() == this.defaultValue){
			$(this).val("").css("color", focusColor);
		}
	}).blur(function(){
		if($(this).val() == this.defaultValue | $(this).val() == ""){
			$(this).val(this.defaultValue).css("color", defaultColor);
		}
	});
});

// モーダルウィンドウ
$(function(){
	$("body").append("<div id='glayLayer'></div><div id='overLayer'></div>");
	
	$("#glayLayer").click(function(){
		$(this).fadeOut(500);
		$("#overLayer").hide();
		$("#overLayer dl,#overLayer ul").remove();
	});
	
	$("input#button").click(function(){
		if($.browser.msie){
			$("#glayLayer").show().css("opacity","0.75");
		} else {
			$("#glayLayer").fadeIn(500);
		}
		
		var scrollTop = $(window).scrollTop();
		$("#overLayer").show().css({
			marginTop: + scrollTop + 50 +"px" , 
			marginLeft: "-"+$("#overLayer").width()/2+"px" 
		});
		
		$("#overLayer")
			.append("<dl><dt>氏　　名</dt><dd>" + $("input#name").val() + "</dd></dl>")
			.append("<dl><dt>ふりがな</dt><dd>" + $("input#kana").val() + "</dd></dl>")
			.append("<dl><dt>学校名・学年</dt><dd>" + $('input#school').val() + "</dd></dl>")
			.append("<dl><dt>住　　所</dt><dd>〒" + $('input#zip').val() + "<br />" + $('input#pref').val() + $('input#addr').val() + "　" + $('input#addr02').val() + "</dd></dl>")
			.append("<dl><dt>電話番号</dt><dd>" + $('input#tel').val() + "</dd></dl>")
			.append("<dl><dt>メールアドレス</dt><dd>" + $('input#mail').val() + "</dd></dl>")
			.append("<dl><dt>応募部門</dt><dd>" + $('span#radioarray input:checked:').val() + "</dd></dl>")
			.append("<dl class='title'><dt>作品タイトル</dt><dd>" + $('input#title').val() + "</dd></dl>")
			.append("<dl class='comment'><dt>エッセイ</dt><dd>" + $('textarea#comment').val() + "</dd></dl>")
			.append("<dl class='file'><dt>応募作品</dt><dd>" + $('input#file').val() + "</dd></dl>")
			.append("<ul id='confirmButton' class='clearfix'><li id='prev'><a href='#'>入力画面へ戻る</a></li><li id='next'><a href='#'>上記内容で送信</a></li></ul>");
		
		var titleValue = $('input#title').val();
		if (titleValue == ""){
			$("dl.title").hide();
		}
		var commentValue = $('textarea#comment').val();
		if (commentValue == ""){
			$("dl.comment").hide();
		}
		var fileValue = $('input#file').val();
		if (fileValue == ""){
			$("dl.file").hide();
		}
		
		$("#overLayer dl").addClass("display");
		$("#overLayer dl:hidden").removeClass("display");
		$("#overLayer dl.display:even").addClass("odd");
		
		$("#overLayer ul li#prev").click(function(){
			$("#glayLayer").fadeOut(500);
			$("#overLayer").hide();
			$("#overLayer dl,#overLayer ul").remove();
		});
		
		$("#overLayer ul li#next").click(function(){
			$("#glayLayer").fadeOut(500);
			$("#overLayer").hide();
			$("#overLayer dl,#overLayer ul").remove();
			$("form#send")[0].submit();
		});
	});
	
	if($.browser.msie && $.browser.version<7){
		$(window).scroll(function(){
			$("#glayLayer").get(0).style.setExpression("top","$(document).scrollTop()+'px'");
			//$("#overLayer").get(0).style.setExpression("top","($(document).scrollTop()+$(window).height()/2)+'px'");
		});
	}
});