/* ------------------------------------------------------------------------------- */
/* 画像ロールオーバー
/* ------------------------------------------------------------------------------- */
$(function(){
    $('a img').not('#campaignSlider a img').hover(function(){
            // マウスオーバー時
            // 文字列[_off]を[_on]に置き換える
            $(this).attr('src', $(this).attr('src').replace('_off.', '_on.'));
        }, function(){
            // マウスアウト時
            // 文字列[_on]を[_off]に置き換える
            $(this).attr('src', $(this).attr('src').replace('_on.', '_off.'));
    });
});
/* アラートにイメージがあった場合 */
$(function(){
	$('.alertBox img').hover(function(){
			// マウスオーバー時
			// 文字列[_off]を[_on]に置き換える
			$(this).attr('src', $(this).attr('src').replace('_off.', '_on.'));
		}, function(){
			// マウスアウト時
			// 文字列[_on]を[_off]に置き換える
			$(this).attr('src', $(this).attr('src').replace('_on.', '_off.'));
	});
});
/* ------------------------------------------------------------------------------- */
/* スクロール
/* ------------------------------------------------------------------------------- */
$(document).ready(function() {
		//ハッシュリンクのアンカータグをクリックするとマッチするidを持つ要素にスクロールする
		$('#footerArea a[href^="#"]'+','+'.shousai .pageLink a[href^="#"]'+','+'.campaign a[href^="#"],'+'.flow #flowNavi a[href^="#"],'+'.beginner a[href^="#"],'+'.faq a[href^="#"]').click(function(event) {
				var id = $(this).attr("href");
				var offset = 60;
				var target = $(id).offset().top - offset;
				$('html, body').animate({scrollTop:target}, 500);
				event.preventDefault();
				return false;
		});
});

/* ------------------------------------------------------------------------------- */
/* フォームにテキストを入れておき、フォーカスで消す（文字色も変更）
/* ------------------------------------------------------------------------------- */
$(function(){
	// フォーカスした時
	$(".focus01").focus(function(){
		// [value]が[市区町村、路線、駅名、物件名など]と等しければ
		if(this.value == "市区町村、路線、駅名、物件名など"){
			// [value] を空に変更し、[color]を「入力用」に変更
			$(this).val("").css("color","#333333");
		}
	});
	// フォーカスが外れた時
	$(".focus01").blur(function(){
		// [value]が空もしくは空白のみの場合
		if(this.value.replace(/^[\s　]+|[\s　]+$/g, "").length == 0){
			// [value] を初期値に変更し、[color]を「グレー」に変更
			$(this).val("市区町村、路線、駅名、物件名など").css("color","#969696");
		}
	});
});
$(function(){
	// フォーカスした時
	$(".focus02").focus(function(){
		// [value]が[市区町村、駅名など]と等しければ
		if(this.value == "市区町村、駅名など"){
			// [value] を空に変更し、[color]を「入力用」に変更
			$(this).val("").css("color","#333333");
		}
	});
	// フォーカスが外れた時
	$(".focus02").blur(function(){
		// [value]が空もしくは空白のみの場合
		if(this.value.replace(/^[\s　]+|[\s　]+$/g, "").length == 0){
			// [value] を初期値に変更し、[color]を「グレー」に変更
			$(this).val("市区町村、駅名など").css("color","#969696");
		}
	});
});
$(function(){
	// フォーカスした時
	$(".focus03").focus(function(){
		// [value]が[キーワードを入力]と等しければ
		if(this.value == "目的地、目的地からの所要時間、入居人数やご利用部屋数など、ご自由にお書きくださいませ"){
			// [value] を[ ]に変更し、[color]を変更
			$(this).val("").css("color","#333333");
		}
	});
	// フォーカスが外れた時
	$(".focus03").blur(function(){
		// [value]が[ ]と等しければ
		if(this.value == ""){
			$(this).val("目的地、目的地からの所要時間、入居人数やご利用部屋数など、ご自由にお書きくださいませ").css("color","#969696");
		}
	});
});
/* ------------------------------------------------------------------------------- */
/* 偶数・奇数にclass追加
/* ------------------------------------------------------------------------------- */

