document.write('<div id="sidebar">') 
document.write('<a href="/flower/topics/index.html" title="TOPICS">TOPICS</a>') 

 
document.write('<a id="NaviOpen1" href="javascript:void\(0);" title="フラワーガーデン">フラワーガーデン</a>') 

 
document.write('<div id="slide" class="sub">') 

 
document.write('<a href="/flower/garden/index.html" title="キンデルダイク">キンデルダイク</a>') 
document.write('<a href="/flower/garden/artgarden.html" title="アートガーデン">アートガーデン</a>') 
document.write('<a href="/flower/garden/patio.html" title="花のパティオ">花のパティオ</a>') 
document.write('<a href="/flower/garden/forest.html" title="フォレストガーデン">フォレストガーデン</a>') 
document.write('<a href="/flower/garden/palace.html" title="バレス ハウステンボス　宮廷庭園">バレス ハウステンボス<br />宮廷庭園</a>') 
document.write('<a href="/flower/garden/rosegarden.html" title="ローズガーデン">ローズガーデン</a>') 
document.write('<a href="/flower/garden/clock.html" title="花時計">花時計</a><br style="clear:left;" /></div>') 




 
document.write('<a id="NaviOpen2" href="javascript:void\(0);" title="花カレンダー">花カレンダー</a>') 

 
document.write('<div id="slide2" class="sub">') 

 
document.write('<a href="/flower/calendar/index.html" title="1月に見られる花">1月に見られる花</a>') 
document.write('<a href="/flower/calendar/feb.html" title="2月に見られる花">2月に見られる花</a>') 
document.write('<a href="/flower/calendar/mar.html" title="3月に見られる花">3月に見られる花</a>') 
document.write('<a href="/flower/calendar/apr.html" title="4月に見られる花">4月に見られる花</a>') 
document.write('<a href="/flower/calendar/may.html" title="5月に見られる花">5月に見られる花</a>') 
document.write('<a href="/flower/calendar/jun.html" title="6月に見られる花">6月に見られる花</a>') 
document.write('<a href="/flower/calendar/jul.html" title="7月に見られる花">7月に見られる花</a>') 
document.write('<a href="/flower/calendar/aug.html" title="8月に見られる花">8月に見られる花</a>') 
document.write('<a href="/flower/calendar/sep.html" title="9月に見られる花">9月に見られる花</a>') 
document.write('<a href="/flower/calendar/oct.html" title="10月に見られる花">10月に見られる花</a>') 
document.write('<a href="/flower/calendar/nov.html" title="11月に見られる花">11月に見られる花</a>') 
document.write('<a href="/flower/calendar/dec.html" title="12月に見られる花">12月に見られる花</a><br style="clear:left;" /></div>') 

 

 
document.write('<a href="/flower/walk/index.html" title="おすすめお散歩コース">おすすめお散歩コース</a>') 

 
document.write('<a href="/flower/photo/index.html" title="フォトギャラリー">フォトギャラリー</a>') 
document.write('</div>')


divid1 = "NaviOpen1";
divid2 = "NaviOpen2";


now1 = 1;
now2 = 1;


var uName = navigator.userAgent;
if (uName.indexOf("Safari") > -1){
	var demo1effect = new Fx.Slide('slide',{duration: 1000});
	var demo2effect = new Fx.Slide('slide2',{duration: 1000});
}else{
	var demo1effect = new Fx.Slide('slide',{duration: 250});
	var demo2effect = new Fx.Slide('slide2',{duration: 250});
}

$(divid1).addEvent('click', function(){
demo2effect.hide();



now2=1;



demo1effect.toggle('vertical');
if(now1 == 1){
if(document.all) {
document.all(divid1).style.backgroundImage = "url(/flower/images/sidebar_open.gif)";
document.all(divid2).style.backgroundImage = "url(/flower/images/sidebar.gif)";


document.all(divid1).style.color = "#FFFFFF";
document.all(divid2).style.color = "";


} else if(document.getElementById) {
document.getElementById(divid1).style.backgroundImage = "url(/flower/images/sidebar_open.gif)";
document.getElementById(divid2).style.backgroundImage = "url(/flower/images/sidebar.gif)";


document.getElementById(divid1).style.color = "#FFFFFF";
document.getElementById(divid2).style.color = "";


}
now1 =0;
}
else{
if(document.all) {
document.all(divid1).style.backgroundImage = "url(/flower/images/sidebar.gif)";
document.all(divid1).style.color = "";
} else if(document.getElementById) {
document.getElementById(divid1).style.backgroundImage = "url(/flower/images/sidebar.gif)";
document.getElementById(divid1).style.color = "";
}
now1 =1;
}
});

$(divid2).addEvent('click', function(){
demo1effect.hide();

now1=1;

demo2effect.toggle('vertical'); 
if(now2 == 1){
if(document.all) {
document.all(divid1).style.backgroundImage = "url(/flower/images/sidebar.gif)";
document.all(divid2).style.backgroundImage = "url(/flower/images/sidebar_open.gif)";

document.all(divid1).style.color = "";
document.all(divid2).style.color = "#FFFFFF";

} else if(document.getElementById) {
document.getElementById(divid1).style.backgroundImage = "url(/flower/images/sidebar.gif)";
document.getElementById(divid2).style.backgroundImage = "url(/flower/images/sidebar_open.gif)";

document.getElementById(divid1).style.color = "";
document.getElementById(divid2).style.color = "#FFFFFF";

}
now2 =0;
}
else{
if(document.all) {
document.all(divid2).style.backgroundImage = "url(/flower/images/sidebar.gif)";
document.all(divid2).style.color = "";
} else if(document.getElementById) {
document.getElementById(divid2).style.backgroundImage = "url(/flower/images/sidebar.gif)";
document.getElementById(divid2).style.color = "";
}
now2 =1;
}
});

demo1effect.hide();
demo2effect.hide();