 
document.write('<div id="sidebar">') 

document.write('<a href="/event/schedule_list.php" title="イベントスケジュール">イベントスケジュール</a>') 

/*
document.write('<a id="NaviOpen1" href="javascript:void\(0);" title="イベント">イベント</a>') 
document.write('<div id="slide" class="sub">') 

document.write('<a href="/event/europe/index.html" title="開催中のイベント">開催中のイベント</a>') 
document.write('<a href="/summer/index.html" title="次回のイベント">次回のイベント</a>') 
document.write('<a href="/event/schedule.html" title="イベントスケジュール">イベントスケジュール</a><br style="clear:left;" /></div>') 
*/

document.write('<a href="/event/contest/" title="イベント＆コンテスト">イベント＆コンテスト</a>') 

document.write('<a href="http://www.huistenbosch.co.jp/event/blog/staff/" title="スタッフブログ">スタッフブログ</a>') 

// document.write('<a href="http://www.huistenbosch.co.jp/event/blog/chef/" title="ラ・ヴィ・ナチュレル">ラ・ヴィ・ナチュレル</a>') 
 
document.write('</div>')

document.write('<div id="NaviOpen1"><div id="slide"></div></div>');
document.write('<div id="NaviOpen2"><div id="slide2"></div></div>');
document.write('<div id="NaviOpen3"><div id="slide3"></div></div>');
document.write('<div id="NaviOpen4"><div id="slide4"></div></div>');


divid1 = "NaviOpen1";
divid2 = "NaviOpen2";
divid3 = "NaviOpen3";
divid4 = "NaviOpen4";


now1 = 1;
now2 = 1;
now3 = 1;
now4 = 1;


	var uName = navigator.userAgent;
	var slidetime =0;
	if (uName.indexOf("Safari") > -1){	
		var demo1effect = new Fx.Slide('slide',{duration: 1000});
		var demo2effect = new Fx.Slide('slide2',{duration: 1000});
		var demo3effect = new Fx.Slide('slide3',{duration: 1000});
		var demo4effect = new Fx.Slide('slide4',{duration: 1000});
	}else{
		var demo1effect = new Fx.Slide('slide',{duration: 250});
		var demo2effect = new Fx.Slide('slide2',{duration: 250});
		var demo3effect = new Fx.Slide('slide3',{duration: 250});
		var demo4effect = new Fx.Slide('slide4',{duration: 250});
	}



$(divid1).addEvent('click', function(){
demo2effect.hide();
demo3effect.hide();
demo4effect.hide();



now2=1;
now3=1;
now4=1;



demo1effect.toggle('vertical');
if(now1 == 1){
if(document.all) {
document.all(divid1).style.backgroundImage = "url(/event/images/sidebar_open.gif)";
document.all(divid2).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.all(divid3).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.all(divid4).style.backgroundImage = "url(/event/images/sidebar.gif)";


document.all(divid1).style.color = "#FFFFFF";
document.all(divid2).style.color = "";
document.all(divid3).style.color = "";
document.all(divid4).style.color = "";


} else if(document.getElementById) {
document.getElementById(divid1).style.backgroundImage = "url(/event/images/sidebar_open.gif)";
document.getElementById(divid2).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.getElementById(divid3).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.getElementById(divid4).style.backgroundImage = "url(/event/images/sidebar.gif)";


document.getElementById(divid1).style.color = "#FFFFFF";
document.getElementById(divid2).style.color = "";
document.getElementById(divid3).style.color = "";
document.getElementById(divid4).style.color = "";


}
now1 =0;
}
else{
if(document.all) {
document.all(divid1).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.all(divid1).style.color = "";
} else if(document.getElementById) {
document.getElementById(divid1).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.getElementById(divid1).style.color = "";
}
now1 =1;
}
});

