animatedcollapse.addDiv('bar_title', 'height=175px, hide=1');
animatedcollapse.addDiv('gourmet_title', 'height=225px, hide=1');
animatedcollapse.addDiv('other_title', 'height=150px, hide=1');
animatedcollapse.init();

var show_bar_title_flg = false;
var show_gourmet_title_flg = false;
var show_other_title_flg = false;

function click_menu(menu_name){
    if (menu_name == "bar_title") {
        animatedcollapse.toggle(menu_name);
        if (show_bar_title_flg) {
            show_bar_title_flg = false;
            document.img_bar_title.src = "/images/mainnavi/Nomi_top_down.gif";
        } else {
            show_bar_title_flg = true;
            document.img_bar_title.src = "/images/mainnavi/Nomi_top_up.gif";
        }
    }

    if (menu_name == "gourmet_title") {
        animatedcollapse.toggle(menu_name);
        if(show_gourmet_title_flg){
            show_gourmet_title_flg = false;
            document.img_gourmet_title.src = "/images/mainnavi/Tabe_top_down.gif";
        } else {
            show_gourmet_title_flg = true;
            document.img_gourmet_title.src = "/images/mainnavi/Tabe_top_up.gif";
        }
    }
	
    if (menu_name == "other_title") {
        animatedcollapse.toggle(menu_name);
        if(show_other_title_flg){
            show_other_title_flg = false;
            document.img_other_title.src = "/images/mainnavi/Igyoushu_top_down.gif";
        } else {
            show_other_title_flg = true;
            document.img_other_title.src = "/images/mainnavi/Igyoushu_top_up.gif";
        }
    }
}


