/*
 * 初期化
 */
function init02 () {
	// --- URL
	var url = document.URL;
	if ( url.indexOf("?") ) {
		var dummyurl = url.split("?");
		url = dummyurl[0];
	}
	
	// --- 1ページに表示する件数
	var max_page_view = 10;
	if ( ! max_page_view ) { max_page_view = 10; }
	
	// --- GETパラメータを取得
	var q = GetParameter();
	
	// --- モード判別？
	if ( q['mode'] == undefined ) {
		q['mode'] = "";
		$("body").each(function(){
			var xClass = $(this).attr("class");
			q['mode'] = xClass.replace("object ", "");
		});
	}
	
	// --- 現在のページ数を取得
	var page = q['page'];
	if ( ! page ) page = 1;
	
	// --- 検索結果件数を取得
	var cnt_result = GetResultCount();
	
	// --- 最大ページ数を取得
	var max_page = Math.ceil( cnt_result / max_page_view );
	
	// --- 前のページ数を取得
	var prev_page = parseInt( page - 1 );
	if ( prev_page < 1 ) prev_page = 1;
	
	// --- 次のページ数を取得
	var next_page = parseInt( page - 0 + 1 );
	if ( next_page > max_page ) next_page = max_page;
	
	// --- 表示範囲を設定
	var start = (max_page_view * page) - max_page_view;
	var end = (max_page_view * page);
	if ( end > cnt_result ) end = cnt_result;
	
	// --- 表示範囲以外の要素は隠す
	/*
	for ( var i = 0; i < cnt_result; i++ ) {
		if ( i >= start && i < end ) {
			$(".obbox").eq(i).removeAttr("style");
		} else {
			$(".obbox").eq(i).attr("style", "display:none");
		}
	}
	*/
	
	// --- 件数表示
	var str_result = "";
	if ( cnt_result > 0 ) {
		str_result += "該当物件 " + cnt_result + "件中：" + (start + 1) + "～" + end + "件目までを表示しています。";
	} else {
		str_result += "該当物件はございません。";
	}
	//$("#view_result").html( str_result );
	
	// --- ナビゲーションページ表示範囲
	var navi_start = page - 2;
	var navi_end = page - 0 + 2;
	if ( navi_start < 1 ) navi_start = 1;
	if ( navi_end > max_page ) navi_end = max_page;
	
	// --- ナビゲーション
	var str_navi = "";
	if ( page > prev_page ) str_navi += "<a href='" + url + "?mode=" + q['mode'] + "&area=" + q['area'] + "&category=" + q['category'] + "&page=" + prev_page + "' class='back'>前のページ</a>";
	if ( navi_start > 1 ) str_navi += "｜...";
	for ( var j = navi_start; j <= navi_end; j++ ) {
		str_navi += "｜";
		if ( j == page ) {
			str_navi += "<em>" + j + "</em>";
		} else {
			str_navi += "<a href='" + url + "?mode=" + q['mode'] + "&area=" + q['area'] + "&category=" + q['category'] + "&page=" + j + "'>" + j + "</a>";
		}
	}
	if ( navi_end < max_page ) str_navi += "｜...";
	if ( page < next_page ) str_navi += "｜<a href='" + url + "?mode=" + q['mode'] + "&area=" + q['area'] + "&category=" + q['category'] + "&page=" + next_page + "' class='next'>次のページ</a>";
	
	/*
	$("#view_navi_01").html( str_navi );
	$("#view_navi_02").html( str_navi );
	*/
	
	// --- 検索欄を表示
	if ( q['mode'] == 'office' ) {
		viewOfficeSearch();
		change('shop');
	} else if ( q['mode'] == 'shop' ) {
		viewShopSearch();
		change('office');
	}
}


/*
 * 検索結果件数を取得
 */
function GetResultCount () {
	var num = $(".obbox").length;
	return num;
}

/*
 * GETパラメータを取得
 */
function GetParameter () {
	var q = new Array();
	var query = window.location.search.substring(1);
	var params = query.split('&');
	for ( var i = 0; i < params.length; i++ ) {
		var pos = params[i].indexOf('=');
		if ( pos > 0 ) {
			var key = params[i].substring(0, pos);
			var val = params[i].substring(pos + 1);
			val = val.split('#');
			q[key] = val[0];
		}
	}
	
	return q;
}


function viewShopSearch () {
}

function viewOfficeSearch () {
}


function change ( mode ) {
	var q = GetParameter();
	var str_html = "";
	switch ( mode ) {
		case "office":	// 事務所検索
			str_html += "<div class='ser_s'><a href='#' onclick=\"javascript:change('office');\">事務所検索</a></div>";
			str_html += "<div class='ser_o'><a href='#' onclick=\"javascript:change('shop');\">店舗検索</a></div>";
			$("#serbox").removeClass('off');
			$("#serbox").addClass('ssh');
			$("#serboxbu").html( str_html );
			$("#mode").val('shop');
			$.get("../categoryList.php?mode=shop&category=" + q['category'], function ( data ) {
				$("#categoryArea").html( data );
			});
			$("#searchBTN").removeAttr("src");
			$("#searchBTN").attr("src", "../images/ser_bu_sh.gif");
			break;
		case "shop":		// 店舗検索
			str_html += "<div class='ser_o'><a href='#' onclick=\"javascript:change('shop');\">店舗検索</a></div>";
			str_html += "<div class='ser_s'><a href='#' onclick=\"javascript:change('office');\">事務所検索</a></div>";
			$("#serbox").removeClass('ssh');
			$("#serbox").addClass('off');
			$("#serboxbu").html( str_html );
			$("#mode").val('office');
			$.get("../categoryList.php?mode=office&category=" + q['category'], function ( data ) {
				$("#categoryArea").html( data );
			});
			$("#searchBTN").removeAttr("src");
			$("#searchBTN").attr("src", "../images/ser_bu.gif");
			break;
	}
}