/* #twoColumn01 #subContent */
$(function(){
	$("#twoColumn01 #subContent #box04 .column dl:not(:last)").addClass("style");
});
$(function(){
	$("#twoColumn01 #subContent #box06 .column ul li:not(:last)").addClass("style");
});
$(function(){
	$("#twoColumn01 #subContent #box02 ul li:not(:last)").addClass("text");
});
$(function(){
	$("#twoColumn01 #subContent #box01 .column dl:not(:last)").addClass("type");
});

$(function(){
	$(".top #info01 #info01Inner .column .layout01:even").addClass("comLayout01");
});
$(function(){
	$(".top #info03 #info03Inner .column .layout01:even").addClass("comLayout01");
});
$(function(){
	$(".top #info01 #info01Inner .column .layout01:odd").addClass("comLayout02");
});
$(function(){
	$(".top #info02 #info02Inner .column .layout01:not(:last)").addClass("type");
});
$(function(){
	$(".top #info03 #info03Inner .column .layout01:odd").addClass("comLayout02");
});
$(function(){
	$(".area #info01 #info01Inner .column .layout01:even").addClass("comLayout01");
});
$(function(){
	$(".area #info03 #info03Inner .column .layout01:even").addClass("comLayout01");
});
$(function(){
	$(".area #info01 #info01Inner .column .layout01:odd").addClass("comLayout02");
});
$(function(){
	$(".area #info02 #info02Inner .column .layout01:not(:last)").addClass("type");
});
$(function(){
	$(".area #info03 #info03Inner .column .layout01:odd").addClass("comLayout02");
});
$(function(){
	$(".areaList #mainContent #info01Inner .column:not(:last)").addClass("style");
});
$(function(){
	$(".shousai #mainContent #info03 .layout01Inner .inner:not(:last)").addClass("type");
});
$(function(){
	$(".shousai #subContent #box02 #box02Inner .column ul li:not(:last)").addClass("type");
});
$(function(){
	$(".contactForm #mainContent #info01Area #info01 #info01Inner table:not(:last)").addClass("type");
});
$(function(){
	$(".searchTime #mainContent #info03 #info03Inner .column table tr:even").addClass("style02");
});
/* ------------------------------------------------------------------------------- */
/* 縦の高さを揃える
/* ------------------------------------------------------------------------------- */
(function($) {
	// メソッドの定義
	// [columns]には[tile(2)]が入っている
	$.fn.tile = function(columns) {
		// [this.length]は指定したセレクタの個数
		var tiles, max, c, h, last = this.length - 1, s;
		// [columns]にデータがなければ
		if(!columns) columns = this.length;
		// each(function(){処理内容}) セレクタに繰り越し処理を実行する
		this.each(function() {
			// 指定したセレクタのCSS
			s = this.style;
			// [height]プロパティーを削除
			if(s.removeProperty) s.removeProperty("height");
			// [height]属性を削除
			if(s.removeAttribute) s.removeAttribute("height");
		});
		// each(function(){処理内容}) セレクタに繰り越し処理を実行する
		// 1番高い[height]に合わせる
		return this.each(function(i) {
			// 割った余りを返す
			c = i % columns;
			if(c == 0) tiles = [];
			tiles[c] = $(this);
			h = tiles[c].height();
			if(c == 0 || h > max) max = h;
			if(i == last || c == columns - 1)
				$.each(tiles, function() { this.height(max); });
		});
	};
})(jQuery);
$(function(){
	// [tile(2)]は[div] の2つ目が読み込まれたら折り返す
	$(".listBox div").tile(2);
	$(".top #info01 #info01Inner .column .layout01").tile(2);
	$(".top #info02 #info02Inner .column .layout01").tile(3);
	$(".top #info03 #info03Inner .column .layout01").tile(2);
	$(".area #info01 #info01Inner .column .layout01").tile(2);
	$(".area #info02 #info02Inner .column .layout01").tile(3);
	$(".area #info03 #info03Inner .column .layout01").tile(2);
	$(".shousai #mainContent #info05 .layout02 ul li").tile(3);
	$(".selectSearch #mainContent #info03 .layout04 ul li").tile(4);

});

