//JQuery

$(function(){
	//スライドして表示・非表示
	$(".class").click(function(){
		$(".class").slideToggle("slow");
	});

	//ロールオーバ
	$('#header ul li img').hover(function(){
		$(this).attr('src', $(this).attr('src').replace('_off', '_on'));
	},
	function(){
		if (!$(this).hasClass('currentPage')) {
			$(this).attr('src', $(this).attr('src').replace('_on', '_off'));
		}
	});

	//クリックで切替
	$('#main div.shopimg img').toggle(
		function() {
			$(this).attr('src', $(this).attr('src').replace('_photo', '_map'));
		},
		function() {
			$(this).attr('src', $(this).attr('src').replace('_map', '_photo'));
		}
	);

	//クリックで閉じる（TOP）
	$(".deleteBox .delete").click(function(){
		$(this).parents(".deleteBox").animate({ opacity: "hide" }, "slow");
	});

	$("textarea").keyup(function(){
		var counter = $(this).val().length;
		$("#countUp").text(counter);
		if(counter == 0){
			$("#countUp").text("0");
		}
		if(counter >= 900){
			$("#countUp").css("color","red");
		} else {
			$("#countUp").css("color","#666");
		}
	});

	//入力フォーム（会員番号）
	$(".f_numb").focus(function(){
		if(this.value == "会員番号（必須）"){
			$(this).val("").css("color","#333333");
		}
	});
	$(".f_numb").blur(function(){
		if(this.value == ""){
			$(this).val("会員番号（必須）").css("color","#969696");
		}
	});

	//入力フォーム（お名前）
	$(".f_name").focus(function(){
		if(this.value == "お名前（必須）"){
			$(this).val("").css("color","#333333");
		}
	});
	$(".f_name").blur(function(){
		if(this.value == ""){
			$(this).val("お名前（必須）").css("color","#969696");
		}
	});

	//入力フォーム（E-Mail）
	$(".f_mail").focus(function(){
		if(this.value == "メールアドレス（必須）"){
			$(this).val("").css("color","#333333");
		}
	});
	$(".f_mail").blur(function(){
		if(this.value == ""){
			$(this).val("メールアドレス（必須）").css("color","#969696");
		}
	});

	//入力フォーム（E-Mail）
	$(".f_msub").focus(function(){
		if(this.value == "メールアドレス（入力確認用）"){
			$(this).val("").css("color","#333333");
		}
	});
	$(".f_msub").blur(function(){
		if(this.value == ""){
			$(this).val("メールアドレス（入力確認用）").css("color","#969696");
		}
	});

});