// SIDEMENU - V2.0
// Courtest Uncle Jims Web Designs
// www.JDStiles.com

// TO ADD A HYPERLINK, THE FORMAT IS:                list[x]=new Array('text displayed' , 'url' , 'target' );
// TO ADD A NON-WORKING LINK, THE FORMAT IS:   list[x]=new Array('text displayed' , '' , '' );
// TO ADD A TITLEBAR, THE FORMAT IS:                   list[x]=new Array('text displayed' , null, null );

// KEEP NUMERICAL ORDER. START WITH 1. DO NOT SKIP A NUMBER.

var list=[[],
['<b>Hotel</b>' , 'hotelmain.htm' , '_self','button_hotel_o.jpg','button_hote_u.jpg'],
['<b>Restaurant</b>' , 'restaurantmain.htm' , '_self' ,'button_rest_o.jpg','button_rest_u.jpg'],
['<b>Zahn</b>' , 'zahnmain.htm' , '_self','button_zahn_o.jpg','button_zahn_u.jpg' ],
['<b>Dynamic Drive</b>' , 'historischesmain.htm' , '_self','button_histo_o.jpg','button_histo_u.jpg'],
['<b>Dynamic Drive</b>' , 'bildermain.html' , '_self','button_bilder_o.jpg','button_bilder_u.jpg' ],
['<b>Dynamic Drive</b>' , 'zimmermain.htm' , '_self','button_zimmer_o.jpg','button_zimmer_u.jpg' ],
['<b>Dynamic Drive</b>' , 'linksmain.htm' , '_self','button_links_o.jpg','button_links_u.jpg' ],
['<b>Dynamic Drive</b>' , 'anfragenmain.htm' , '_self','button_anfragen_o.jpg','button_anfragen_u.jpg' ]
] 

// VARIOUS SETTINGS/COLORS/TEXT STYLES

var linktextcolor="white";                           // FONT COLOR OF THE LINKS
var linktexthovercolor="white";                 // HOVER COLOR OF LINKS
var linktextsize=1;                                       // FONT SIZE OF THE LINKS (1 TO 6)
var linktextface="sans-serif";                   // FONT FACE OF THE LINKS
var linkbgcolor="white";                         // BACKGROUND COLOR OF THE LINK BARS
var linkhoverbgcolor="white";              // BACKGROUND COLOR OF THE LINK BARS AS USER HOVERS OVER THEM
var cellheight=38;                                         // HEIGHT OF LINK BARS IN PIXELS (MIN=20).

var bartextcolor="black";                           // FONT COLOR OF THE "MENU" BAR AND ANY TITLEBARS
var bartextsize=1;                                       // FONT SIZE OF THE MENU/TITLE BARS
var bartextface="sans-serif";                   // FONT FACE OF THE MENU/TITLE BARS
var barbgcolor="white";                                // BACKGROUND COLOR OF THE MENU/TITLE BARS

var bordercolor="white";                           // BORDER COLOR SURROUNDING ALL BARS


var barwidth=22;                                        // WIDTH OF THE "MENU" BAR (SET WIDE ENOUGH SO LINKTEXT DOESN'T WRAP)
var follow=true;                                          // true=MENU FOLLOWS PAGE SCROLL, false=MENU IS STATIONARY
var menuwidth=195;                                    // WIDTH OF TEXT LINK BARS
var yoffset=200;                                           // OFFSET FROM TOP OF THE PAGE