/* ------------------------------------------------------------------------------- */
/* アコーディオンメニュー
/* ------------------------------------------------------------------------------- */
$(function(){
	$(".commentBox .comment02").hide();
	$(".commentBox .comment01").click(function(){
		// slideToggle(スピード,コールバック関数) 表示・非表示をスライドで切り替える
		$(this).parent(".commentBox").children(".comment02").slideToggle("slow");
	});
});
/* ------------------------------------------------------------------------------- */
/* タブ切り替え
/* ------------------------------------------------------------------------------- */
$(function(){
	var handler = $('.selectSearch ul.tabInner li a');
	var url = document.URL;
    var urlId = url.substr(url.lastIndexOf('#'));
	var urlIdJudgment = urlId.lastIndexOf('#');
	// ロールオーバー
	handler.hover(function() {
		var classJudgment = $(this).children('img').attr('class');
		if(classJudgment != 'tab-on') {
			var imgSrc = $(this).children('img').attr('src');
			var imgDot = imgSrc.lastIndexOf('.');
			var onSrc = imgSrc.substr(0, imgDot) + '_o' + imgSrc.substr(imgDot, 4);
			$(this).children('img').attr('src',onSrc);
			}
		},
		function() {
			var classJudgment = $(this).children('img').attr('class');
			if(classJudgment != 'tab-on') {
				var imgOff = $(this).children('img').attr('src').replace(/_o/g, "");
				$(this).children('img').attr('src',imgOff);
			}
		});
});


/* ------------------------------------------------------------------------------- */
/* タブ切り替え（入居までの流れ&物件詳細オプション用）
/* ------------------------------------------------------------------------------- */
$(function(){
    var handler = $('#tabBox ul#nav li a');
    var url = document.URL;
    var urlId = url.substr(url.lastIndexOf('#'));
    var urlIdJudgment = urlId.lastIndexOf('#');
    $('#tabBox ul#nav').each(function(){
        $('#tabBox > div:first').show();
            var imgSrc = $('#tabBox ul#nav li:first img').attr('src');
            var imgDot = imgSrc.lastIndexOf('.');
            var onSrc = imgSrc.substr(0, imgDot) + '_o' + imgSrc.substr(imgDot, 4);
            $('#tabBox ul#nav li:first img').attr('src',onSrc).addClass('tab-on');
    });
    // クリック時の動作
    handler.click(function() {
        // クリックしたタブ画像をオンの状態に
        var imgSrc = $(this).children('img').attr('src').replace(/_o/g, "");
        var imgDot = imgSrc.lastIndexOf('.');
        var onSrc = imgSrc.substr(0, imgDot) + '_o' + imgSrc.substr(imgDot, 4);
        $(this).children('img').attr('src',onSrc);
        // タブ画像の切り替え
        var imgOff = $('#tabBox ul#nav li img.tab-on').attr('src').replace(/_o/g, "");
        $('#tabBox ul#nav li img.tab-on').attr('src',imgOff);
        $('#tabBox ul#nav li img').removeClass('tab-on');
        $(this).children('img').addClass('tab-on');
        // コンテンツの切り替え
        var clickAttr = $(this).attr('href');
        var showAttr = '#' + $('#tabBox > div:visible').attr('id');
        if(clickAttr !== showAttr) {
            $('#tabBox > div:visible').hide();
            var showDiv = '#tabBox div' + clickAttr;
            $(showDiv).show();
            return false;
        }
        else {
            // 何度もクリックした場合もタブ画像をオンの状態に
            var imgSrc = $(this).children('img').attr('src').replace(/_o/g, "");
            var imgDot = imgSrc.lastIndexOf('.');
            var onSrc = imgSrc.substr(0, imgDot) + '_o' + imgSrc.substr(imgDot, 4);
            $(this).children('img').attr('src',onSrc);
            return false;
        }
    })
    // ロールオーバー
    handler.hover(function() {
        var classJudgment = $(this).children('img').attr('class');
        if(classJudgment != 'tab-on') {
            var imgSrc = $(this).children('img').attr('src');
            var imgDot = imgSrc.lastIndexOf('.');
            var onSrc = imgSrc.substr(0, imgDot) + '_o' + imgSrc.substr(imgDot, 4);
            $(this).children('img').attr('src',onSrc);
        }
    }, function() {
        var classJudgment = $(this).children('img').attr('class');
        if(classJudgment != 'tab-on') {
            var imgOff = $(this).children('img').attr('src').replace(/_o/g, "");
            $(this).children('img').attr('src',imgOff);
        }
    });
});

