$(window).load( function() {
	//contents height send
	var ch = $('#main_contents').height();
	parent.postMessage(ch, "*");
});

$(function($){
	//contents height send
	var ch = $('#main_contents').height();
	parent.postMessage(ch, "*");
	
	//top area popup click
	$('div.map_area div.area').click( function() {
		$('div.popup_bg').css({'display':'block'});
		if ($(this).hasClass('area_hokkaido')) {
			$('div.map_area div.popup.hokkaido').css({'display':'block'});
		}
		else if ($(this).hasClass('area_tohoku')) {
			$('div.map_area div.popup.tohoku').css({'display':'block'});
		}
		else if ($(this).hasClass('area_kanto')) {
			$('div.map_area div.popup.kanto').css({'display':'block'});
		}
		else if ($(this).hasClass('area_chubu')) {
			$('div.map_area div.popup.chubu').css({'display':'block'});
		}
		else if ($(this).hasClass('area_kinki')) {
			$('div.map_area div.popup.kinki').css({'display':'block'});
		}
		else if ($(this).hasClass('area_chugoku')) {
			$('div.map_area div.popup.chugoku').css({'display':'block'});
		}
		else if ($(this).hasClass('area_shikoku')) {
			$('div.map_area div.popup.shikoku').css({'display':'block'});
		}
		else if ($(this).hasClass('area_kyusyu')) {
			$('div.map_area div.popup.kyusyu').css({'display':'block'});
		}
		$('div.popup_bg').css({'display':'block'});
	});
	//top area popup close
	$('div.map_area div.popup_close').click( function() {
		$('div.popup_bg div.popup').css({'display':'none'});
		$('div.popup_bg').css({'display':'none'});
	});
	
	//detail view change
	$('#view_station').click( function() {
		if ($('#left_station').css('display') != 'block') {
			$('#left_default').css({'display':'none'});
			$('#left_station').css({'display':'block'});
			$('#left_landmark').css({'display':'none'});
			$('#left_root').css({'display':'none'});
			$('#right_default').css({'display':'none'});
			$('#right_station').css({'display':'block'});
			$('#right_landmark').css({'display':'none'});
			$('#right_root').css({'display':'none'});
		} else {
			$('#left_default').css({'display':'block'});
			$('#left_station').css({'display':'none'});
			$('#left_landmark').css({'display':'none'});
			$('#left_root').css({'display':'none'});
			$('#right_default').css({'display':'block'});
			$('#right_station').css({'display':'none'});
			$('#right_landmark').css({'display':'none'});
			$('#right_root').css({'display':'none'});
		}
	});
	$('#view_landmark').click( function() {
		if ($('#left_landmark').css('display') != 'block') {
			$('#left_default').css({'display':'none'});
			$('#left_station').css({'display':'none'});
			$('#left_landmark').css({'display':'block'});
			$('#left_root').css({'display':'none'});
			$('#right_default').css({'display':'none'});
			$('#right_station').css({'display':'none'});
			$('#right_landmark').css({'display':'block'});
			$('#right_root').css({'display':'none'});
		} else {
			$('#left_default').css({'display':'block'});
			$('#left_station').css({'display':'none'});
			$('#left_landmark').css({'display':'none'});
			$('#left_root').css({'display':'none'});
			$('#right_default').css({'display':'block'});
			$('#right_station').css({'display':'none'});
			$('#right_landmark').css({'display':'none'});
			$('#right_root').css({'display':'none'});
		}
	});
	$('#view_root').click( function() {
		if ($('#left_root').css('display') != 'block') {
			$('#left_default').css({'display':'none'});
			$('#left_station').css({'display':'none'});
			$('#left_landmark').css({'display':'none'});
			$('#left_root').css({'display':'block'});
			$('#right_default').css({'display':'none'});
			$('#right_station').css({'display':'none'});
			$('#right_landmark').css({'display':'none'});
			$('#right_root').css({'display':'block'});
		} else {
			$('#left_default').css({'display':'block'});
			$('#left_station').css({'display':'none'});
			$('#left_landmark').css({'display':'none'});
			$('#left_root').css({'display':'none'});
			$('#right_default').css({'display':'block'});
			$('#right_station').css({'display':'none'});
			$('#right_landmark').css({'display':'none'});
			$('#right_root').css({'display':'none'});
		}
	});
	
	//top shop name
	var cutTextNum = '44'; 
	var afterTxt = '…';
	$('.rireki_area .title a').each(function(){
		var textTrim = textSubstr($(this).text(),(cutTextNum),'…')
		$(this).html(textTrim);
	});
});

function textSubstr(text, len, truncation) {
	var count = 0;
	var str = '';
	for (i=0; i<text.length; i++) {
		n = escape(text.charAt(i));
		if (n.length < 4) count++; else count+=2;
		if (count>len) {return str+truncation;}
		str += text.charAt(i);
	}
	return text;
}