function area_cl(id, name){

	$("#areamap_ul").children().css({ background:""});
	$("#"+id).css({ background:"transparent url(/plan/plan_images/area_"+name+".gif) no-repeat scroll 0 0"});

	var prm1 = '';
	var prm2 = '';
	var get = _GET();

	if('dept' in get && get.dept) {
			prm1 = '?dept='+get.dept;
			prm2 = '&dept='+get.dept;
	}

	$.getJSON("/php/area/area_hotels/"+id+"/"+prm1, function(json){


		if(json.area_name != null) {
	
			$(".map_right h3").html("<em>"+json.area_name+"</em>のホテル一覧("+json.count+"件)");

			var list = json.hotel;
			if(!list) {
				$("#list").html("<div></div>");
				return false;
			}	

			var dls = "<div>";

			for (i = 0; i < list.length; i++) {
				if(list[i].link) {
					var tmp ="<dl class='clearFix'><dt class='thumb'><a href='/php/hotels/detail/"+list[i].id+prm1+"'><img src='"+list[i].img+"' alt='"+list[i].name+"' /></a></dt><dt><a href='/php/hotels/detail/"+list[i].id+prm1+"'>"+list[i].name+"</a></dt><dd class='catch_txt'>"+list[i].catch_copy+"</dd></dl>";
				}
				else {
					var tmp ="<dl class='clearFix'><dt class='thumb'><a href='/php/plans/hotel_plans?hotel="+list[i].id+prm2+"'><img src='"+list[i].img+"' alt='"+list[i].name+"' /></a></dt><dt><a href='/php/plans/hotel_plans?hotel="+list[i].id+prm2+"'>"+list[i].name+"</a></dt><dd class='catch_txt'>"+list[i].catch_copy+"</dd></dl>";
				}
				
				if((i+1) % 5 == 0 && (i+1) != list.length) {
					 var dls = dls + tmp + "</div><div>";
					continue;
				}
				if((i+1) == list.length) {
					var dls = dls + tmp + "</div>";
					break;
				}
				else{
					var dls = dls + tmp;
				}


			}
			var dls_fix = dls + "";
			$("#list").html(dls_fix);
		}
		pager();
	})
}


function pager() {
	$("#list").pager("div");
}

function _GET(){
	var get = new Array();

	if(location.search.length > 1){
		var search = unescape(decodeURI(location.search));
		var requests = search.substr(1).split("&");

		for(var i = 0; i < requests.length; i++){
			var r = requests[i].split("=");

			get[r[0]] = r[1];

		}
	}
	return get;
}

$(function () {
	var get = _GET();
	if(get.dept == 2) {
		area_cl(3, 'nihonbashi');
	}
	else {
		area_cl(4, 'tokyo');
	}
})