// JavaScript Document

// note.js 2009-07-23

var txts_anime = function(){
	$("#contents .txt01").fadeIn(3000,function(){
			$("#contents .txt02").fadeIn(4000,function(){
					$("#contents .ttl").fadeIn("slow");
					$("#note").show();
					$("#note form").hide();
				}
			);
		}
	);
}
var write_txts = function(){
	if ($.browser.msie){
		$("#contents .txt01, #contents .txt02").pngfix();
		$("#note form").hide();
		$("#contents .txt01, #contents .txt02, #contents .ttl, #note").show();
	}else{
		txts_anime();
	}
}
var draw = function(){
	$("#cloud").fadeIn(1000,function(){
		$("#rain").fadeIn(1500,function(){
			$("#cloud").fadeOut(3000);
			$("#horizon").fadeIn(500,function(){
				$("#rain").fadeOut(3000);
				$("#logo").fadeIn(6000,write_txts);
				$("#plant").fadeIn(3000,function(){
						$("#horizon,#plant").fadeOut(3000);
					});
				});
			});
		});
}

/*
	main
*/
$(window).load(function(){
	//絵を追加
	$("#contents").append('<div id="horizon" />');
	$("#contents").append('<div id="cloud" />');
	$("#contents").append('<div id="rain" />');
	$("#contents").append('<div id="plant" />');
	draw();
	
  //hoverすると表示
	$('#note').hover(function(){
		$("#note form").show();
	},
	  function () {
		if(!$("#email").val() && !$("#ebody").val() && ("#note form")){
			$("#note form").hide();
		}
	});
  //バリデーション
  var param = {
		//errorLabelContainer: "#errorList",
		//wrapper: "li",
		errorElement:"div",
		submitHandler: function(form){
			// form
			var option = {
				url: "/note_v01/validate-form.php",
				type: "POST",
				dataType: "json",
				clearForm: true,
				success: function(json, status)  {
					if(json.mode == "error"){
						for(var i=0; i<json.msgs.length; i++){
							var tags = '<div class="error">'+json.msgs[i].msg+'</div>';
							$("#contents #note form").append(tags);
						}
					}else {
						for(var i=0; i<json.msgs.length; i++){
							var tags = '<div class="msg">'+json.msgs[i].msg+'</div>';
							$("#contents #note form").empty();
							$("#contents #note").append(tags);
						}
					}
					
				}
			};
			$('#note form').ajaxSubmit(option);
		}
	};
	$('#note form').validate(param);
});