$(function(){

	// option要素透明度
	var option_opacity = "0.2";

	/*----------------------------------
	店舗別 店舗 セレクト 
	-----------------------------------*/
	$("#areaselect").change(function(){
		if($(this).val() != ""){

			var area = $(this).children(':selected').val();
			$("#shopselect").animate({opacity: 1}, 150 );
			$(".arrow_1").animate({opacity: 1}, 150 );
			$("#shopselect").removeAttr("disabled");

			
			$.ajax({
				url : "./mailLib.php?area="+area,
				type:"GET",
				datatype:"html",
				timeout:10000,
				error:function(){
					alert("読み込みが失敗しました");
				},
				success:function(html){
					$("#shopselect").html(html);
				}
			});
		}else{
			$("#shopselect").html("<option value=\"\">店舗を選択して下さい</option>");
			$("#shopselect").css({opacity: option_opacity });
			$("#shopselect").attr("disabled","disabled");
			$(".arrow_1").css({opacity: option_opacity });
			$(".shop_link").css({opacity: option_opacity });
			$(".arrow_2").css({opacity: option_opacity });
			$(".shop_link").html("<p class=\"link\">お問い合わせはこちら</p>");

		}
	});

		

	/*----------------------------------
	店舗別 エリア セレクト  
	-----------------------------------*/
	$("#shopselect").change(function(){
		if($(this).val() != ""){
			$(".shop_link").html("<a class=\"link\" href=\""+ $(this).val() +"mail/\" target=\"_blank\">お問い合わせはこちら</a>");
			$(".shop_link").animate({opacity:1}, 150);
			$(".arrow_2").animate({opacity: 1}, 150 );
		}else{
			$(".shop_link").css({opacity: option_opacity });
			$(".arrow_2").css({opacity: option_opacity });
			$(".shop_link").html("<p class=\"link\">お問い合わせはこちら</p>");

		}
	});

	/*-----------------------
	form テキスト
	------------------------*/
		mail_text = "メールアドレスを記入";
	name_text = "お名前を記入";

	$(".mail_text :text").each(function() {
		if($(this).val() == mail_text){
			$(this).val(mail_text).css("color","#bbb");
		}
		$(this).focus(function(){
			if($(this).val() == mail_text){
				$(this).val("").css("color","#444");
			}
		});

		$(this).blur(function(){
			if($(this).val() == ""){
				$(this).val(mail_text).css("color","#bbb");
			}else if($(this).val() != mail_text){
				$(this).css("color","#444");
			}
		});
	});

	$(".name_text :text").each(function() {
		if($(this).val() == name_text){
			$(this).val(name_text).css("color","#bbb");
		}
		$(this).focus(function(){
			if($(this).val() == name_text){
				$(this).val("").css("color","#444");
			}
		});

		$(this).blur(function(){
			if($(this).val() == ""){
				$(this).val(name_text).css("color","#bbb");
			}else if($(this).val() != name_text){
				$(this).css("color","#444");
			}
		});
	});
	
});