/* ------------------------------------------------------------------------------- */
/* ラジオ&チェックボックス画像化
/* ------------------------------------------------------------------------------- */
//radio&checkbox 初期表示設定
$(function(){
	//ボタンデザイン用CSS初期設定
	$("input[type='radio']").parent().addClass("btnRad"); //radioボタン
	$("input[type='checkbox']").parent().addClass("btnCheck"); //checkボタン
	//全てのデータを取得する
	var allRadioType = $("input[type='radio']"); //radioボタン
	var allCheckType = $("input[type='checkbox']"); //checkボタン
	//name重複削除
	var checkedRadio = CheckOverlap(allRadioType); //radioボタン
	var checkedCheck = CheckOverlap(allCheckType); //checkボタン
	//初期表示でチェックがあればデザイン設定
	checkInitial(checkedRadio); //radioボタン
	checkInitial(checkedCheck); //checkボタン
	//ボタンが押されたら
	$("input[type='radio']").change(pushRadBtn); //radioボタン
	$("input[type='checkbox']").change(pushCheckBtn); //checkボタン
	$(".layout04 .subTit input[type='checkbox']").change(pushCheckBtn02); //checkボタン2
	/**
	 * name属性の重複確認
	 */
	function CheckOverlap(allType) {
		var array = []; //nameを全て取得する為の変数設定
		var checkedName = []; //nameの重複削除データ設定変数
		var flag; //重複データ確認の為のフラグ
		//name全て
		for (i = 0; i < allType.length; i++) {
			array[i] = allType[i].name;
		}
		checkedName.push(array[0]);
		for(var i = 0; i < array.length; i++){
			flag = true;
			for(var j = 0; j < checkedName.length; j++){
				if(array[i] === checkedName[j]){
					flag = false;
				}
			}
			if(flag){
				checkedName.push(array[i]);
			}
		}
		return checkedName;
	}
	/**
	 * 初期表示でボタンにチェックが入っていればデザイン変更
	 */
	function checkInitial(type) {
		for (a = 0; a < type.length; a++) {
			var name = $("input[name='" + type[a] + "']");
			for (i = 0; i < name.length; i++) {
				if (name[i].checked == true) {
					$(name[i]).parent().addClass("c_on");
				}
			}
		}
	}
	/**
	 * ボタンが押された場合のclass切り替え(radioボタン)
	 */
	function pushRadBtn() {
		var nameType = $(this).attr("name");
		if($(this).is(":checked")){
			$("input[name='" + nameType + "']").parent().removeClass("c_on");
			$(this).parent().addClass("c_on");
		}else{
			$(this).parent().removeClass("c_on");
		}
	}
	/**
	 * ボタンが押された場合のclass切り替え(checkボタン)
	 */
	function pushCheckBtn() {
		if($(this).is(":checked")){
			$(this).parent().addClass("c_on");
		}else{
			$(this).parent().removeClass("c_on");
		}
	}
	function pushCheckBtn02() {
		if($(this).is(":checked")){
			$(this).parent().removeClass("c_on").addClass("c_on02");
		}else{
			$(this).parent().removeClass("c_on02");
		}
	}
});