var MENU_POINTS={
	format:{
		left:10,
		top:20, 
		width:120,
		height:210,
		b_image:'b.gif',
		bgcolor:"#224582",
		animation:0,
		anim_timer:50,
		anim_step:25,
		padding:2,
		imagepath:'../images/',
		level_versatz:0,
		divclass:"menutext",
		target:"main",
		img_size:[25,25]
	},
	kinder:[
		{html:'Home', icon:'home.gif', url:'welcome.html'},
		{html:'Neu hier?', icon:'info.gif', url:'neuhier.html',
			kinder:[
				{html:'Stammtisch', url:'stammtisch.html'},
				{html:'Newsletter', url:'newsletter.html'}
			]
		},
		{html:'Zum Club', icon:'zumverein.gif', url:'kurzinfo.html', 
			kinder:[
				{html:'Aktivitas & AHV', url:'asctahv.html'},
				{html:'Geschichte', url:'geschichte.html'},
				{html:'Chronik', url:'chronik.html'}
			]
		},
		{html:'Termine', icon:'termine.gif', url:'termine.html'},
		{html:'Skihütten', icon:'huette.gif', url:'huetten.html',
			kinder:[
				{html:'Arlberg', url:'arlberg.html'},
				{html:'Kniebis', url:'kniebis.html'}
			]
		},
		{html:'Stocherkahn', icon:'stochern.gif', url:'stocherkahn.html', 
			kinder:[
				{html:'Stocherkahnrennen', url:'stkrennen.html'},
				{html:'Reservierung', url:'../kahn/index.php', target:'_blank'}
			]
		},
		{html:'Fotoalbum', icon:'photo.gif', url:'fotomenu.html',
			kinder:[
				{html:'Für Mitglieder', url:'../kahn/index.php?action=fotoalbum', target:'_blank'}
			       ]
		},
		{html:'Kooperation', icon:'coop.gif', url:'kooperationen.html'},
		{html:'Kontakt', icon:'kontakt.gif', url:'kontakt.html'},
		{html:'Links', icon:'links.gif', url:'../links/links.html',
			kinder:[
				{html:'Freizeit & Reise', url:'../links/links01.html'},
				{html:'Sport', url:'../links/links02.html'},
				{html:'Regionales', url:'../links/links03.html'}
			]
		},
		{html:'Impressum', icon:'para.gif', url:'impressum.html'}		
	]
}

