$(function() {
    /**
     * 1行で書いて、必要なだけコピペ
     * hrefが#tab何々となっているアンカーをクリックすると
     * IDがpanel何々となっているdivを全部非表示にして、希望のpanelをフェードインして表示
     * event.preventDefault() は onclick="return false;"的な役目
     */
	$("#panel_hokkaido").addClass("active").show(); //Activate first tab
    $("#tabs a[href=#tab1]").click(function(event){$("#recommend_area div[id^=panel]").hide(); $("#panel_hokkaido").fadeIn(); event.preventDefault(); $(".selected").css("display","block");})
    $("#tabs a[href=#tab2]").click(function(event){$("#recommend_area div[id^=panel]").hide(); $("#panel_tohoku").fadeIn(); event.preventDefault();})
    $("#tabs a[href=#tab3]").click(function(event){$("#recommend_area div[id^=panel]").hide(); $("#panel_syuto").fadeIn(); event.preventDefault();})
    $("#tabs a[href=#tab4]").click(function(event){$("#recommend_area div[id^=panel]").hide(); $("#panel_other").fadeIn(); event.preventDefault();})
    $("#tabs a[href=#tab5]").click(function(event){$("#recommend_area div[id^=panel]").hide(); $("#panel_kansai").fadeIn(); event.preventDefault();})
    $("#tabs a[href=#tab6]").click(function(event){$("#recommend_area div[id^=panel]").hide(); $("#panel_tyugoku").fadeIn(); event.preventDefault();})
    $("#tabs a[href=#tab7]").click(function(event){$("#recommend_area div[id^=panel]").hide(); $("#panel_kyusyu").fadeIn(); event.preventDefault();})
	
	
    $("#tab_torikago li").click(function(){
		var idx = $("#tab_torikago li").index(this);
		
		$("#tab_torikago li img").removeClass("rostay");
		$(this).find("img").addClass("rostay");
		
		var h = $("#tab_contents .torikago").outerHeight();
		$("#tab_contents").css("min-height",h);

		$("#tab_contents .torikago").stop(true,true).hide();
		$("#tab_contents .torikago").eq(idx).stop(true,true).fadeIn();
		
	})
})