$(divid2).addEvent('click', function(){
demo1effect.hide();
demo3effect.hide();
demo4effect.hide();



now1=1;
now3=1;
now4=1;


demo2effect.toggle('vertical'); 
if(now2 == 1){
if(document.all) {
document.all(divid1).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.all(divid2).style.backgroundImage = "url(/event/images/sidebar_open.gif)";
document.all(divid3).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.all(divid4).style.backgroundImage = "url(/event/images/sidebar.gif)";

document.all(divid1).style.color = "";
document.all(divid2).style.color = "#FFFFFF";
document.all(divid3).style.color = "";
document.all(divid4).style.color = "";


} else if(document.getElementById) {
document.getElementById(divid1).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.getElementById(divid2).style.backgroundImage = "url(/event/images/sidebar_open.gif)";
document.getElementById(divid3).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.getElementById(divid4).style.backgroundImage = "url(/event/images/sidebar.gif)";

document.getElementById(divid1).style.color = "";
document.getElementById(divid2).style.color = "#FFFFFF";
document.getElementById(divid3).style.color = "";
document.getElementById(divid4).style.color = "";


}
now2 =0;
}
else{
if(document.all) {
document.all(divid2).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.all(divid2).style.color = "";
} else if(document.getElementById) {
document.getElementById(divid2).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.getElementById(divid2).style.color = "";
}
now2 =1;
}
});



$(divid3).addEvent('click', function(){
demo1effect.hide();
demo2effect.hide();
demo4effect.hide();


now1=1;
now2=1;
now4=1;



demo3effect.toggle('vertical'); 
if(now3 == 1){
if(document.all) {
document.all(divid1).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.all(divid2).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.all(divid3).style.backgroundImage = "url(/event/images/sidebar_open.gif)";
document.all(divid4).style.backgroundImage = "url(/event/images/sidebar.gif)";

document.all(divid1).style.color = "";
document.all(divid2).style.color = "";
document.all(divid3).style.color = "#FFFFFF";
document.all(divid4).style.color = "";


} else if(document.getElementById) {
document.getElementById(divid1).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.getElementById(divid2).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.getElementById(divid3).style.backgroundImage = "url(/event/images/sidebar_open.gif)";
document.getElementById(divid4).style.backgroundImage = "url(/event/images/sidebar.gif)";

document.getElementById(divid1).style.color = "";
document.getElementById(divid2).style.color = "";
document.getElementById(divid3).style.color = "#FFFFFF";
document.getElementById(divid4).style.color = "";


}
now3 =0;
}
else{
if(document.all) {
document.all(divid3).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.all(divid3).style.color = "";
} else if(document.getElementById) {
document.getElementById(divid3).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.getElementById(divid3).style.color = "";
}
now3 =1;
}
});




$(divid4).addEvent('click', function(){
demo1effect.hide();
demo2effect.hide();
demo3effect.hide();


now1=1;
now2=1;
now3=1;



demo4effect.toggle('vertical'); 
if(now4 == 1){
if(document.all) {
document.all(divid1).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.all(divid2).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.all(divid3).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.all(divid4).style.backgroundImage = "url(/event/images/sidebar_open.gif)";

document.all(divid1).style.color = "";
document.all(divid2).style.color = "";
document.all(divid3).style.color = "";
document.all(divid4).style.color = "#FFFFFF";

} else if(document.getElementById) {
document.getElementById(divid1).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.getElementById(divid2).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.getElementById(divid3).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.getElementById(divid4).style.backgroundImage = "url(/event/images/sidebar_open.gif)";

document.getElementById(divid1).style.color = "";
document.getElementById(divid2).style.color = "";
document.getElementById(divid3).style.color = "";
document.getElementById(divid4).style.color = "#FFFFFF";


}
now4 =0;
}
else{
if(document.all) {
document.all(divid4).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.all(divid4).style.color = "";
} else if(document.getElementById) {
document.getElementById(divid4).style.backgroundImage = "url(/event/images/sidebar.gif)";
document.getElementById(divid4).style.color = "";
}
now4 =1;
}
});



demo1effect.hide();
demo2effect.hide();
demo3effect.hide();
demo4effect.hide();