brow=new Browser();
var visi = "nix";
function ASCTMenu(name,menarr){
	this.menarr=menarr;
	this.format=menarr.format;
	this.name=name;
	this.num=0;
	this.akt_id=0;
	this.id='ASCTBaum'+name;
	this.knoten=[];
	this.wurzel={id:name+"_i"};
	this.wurzel.format=this.format;
	this.wurzel.kinder=menarr.kinder;
	eval("window."+this.id+"=this");
	if (!brow) brow=new Browser();
	this.start=function(){
		this.code='';
		this.hinten=new ASCTObject(this.name+'_hinten');
		this._start(null,this.wurzel,-1,0);
		var f=this.format;
		
		//alert(this.hinten.zeichne(this.format.left,this.format.top,this.format.width,this.format.height,this.getparam("bgcolor",0),0,1,0,this.code,0));
		
		document.write(this.hinten.zeichne(f.left,f.top,f.width,f.height,this.getparam("bgcolor",0),0,1,0,this.code,0, this.mover, this.mout));
		this.hinten.start();
		this.hinten.show();
	};
	this._start=function(parent,knote,lvl,num){
		if(!knote) return; 
		knote.parent=parent; 
		knote.id=knote.id||knote.parent.id+"_"+num;
		knote.lvl=lvl;knote.ind=(this.num++)-1;
		if(knote!=this.wurzel){
			this.knoten[knote.id]=knote;
			var s=this.start_elem(knote);
			knote.obj=new ASCTObject(knote.id);
			var divclass=this.format.divclass+"_"+knote.lvl;
			this.code+=(knote.obj.zeichne(0,0,this.getparam("width","100%"),0,this.getparam("bgcolor",0),0,(1000-this.num),divclass,s));
		}
		if(knote.kinder) for(var i=0;i<knote.kinder.length;i++) this._start(knote,knote.kinder[i],lvl+1,i);
	};
	this.getparam=function(name,def){return this.format[name]||def};
	this.versatz_code=function(n){
		var versatz=this.getparam("versatz",parseInt(this.format.level_versatz||0)*n.lvl-this.getparam("padding",0))||0;
		return n.lvl&&versatz?'<td><img src="'+this.format.b_image+'" width="'+versatz+'" height="1"></td>':'';
	};
	this.start_elem=function(n){
		var mousemove = n.icon?' onMouseOver="swapOImage(\''+n.id+'\',\''+this.format.imagepath+'\',\''+n.icon+'\',\''+n.id+'\')" onMouseOut="swapWImage(\''+n.id+'\',\''+this.format.imagepath+'\',\''+n.icon+'\',\''+n.id+'\')" ':'';			
		var s='<table width="'+this.getparam("width","100%")+'" cellpadding="'+this.getparam("padding",0)+'" cellspacing="'+this.getparam("spacing",0)+'" border="0"'+mousemove+' ><tr>';
		s+=this.versatz_code(n);
	    var img=this.format.imagepath+(n.icon?((n.exp?"o":(n.act?"o":"w"))+"_"+n.icon):this.format.b_image);
		var sz=this.getparam("img_size",[30,30]);
		s+='<td><a onclick="if(this.blur)this.blur()" href="javascript:Takeit(\''+this.name+'\',\''+n.id.substr(this.name.length+3)+'\')"><img '+(brow.ns4?'name="'+n.id+'_img" ':'')+'id="'+n.id+'_img" src="'+img+'" width="'+sz[0]+'" height="'+sz[1]+'" border="0"/></a></td>';
		var targ=n.target||this.format.target||0;
		var hr='Takeit(\''+this.name+'\',\''+n.id.substr(this.name.length+3)+'\')';
		s+='<td width="100%"><a href="'+(n.url||'javascript:'+hr)+'" onclick="if(this.blur)this.blur();'+(true&&n.url?'Takeit(\''+this.name+'\',\''+n.id.substr(this.name.length+3)+'\')':'')+'"'+(targ?' target="'+targ+'"':'')+'>'+n.html+'</a>'+'</td>';
		s+="</tr></table>";
		return s;
	};
	this.get_image=function(par,name){return brow.dom?document.getElementById(name):brow.ie4?document.all[name]:brow.ns4?par.el.document.images[name]:[]};
	this.get_layer=function(name){return brow.dom?document.getElementById(name):brow.ie4?document.all[name]:brow.ns4?document.name:[]};
	
	this.update=function(n){
	    var src=this.format.imagepath+(n.icon?((n.exp?"o":(n.act?"o":"w"))+"_"+n.icon):this.format.b_image);	
		var img=this.get_image(n.obj,n.id+'_img')||[];
		img.src=src;
		this.change_class(n.id);
	};
	this.change_class=function(id){
		var mylayer = this.get_layer(id);		
		var divclass = mylayer.className.split("-", 2);	
		if( divclass.length > 1){
			divclass=divclass[1];
		}
		else{
			divclass=divclass[0];
		}
		if(this.knoten[id].exp){
			mylayer.className="act-"+divclass;
		}
		else{
			mylayer.className=divclass;
		}
/*		var mylayer = this.get_layer(id);
		var divclass = mylayer.className.split("-", 2);	
		if( divclass.length > 1){
			mylayer.className=divclass[1];
		}
		else{
			mylayer.className="act-"+divclass[0];
		}*/ 
	}
	this.schliesse_level=function(p,n){
		for(var i=0;i<p.kinder.length;i++)
			if(p.kinder[i]!=n&&true&&p.kinder[i].exp){
				p.kinder[i].exp=false;
				if(  p.kinder[i].kinder ){
					var subelem;				
					for( var j=0;j<p.kinder[i].kinder.length;j++ ){
						subelem = p.kinder[i].kinder[j];
						if( subelem.exp ){
							subelem.exp=false;
							this.update(subelem);
						}
					}
				}
				this.update(p.kinder[i]);
				this.klapp_kinder(p.kinder[i],p.kinder[i].obj.x,p.kinder[i].obj.y,this.format.animation,1,1);
			}
	};
	this.openParent=function(n){
		var parent = n.parent;
		if( parent && !parent.exp && (parent!=this.wurzel)){
			parent.exp=true;
			this.schliesse_level(parent.parent, parent);
			this.update(parent);
			this.openParent(parent);
		}
	};
	this.click=function(id){
		var oldid = visi;
		var dblclick = this.knoten[oldid];
		dblclick = (dblclick && !dblclick.exp);
		visi = id;
		if(this.akt_id>0){return};
		var n=this.knoten[id];
		n.exp=!n.exp;
		if(n.exp) {
			this.openParent(n);
			this.schliesse_level(n.parent,n);
		}
		if( oldid.indexOf(id) == -1 ){
			this.update(n);
		    if( dblclick ){
				 this.update(this.knoten[oldid]);
			}			
		}
		else  if( oldid != id){
			this.knoten[oldid].exp=false;
			this.update(this.knoten[oldid]);
		}
		if(this.format.animation&&n.kinder&&n.exp) this.klapp_kinder(n,n.obj.x,n.obj.y,0,0,0);
		if(n.kinder&&!n.exp) this.klapp_kinder(n,n.obj.x,n.obj.y,this.format.animation,1,1,1);
		this.zeichne(0);
	};
	this.klapp_kinder=function(n,x,y,anim,f,hide,no_move){
		if(!n.obj.el) n.obj.start(this.hinten);
		if(f)if(!anim){if(!no_move)n.obj.move(x,y);if(hide)n.obj.hide()} else this.gleite(n,x,y,this.format.anim_step||20,this.format.anim_timer||20,hide?n.obj.name+".hide()":'');
		if(n.kinder) for(var i=0;i<n.kinder.length;i++) this.klapp_kinder(n.kinder[i],x,y,anim,1,hide)
	};
	this.zeichne=function(no_anim){
		if(this.onbeforedraw) this.onbeforedraw(this);
		this.top=0;this.dnum=0;
		this._zeichne(this.wurzel,no_anim);
	};
	this.gleite=function(n,x,y,speed,step,done,estep){
		this.akt_id++;
		n.obj.gleite(x,y,speed,step,this.id+".akt_id--;"+done, estep)
	};
	this._zeichne=function(n,no_anim){
		this.last_drawed=n;
		this.dnum++;
		if(this.wurzel!=n){
			if(!n.obj.el) n.obj.start(this.hinten);
			var versatz=0;
			if(versatz!=n.obj.x||this.top.y!=n.obj.y) {
				if(a=this.format.animation&&!no_anim) {
					n.obj.show();
					this.gleite(n,versatz,this.top,this.format.anim_step||20,this.format.anim_timer||20,'');
				}else{
					n.obj.move(versatz,this.top);
					n.obj.show();
				}
			}
			this.top+=n.obj.h+this.getparam("offset_y",0);;
		}
		if(n.kinder&&(n.exp||this.wurzel==n))
			for(var i=0;i<n.kinder.length;i++)
				this._zeichne(n.kinder[i], no_anim);
	};
	this.start();
	this.zeichne(1);
	return this;
}
function Browser(){
//alert(parseInt(navigator.appVersion));
	this.ver=navigator.appVersion;
	this.agent=navigator.userAgent;
	this.dom=document.getElementById?1:0;
	this.opera5=this.agent.indexOf("Opera 5")>-1;
	this.opera6=this.agent.indexOf("Opera 5")>-1;
	this.opera7=(this.agent.indexOf("Opera/7")>-1)||(this.agent.indexOf("Opera 7")>-1);
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
	this.ieother=(this.ver.indexOf("MSIE")>-1 && this.dom && !this.opera5 && parseInt(this.ver)>=4)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6||this.ieother;
	this.mac=this.agent.indexOf("Mac")>-1;
	this.ns6=(this.dom && parseInt(this.ver)>=5)?1:0;
	this.ns4=(document.layers && !this.dom)?1:0;
	this.operaOld=window.opera&&!this.opera7;
	this.bw=(this.ieother||this.ie6||this.ie5||this.ie4||this.ns4||this.ns6||this.opera5||this.opera6||this.opera7);
	return this
};
function ASCTObject(id){
	this.id=id;if(!brow.bw) return;
	this.name='ASCTObject_'+this.id;
	this.start=function(ns4p){this.el=brow.dom?document.getElementById(this.id):brow.ie4?document.all[this.id]:brow.ns4?ns4p?ns4p.doc.layers[this.id]:document.layers[this.id]:0;if(!this.el) return;
	this.css=brow.dom||brow.ie4?this.el.style:this.el;
	this.doc=brow.dom||brow.ie4?document:this.css.document;
	this.x=parseInt(this.css.left)||this.css.pixelLeft||this.el.offsetLeft||0;
	this.y=parseInt(this.css.top)||this.css.pixelTop||this.el.offsetTop||0;
	this.w=this.el.offsetWidth||this.css.clip.width||this.doc.width||this.css.pixelWidth||0;
	this.h=this.el.offsetHeight||this.css.clip.height||this.doc.height||this.css.pixelHeight||0;
	this.h=brow.opera7?this.el.firstChild.offsetHeight:this.h;
	this.w=brow.opera7?this.el.firstChild.offsetWidth:this.w;
	if(this.startClip)this.startClip()};
	this.zeichne=function(x,y,w,h,bg,v,z,css,code,rel,mover,mout){return (brow.ns4?'<'+(rel?'i':'')+'layer id="'+this.id+'" z-index='+z+' left='+x+' top='+y+' '+(w&&w!='auto'?'width='+w:'')+' height='+h+(!v?' visibility=hidden':'')+(bg!=""?' bgcolor="'+bg+'"':'')+(css!=''?' class="'+css+'"':'')+(mover?' onmouseover="'+mover+'"':'')+(mout?' onmouseout="'+mout+'"':'')+'>'+code+'</'+(rel?'i':'')+'layer>':'<div id="'+this.id+'"  style="position:'+(rel?'relative':'absolute')+';z-index:'+z+';left:'+x+'px;top:'+y+'px;'+(w?'width:'+w+(w=='auto'?'':'px;'):'')+(h?'height:'+h+'px;':'')+(!v?'visibility:hidden;':'')+(bg!=""?''+(brow.ns4?'layer-':'')+'background-color:'+bg+';':'')+'"'+(css!=''?' class="'+css+'"':'')+'>'+code+'</div>')};
	this.move=function(x,y){this.css.left=this.x=x;this.css.top=this.y=y};
	this.moveBy=function(x,y){this.css.left=this.x+=x; this.css.top=this.y+=y};
	this.resize=function(w,h,clip){this.css.pixelWidth=this.css.width=this.w=w;this.css.pixelHeight=this.css.height=this.h=h;if(clip&&this.clip)this.clip(0,w,h,0)};
	this.show=function(){this.css.visibility="visible"};
	this.hide=function(){this.css.visibility="hidden"};
	this.bgColor=function(color){if(brow.opera) this.css.background=color; else if(brow.dom || brow.ie4) this.css.backgroundColor=color; else if(brow.ns4) this.css.bgColor=color};
	this.gleite=function(toX,toY,step,speed,execDone,execStep){if(!this.inWay){var newX=toX-this.x;var newY=toY-this.y;var num=Math.sqrt(Math.pow(newX,2)+Math.pow(newY,2))/step;var stepX=newX/num; var stepY=newY/num;this.inWay=1;this.gleiteInt(stepX,stepY,toX,toY,speed,execDone,execStep)}};
	this.gleiteInt=function(stepX,stepY,toX,toY,speed,execDone,execStep){function fabs(v){return Math.floor(Math.abs(v))};if(this.inWay&&(fabs(stepX)<fabs(toX-this.x)||fabs(stepY)<fabs(toY-this.y))){this.moveBy(stepX,stepY);if(execStep)eval(execStep);setTimeout(this.name+".gleiteInt("+stepX+","+stepY+","+toX+","+toY+","+speed+",'"+execDone+"', '"+execStep+"')",speed)}else{this.inWay=0;this.move(toX,toY);if(execStep)eval(execStep);if(execDone)eval(execDone)}};
	this.startClip=function(){this.clp=[];if((brow.dom||brow.ie4)&&this.css.clip){this.clp=this.css.clip.slice(5,this.clp.length-1).split(' ');for(var i=0;i<4;i++)this.clp[i]=parseInt(this.clp[i])};this.ct=this.css.clip.top||this.clp[0]||0; this.cr=this.css.clip.right||this.clp[1]||this.w||0;this.cb=this.css.clip.bottom||this.clp[2]||this.h||0;this.cl=this.css.clip.left||this.clp[3]||0};
	this.clip=function(t,r,b,l,resize){if(brow.ns4){this.css.clip.top=this.ct=t;this.css.clip.right=this.cr=r;this.css.clip.bottom=this.cb=b;this.css.clip.left=this.cl=l}else{this.ct=t>0?t:0;this.cr=r>0?r:0;this.cb=b>0?b:0;this.cl=l>0?l:0;this.css.clip="rect("+this.ct+","+this.cr+","+this.cb+","+this.cl+")"}if(resize)this.resize(this.cr,this.cb,0)};
	eval(this.name+'=this');
	return this;
}
function Takeit(name,id, opened){void(eval('ASCTBaum'+name+'.click(\''+name+'_i_'+id+'\')'));}
function swapOImage(imgName,imgPath,imgSrc, myLayer)
{
	swapImage(imgName,imgPath,imgSrc, myLayer, "o_");
}
function swapWImage(imgName,imgPath,imgSrc, myLayer)
{
//alert(visi+"  "+myLayer+"\n index: "+visi.indexOf(myLayer)+"\n ==: "+(visi == myLayer));
	if( visi.indexOf(myLayer) == -1 ) 
		swapImage(imgName,imgPath,imgSrc, myLayer, "w_");
}
function swapImage(imgName,imgPath,imgSrc, myLayer, kurzel)
{
	imgName+="_img";
	var img = brow.dom?document.getElementById(imgName):brow.ie4?document.all[imgName]:brow.ns4?document.myLayer.document.images[imgName]:[]
	if (img != [])
	{
	   	  imgSrc = imgPath+kurzel+imgSrc;
	      img.src = imgSrc;
	}
}