//*********DO NOT EDIT BEYOND THIS POINT**********//
var smenu, pagedone=false, id, loff=1;
linktextsize=Math.max(Math.min(linktextsize,6),1);
if(linktextsize>6)linktextsize=6; if(linktextsize<1)linktextsize=1;
if((linktextsize*5+10)>cellheight)cellheight=Math.max(20,(linktextsize*5+10));
var btbl='<table cellpadding="0" cellspacing="0" border="0"  width="'+menuwidth+'"><tr><td valign="center" width="'+menuwidth+'" height="'+cellheight+'" ';
var NS4=(navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false;
var IE4=(document.all)? true : false;
var NS6=(parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txt=(NS4)?'<layer name="smenu" bgcolor="'+bordercolor+'" top="0" right="0" onmouseover="showmenu(true)" width="'+(menuwidth+barwidth+3)+'" visibility="hide" onmouseout="showmenu(true)">' : '<div id="smenu" style="width:'+(menuwidth+barwidth+3)+'; position:absolute; right:0px; top:0px; Z-INDEX: 2; background-color:'+bordercolor+'; visibility:hidden" onmouseover="showmenu(true)" onmouseout="showmenu(true)">';
txt+='<table cellpadding="0" cellspacing="1" border="0" bgcolor="'+bordercolor+'" width="'+(menuwidth+barwidth+3)+'">';
for(i=1;i<list.length;i++){
if(list[i][1]!=null){
txt+='<tr><td width="'+menuwidth+'" height="'+cellheight+'">';
txt+=(NS4)?'<ilayer>' : '<div style="position:relative; width:'+menuwidth+'px; Z-INDEX: 2; height:'+cellheight+'px;">';
txt+=(NS4)?'<layer name="h'+(i-loff)+'" height="'+cellheight+'" visibility="hide" bgcolor="'+linkhoverbgcolor+'">'+btbl+' bgcolor="'+linkhoverbgcolor+'"><font color="'+linktexthovercolor+'" size="'+linktextsize+'" face="'+linktextface+'">&nbsp;'+list[i][0]+'</font></td></tr></table></layer>' : '<div id="h'+i+'" style="position:absolute; top:0px; right:0px; Z-INDEX: 2; width:'+menuwidth+'px; height:'+cellheight+'px; background-color:'+linkhoverbgcolor+';">'+btbl+' bgcolor="'+linkhoverbgcolor+'"><font color="'+linktexthovercolor+'" size="'+linktextsize+'" face="'+linktextface+'">&nbsp;'+list[i][0]+'</font></td></tr></table></div>';
txt+=(NS4)?'<layer name="n'+(i-loff)+'" height="'+cellheight+'" bgcolor="'+linkbgcolor+'">'+btbl+' bgcolor="'+linkbgcolor+'"><font color="'+linktextcolor+'" size="'+linktextsize+'" face="'+linktextface+'">&nbsp;'+list[i][0]+'</font></td></tr></table></layer>' : '<div id="n'+i+'" style="position:absolute; top:0px; right:0px; Z-INDEX: 2; width:'+menuwidth+'px; height:'+cellheight+'px; background-color:'+linkbgcolor+';">'+btbl+' bgcolor="'+linkbgcolor+'"><font color="'+linktextcolor+'" size="'+linktextsize+'" face="'+linktextface+'">&nbsp;'+list[i][0]+'</font></td></tr></table></div>';
txt+=(NS4)?'<layer height="'+cellheight+'" onmouseover="hoverlayer(\'h\',\'n\','+(i-loff)+')" onmouseout="hoverlayer(\'n\',\'h\','+(i-loff)+')">' : '<div style="position:absolute; top:0px; right:0px; Z-INDEX: 2; width:'+menuwidth+'px; height:'+cellheight+'px;" onmouseover="hoverlayer(\'h\',\'n\','+i+')" onmouseout="hoverlayer(\'n\',\'h\','+i+')">'+btbl+'>';
txt+='<a href="'+list[i][1]+'" target="'+list[i][2]+'" onmouseover=MM_swapImage(\'Image'+(i+10)+'\',\'\',\''+list[i][4]+'\',1) onmouseout=MM_swapImgRestore()><img id="Image'+(i+10)+'" src="'+list[i][3]+'" width="'+menuwidth+'" height="'+cellheight+'" vspace="2" border="0" name="Image'+(i+10)+'"></a>';
txt+=(NS4)?'</layer></ilayer></td>' : '</td></tr></table></div></div></td>';
}else{
txt+='<tr height="'+cellheight+'"><td width="'+menuwidth+'" bgcolor="'+barbgcolor+'" height="'+cellheight+'" valign="center"><font color="'+bartextcolor+'" size="'+linktextsize+'" face="'+linktextface+'">'+list[i][0]+'</font></td>';
loff+=1;
}
if(i==1)txt+='<td rowspan="'+(list.length-1)+'" bgcolor="'+barbgcolor+'" width="'+barwidth+'" height="'+cellheight+'" align="center"><font color="'+bartextcolor+'" size="'+bartextsize+'" face="'+bartextface+'"><b><br><br><br></b></font></td>';
txt+='</tr>';
}
txt+='</table>';
txt+=(NS4)?'</layer>' : '</div>';
document.write(txt);


//onmouseover="MM_swapImage(\'Image10\','',\'button_hote_u.jpg\',1)"

function hoverlayer(h,n,num){
if(NS6){
document.getElementById(h+num).style.visibility="visible";
document.getElementById(n+num).style.visibility="hidden";
}
if(IE4){
document.all[h+num].style.visibility="visible";
document.all[n+num].style.visibility="hidden";
}
if(NS4){
smenu.document.layers[num].document.layers[h+num].visibility="show";
smenu.document.layers[num].document.layers[n+num].visibility="hide";
}}
function init(){
if(NS4){
smenu=document.smenu;
//movexto(-menuwidth-2);
movexto(0);
smenu.visibility="show";
}
else if(IE4){
smenu=document.all.smenu;
//movexto(-menuwidth-2);
movexto(0);
smenu.style.visibility="visible";
}
else if(NS6){
smenu=document.getElementById('smenu');
//movexto(-menuwidth-2);
movexto(0);
smenu.style.visibility="visible";
}
pagedone=true;
setInterval('movemenu()', 75);
}
function movemenu(){
if(follow){
var y=(NS4)?smenu.top:parseInt(smenu.style.top);
var sy=(IE4||IE5)?document.body.scrollTop:window.pageYOffset;
moveyto(((sy-y+yoffset)/3+3)+y);
}}
function showmenu(toshow){
if(pagedone){
if(toshow){
clearTimeout(id);
movexto(0);
}else id=setTimeout('movexto(-menuwidth-2)',200);
}}
function movexto(x){
if(NS4)smenu.right=x;
if(IE4||NS6)smenu.style.right=x+'px';
}
function moveyto(y){
if(NS4)smenu.top=y;
if(IE4||NS6)smenu.style.top=y+'px';
}
if(NS4)window.onresize=new Function("history.go(0)");
window.onload=init;


function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}