function write_menu() {

    document.write('  <div id="basic-accordian" >');
    document.write('    <ul class="h30">');
    document.write('      <li><a href="/susukinomap.html"><img src="/images/mainnavi/navi_map_off.gif" alt="すすきのマップ" width="170" height="30"></a></li>');
    document.write('      <li><a href="/hotel/city.html"><img src="/images/mainnavi/navi_hotel1_off.gif" alt="ホテル" width="170" height="30"></a></li>');
    document.write('      <li><a href="/hotel/boutique_search.html"><img src="/images/mainnavi/navi_hotel2_off.gif" alt="ブティックホテル" width="170" height="30"></a></li>');
    document.write('      <li><a href="/recruit/search_bar.html"><img src="/images/mainnavi/navi_recruit_off.gif" alt="求人情報" width="170" height="30"></a></li>');
    document.write('    </ul>');
    document.write('    <ul class="h25_ireko">');
    document.write('      <li><a href="/"><img src="/images/mainnavi/navi_Town_top.gif" width="170" height="30"></a></li>');
    document.write('        <li><div class="accordion_headings" >');
    document.write('        <IMG src="/images/mainnavi/Tabe_top_down.gif" usemap="#Tabe_top_down" name="img_gourmet_title" border="0">');
    document.write('        <MAP name="Tabe_top_down">');
    document.write('        <AREA shape="rect" coords="0,0,146,30" href="/gourmet/gourmet.html" alt="">');
    document.write('        <AREA shape="rect" coords="146,0,170,30" href="javascript:click_menu(\'gourmet_title\');" alt="">');
    document.write('        <AREA shape="default" nohref>');
    document.write('        </MAP>');
    document.write('        </div>');
    document.write('        <div id="gourmet_title" style="width: 170px; height:225px;">');
    document.write('          <ul>');
    document.write('          <li><a href="/gourmet/shoplist_tavern.html"><img src="/images/mainnavi/Tabe_izakaya_s_off.gif" alt="居酒屋" width="170" height="25"></a></li>');
    document.write('          <li><a href="/gourmet/shoplist_j_foods.html"><img src="/images/mainnavi/Tabe_washoku_s_off.gif" alt="和食" width="170" height="25"></a></li>');
    document.write('          <li><a href="/gourmet/shoplist_crab.html"><img src="/images/mainnavi/Tabe_kani_s_off.gif" alt="カニ" width="170" height="25"></a></li>');
    document.write('          <li><a href="/gourmet/shoplist_sushi.html"><img src="/images/mainnavi/Tabe_sushi_s_off.gif" alt="寿司" width="170" height="25"></a></li>');
    document.write('          <li><a href="/gourmet/shoplist_genghiskhan.html"><img src="/images/mainnavi/Tabe_jingisukan_s_off.gif" alt="ジンギスカン" width="170" height="25"></a></li>');
    document.write('          <li><a href="/gourmet/shoplist_meat_dish.html"><img src="/images/mainnavi/Tabe_yakiniku_s_off.gif" alt="焼肉・焼き鳥・しゃぶしゃぶ" width="170" height="25"></a></li>');
    document.write('          <li><a href="/gourmet/shoplist_e_food.html"><img src="/images/mainnavi/Tabe_youshoku_s_off.gif" alt="洋食" width="170" height="25"></a></li>');
    document.write('          <li><a href="/gourmet/shoplist_ramen.html"><img src="/images/mainnavi/Tabe_ramen_s_off.gif" alt="ラーメン・そば・うどん" width="170" height="25"></a></li>');
    document.write('          <li><a href="/gourmet/shoplist_soupcurry.html"><img src="/images/mainnavi/Tabe_soupcurry_s_off.gif" alt="スープカレー" width="170" height="25"></a></li>');
    document.write('          </ul>');
    document.write('        </div>');
    document.write('      </li>');
    document.write('      <li><div class="accordion_headings" >');
    document.write('        <IMG src="/images/mainnavi/Nomi_top_down.gif" usemap="#Nomi_top_down" name="img_bar_title" border="0">');
    document.write('        <MAP name="Nomi_top_down">');
    document.write('        <AREA shape="rect" coords="0,0,146,30" href="/bar/bar.html" alt="">');
    document.write('        <AREA shape="rect" coords="146,0,170,30" href="javascript:click_menu(\'bar_title\');" alt="">');
    document.write('        <AREA shape="default" nohref>');
    document.write('        </MAP>');
    document.write('        </div>');
    document.write('        <div id="bar_title" style="width: 170px; height:175px;">');
    document.write('        <ul>');
    document.write('        <li><a href="/bar/shoplist_bar.html"><img src="/images/mainnavi/Nomi_bar_s_off.gif" alt="バー" width="170" height="25"></a></li>');
    document.write('        <li><a href="/bar/shoplist_liveshow.html"><img src="/images/mainnavi/Nomi_liveshow_s_off.gif" alt="ライブショー" width="170" height="25"></a></li>');
    document.write('        <li><a href="/bar/shoplist_pubsnack.html"><img src="/images/mainnavi/Nomi_pub_s_off.gif" alt="パブ・スナック" width="170" height="25"></a></li>');
    document.write('        <li><a href="/bar/shoplist_newclub.html"><img src="/images/mainnavi/Nomi_newclub_s_off.gif" alt="ニュークラブ" width="170" height="25"></a></li>');
    document.write('        <li><a href="/bar/shoplist_loungeclub.html"><img src="/images/mainnavi/Nomi_rounge_s_off.gif" alt="ラウンジ・クラブ" width="170" height="25"></a></li>');
    document.write('        <li><a href="/bar/shoplist_sexycabaret.html"><img src="/images/mainnavi/Nomi_sexycaba_s_off.gif" alt="セクシーキャバクラ" width="170" height="25"></a></li>');
    document.write('        <li><a href="/bar/shoplist_maidmoe.html"><img src="/images/mainnavi/Nomi_maid_s_off.gif" alt="メイド・萌え" width="170" height="25"></a></li>');
    document.write('        </ul>');
    document.write('        </div>');
    document.write('      </li>');
    document.write('      <li><div class="accordion_headings" >');
    document.write('        <IMG src="/images/mainnavi/Igyoushu_top_down.gif" usemap="#Igyoushu_top_down" name="img_other_title" border="0"  alt="異業種トップ" width="170" height="30">');
    document.write('        <MAP name="Igyoushu_top_down">');
    document.write('        <AREA shape="rect" coords="0,0,146,30" href="/other/other.html" alt="">');
    document.write('        <AREA shape="rect" coords="146,0,170,30" href="javascript:click_menu(\'other_title\');" alt="">');
    document.write('        <AREA shape="default" nohref>');
    document.write('        </MAP>');
    document.write('        </div>');
    document.write('        <div id="other_title" style="width: 170px; height:225px;">');
    document.write('        <ul>');
    document.write('        <li><a href="/other/shoplist_hair.html"><img src="/images/mainnavi/Igyoushu_hairsalon_s_off.gif" alt="ヘアサロン" width="170" height="25"></a></li>');
    document.write('        <li><a href="/other/shoplist_nail.html"><img src="/images/mainnavi/Igyoushu_nailsalon_s_off.gif" alt="ネイルサロン" width="170" height="25"></a></li>');
    document.write('        <li><a href="/other/shoplist_massage.html"><img src="/images/mainnavi/Igyoushu_massage_s_off.gif" alt="マッサージ" width="170" height="25"></a></li>');
    document.write('        <li><a href="/other/shoplist_flowershop.html"><img src="/images/mainnavi/Igyoushu_flower_s_off.gif" alt="フラワーショップ" width="170" height="25"></a></li>');
    document.write('        <li><a href="/other/shoplist_karaoke.html"><img src="/images/mainnavi/Igyoushu_karaoke_s_off.gif" alt="カラオケ" width="170" height="25"></a></li>');
    document.write('        <li><a href="/other/shoplist_others.html"><img src="/images/mainnavi/Igyoushu_other_s_off.gif" alt="その他" width="170" height="25"></a></li>');
    document.write('        </ul>');
    document.write('        </div>');
    document.write('      </li>');
    document.write('      <li><a href="/sexy/age_confirm.html"><img src="/images/mainnavi/Fuzoku.gif" alt="風俗情報はこちらから" width="170" height="30"></a></li>');
    document.write('    </ul>');
    document.write('    <div id="navi_qr" class="clearfix"><h5><img src="/images/mainnavi/keitai_qr.gif" alt="携帯サイトのご案内" width="170" height="30"></h5>');
    document.write('    	<div><img src="/images/qr_menu_hotel_city.png" alt="携帯サイトqrコード" width="100" height="100"><p>http://www.susukino.gr.jp/i/<br><span>ケータイでもTOWN情報WEB!</span></p></div>');
    document.write('    </div>');
    document.write('  </div>');

}