function cm_bwcheck(){
	//In theory we should use object detection, but this script needs work-arounds for almost every browser...
	this.ver=navigator.appVersion
	this.agent=navigator.userAgent.toLowerCase()
	this.dom=document.getElementById?1:0
	this.ns4=(!this.dom && document.layers)?1:0;
	this.ns47=(this.ns4 && (this.ver.search(/^4.7/))==0 )?1:0;
	this.ns7 = (this.agent.indexOf("netscape/7")>-1)?1:0;
	this.op=window.opera 
	this.moz=(this.agent.indexOf("gecko")>-1 || window.sidebar)
	this.ie=this.agent.indexOf("msie")>-1 && !this.op
	if(this.op){
		this.op5=(this.agent.indexOf("opera 5")>-1 || this.agent.indexOf("opera/5")>-1)
		this.op6=(this.agent.indexOf("opera 6")>-1 || this.agent.indexOf("opera/6")>-1)
		this.op7=this.dom&&!this.op5&&!this.op6 //So all higher opera versions will use it
	}else if(this.moz) this.ns6 = 1
	else if(this.ie){
		this.ie4 = !this.dom && document.all
  	this.ie5 = (this.agent.indexOf("msie 5")>-1)
  	this.ie55 = (this.ie5 && this.agent.indexOf("msie 5.5")>-1)
  	this.ie6 = this.dom && !this.ie4 && !this.ie5 && ! this.ie55
	}
	this.mac=(this.agent.indexOf("mac")>-1)
	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.op5 || this.op6 || this.op7)
  this.usedom= this.ns6||this.op7//Use dom creation
  this.reuse = this.ie||this.op7||this.usedom //Reuse layers
  this.px=this.dom&&!this.op5?"px":""
	return this
}
var bw=new cm_bwcheck()
// start the x pos
var pos=170;
//flag for one div if he is open 1
var picLayer = new Array();
//timerID = 0
var timerID = new Array();
var selectID = new Array();



// set the position of the layers
function makePosition(img) {
	dv_staat=0;
	if(dv_staat != 0) {
	for(iland=0; iland<document.country.land.length; iland++) {
		if(dv_staat==document.country.land[iland].value) {
			document.country.land[iland].selected = true;
			break;
		}//if(dv_staat==document.country.land[iland].value)
	}//for
	}//if(dv_staat != 0)

	for(i=0; i<img.length; i++) {
		if(bw.ie4 || (bw.mac && bw.ie) ) {
			document.all['sub'+i].style.left = pos;
			document.all['dumsub'+i].style.left = pos;
		}
		else if(bw.ns4) {
			document.layers['sub'+i].left += pos;
			document.layers['dumsub'+i].left += pos;

			document.layers['sub'+i].onmouseout=hideNN;
			document.layers['sub'+i].onmouseover=showNN;
			
			document.layers['dumsub'+i].onmouseover=showNN;
			if(!bw.ns47)
				document.layers['dumsub'+i].onmouseout=hideNN;
		}
		else {
			document.getElementById('sub'+i).style.left += pos;
			document.getElementById('dumsub'+i).style.left += pos;
		}
		pos += document.images['roll'+i].width;
	}
	
	///alert(document.layers['sub4'].document.images[0].length)
}
// change the to rollover image
function changeImg(i) {
	if(timerID[i])
		clearTimeout(timerID[i]);
	
	if(picLayer[i] != 1) {
		if(bw.ie4) {
			if(menu.chi[i].length>2) {
			document.all['sub'+i].style.visibility = "visible";
			document.all['dumsub'+i].style.visibility = "visible";
			}
			oImg = eval('roll'+i);
			if(oImg.src != rollAImg[i])
				oImg.src = rollAImg[i];
		}
		else if(bw.ns4) {
			// clear all other
			for(iz=0; iz<menu.counter; iz++) {
				if(iz!=i) {
					document.layers['sub'+iz].visibility = "hide";
					document.layers['dumsub'+iz].visibility = "hide";
					document.images['roll'+iz].src = aImg[iz]
				}
			}
			if(menu.chi[i].length>2) {
			document.layers['sub'+i].visibility = "show";
			document.layers['dumsub'+i].visibility = "show";
			}
			oImg = document.images['roll'+i];
			if(oImg.src != rollAImg[i])
				oImg.src = rollAImg[i];
			
		}
		else {
			oImg = document.getElementById('roll'+i);
			oImg.setAttribute("src", rollImg[i].src)
			
			if(menu.chi[i].length>2) {
			document.getElementById('sub'+i).style.visibility = "visible";
			document.getElementById('dumsub'+i).style.visibility = "visible";
			}
		}
	}
	setTimeout('hideSelect()', 10);
	picLayer[i] = 1;
}

function hideSelect() {
	if(!bw.ns4)  {
		if(document.forms['MainForm']) {
			for(iForm=0; iForm<document.forms['MainForm'].length; iForm++) {
				selObj = document.forms['MainForm'][iForm]
				if(selObj.options)
					selObj.style.visibility="hidden";
			}//for
		}
	} else {
		if(document.layers['mainFormLayer']) 
			document.layers['mainFormLayer'].visibility="hide";
	}//if form
}//hideSelect()

function showSelect() {
	if(!bw.ns4)  {
		if(document.forms['MainForm']) {
			for(iForm=0; iForm<document.forms['MainForm'].length; iForm++) {
				selObj = document.forms['MainForm'][iForm]
				if(selObj.options)
					selObj.style.visibility="visible";
			}//for
		}
	} else {
		if(document.layers['mainFormLayer']) 
			document.layers['mainFormLayer'].visibility="show";
	}//if form
}//showSelect()

// change rollover image to normal one
function changeImgBack(i) {
	timerID[i] = setTimeout('changeImgB('+i+')',10);
}

function clearTimeOut(i) {
	clearTimeout(timerID[i]);
}
	

function changeImgB(i) {
		showSelect();
		if(bw.ie4 || (bw.mac && bw.ie) ) {
			document.all['sub'+i].style.visibility = "hidden";
			document.all['dumsub'+i].style.visibility = "hidden";
			oImg = eval('roll'+i);
		}
		else if(bw.ns4) {
			document.layers['sub'+i].visibility = "hide";
			document.layers['dumsub'+i].visibility = "hide";
			oImg = document.images['roll'+i];
		}
		else {
			document.getElementById('sub'+i).style.visibility = "hidden";
			document.getElementById('dumsub'+i).style.visibility = "hidden";
			oImg = document.getElementById('roll'+i);
			oImg.setAttribute("src", aImg[i])
		}
		
		if(oImg.src!=aImg[i])
			oImg.src = aImg[i];
	timerID[i] = null;
	picLayer[i] = 0;
}

function showNN() {
		if (this.id.search(/^dumsub/)==0)
			clearTimeOut(this.id.replace("dumsub", ""));
		else 
			clearTimeOut(this.id.replace("sub", ""));
	}
		
function hideNN(e) {
		if (this.id.search(/^dumsub/)==0)
			changeImgBack(this.id.replace("dumsub", ""));
		else
			changeImgBack(this.id.replace("sub", ""));
	}

function changeColor(p,i) {
	if(bw.mac && bw.ie) {
		document.all['tdA'+p+''+i].style.background="#ffffff";
		document.all['tdB'+p+''+i].style.background="#006699";
		return;
	}
	if(!bw.ns4 && bw.dom) {
		document.getElementById('tdA'+p+''+i).className="SOver"
		return;
	}
	if(bw.ns4){
		document.layers['sub'+p].document.layers['tdA'+p+''+i].document.bgColor='#ffffff';
		document.layers['sub'+p].document.layers['tdB'+p+''+i].document.bgColor='#006699';
		return;
	}
}
function clearAllRollOvers(p) {
	for(i=0;i<menu.chi[p].length;i++) {
		if( !bw.ns4 && bw.dom && !(bw.mac && bw.ie) ) {
			if(i!=0 && (i+1)<menu.chi[p].length)
			document.getElementById('tdA'+p+''+i).className="S"
		}
		else if(bw.mac && bw.ie) {
			if(i>0 && i<menu.chi[p].length-1) {
				document.all['tdA'+p+''+i].style.background='#E4E9EF';
		 		document.all['tdB'+p+''+i].style.background='#AAB9C9';
			}
		}
		else if(bw.ns4) {
			document.layers['sub'+p].document.layers['tdA'+p+''+i].document.bgColor='#E4E9EF';
			if(i>0 && i<menu.chi[p].length-1) {
			document.layers['sub'+p].document.layers['tdB'+p+''+i].document.bgColor='#AAB9C9';
			}
		}//if
	}//for
}//clearAllRollOvers

function createChilde(p, id, txt, desc, url, height, align){
	if(bw.mac && bw.ie) {
		if(txt!='') {
			///u="document.href='"+url+"'";
			cdStr ='<div id="tdA'+p+''+id+'" onmouseover="changeColor('+p+','+id+')" onmouseout="clearAllRollOvers('+p+')" onClick="document.location.href='+"'"+url+"'"+'" style="widht: 152px; background-color : #E4E9EF; padding-left: 14px;  font-family: Arial, Helvetica; font-size: 11px; color: #313843; text-decoration: none; cursor:pointer; cursor:hand;  border-width: 0px; border-bottom-width: 1px; border-style: solid; border-color: #E4E9EF;" title="'+desc+'">'+txt+'</div>';
			cdStr +='<div id="tdB'+p+''+id+'" onmouseover="changeColor('+p+','+id+')" onmouseout="clearAllRollOvers('+p+')"  onClick="document.location.href='+"'"+url+"'"+'" style="widht: 152px; background-color : #AAB9C9; padding-left: 14px; cursor:pointer; cursor:hand;" title="'+desc+'"><img src="../img/leer.gif" width="152" height="1"></div>';
		} else
			return "";
	}
	else if(bw.ns4 && !bw.dom ) {
		if(txt) {
		cdStr ='<div id="tdA'+p+''+id+'" name="tdA'+p+''+id+'"  class="SNN"><a href="'+url+'" class="NavHead2" title="'+desc+'">'+txt+'</a></div>';
		cdStr +='<div id="tdB'+p+''+id+'" name="tdB'+p+''+id+'" class="SNNdummy"><a href="'+url+'" title="'+desc+'"><img src="../img/leer.gif" width="132" height="1" border="0"></a></div>';
		} else {
			if(align=="bottom")
				paddTop = '<img src="../img/leer.gif" width="154" height="'+(height-1)+'"><img src="../img/blue.gif" width="154" height="1">'
			else 
				paddTop = '<img src="../img/blue.gif" width="154" height="1"><img src="../img/leer.gif" width="154" height="'+(height-1)+'">'
			
			cdStr ='<div id="tdA'+p+''+id+'" name="tdA'+p+''+id+'" class="SNN" style="padding-left: 0px;">'+paddTop+'</div>';
		}
	}
	else {
		pDiv = document.getElementById("sub"+p);
		cDiv = document.createElement("DIV")
		
		if(txt) {
			oTxt = document.createTextNode(txt);
			cDiv.appendChild(oTxt);
			
			if(bw.ns7)
				cDiv.onmouseover= function (e) { clearAllRollOvers(p); changeColor(p,id); } 
			else
				cDiv.onmouseover= function (e) {  changeColor(p,id); } 
				
			cDiv.onmouseout= function (e) { clearAllRollOvers(p) }
			cDiv.onclick= function (e) { document.location.href=url; } 
			cDiv.className="S";
		} else {
			cDiv.innerHTML = '<img src="../img/leer.gif" width="130" height="'+(height-1)+'" border="0">';
			cDiv.className="Sdummy";
		}

		cDiv.display="none";
		cDiv.cursor="hand";
		cDiv.id = 'tdA'+p+""+id;
		cDiv.title=desc
		
		pDiv.appendChild(cDiv);
			
		cDiv.style.height=cDiv.offsetHeight;
		return "";
	} 
	
	return cdStr;
}			

function Child(p, id, txt, desc,url, height, align) {
	this.id=id;
	this.url=url;
	this.txt=txt;
	this.desc=desc;
	this.dStr=createChilde(p, id, txt, desc,url, height, align);
}


function createParent(id){
	if(bw.ns4) { cssStr = "SubMNN" } else { cssStr = "SubM" }
	if(bw.mac && bw.ie) {
		var cdStr = '<div id="dumsub'+id+'" name="dumsub'+id+'" onmouseover="clearTimeOut('+id+')" onmouseout="changeImgBack('+id+');" style="position : absolute; width : 154px; height: 2px; top : 193px; left :  0px;  z-index : 1; visibility : hidden;"><img src="../img/leer.gif" alt="" width="154" height="2"></div>';
		cdStr += '<div id="sub'+id+'" onmouseover="clearTimeOut('+id+')" onmouseout="changeImgBack('+id+');" style="position : absolute; width: 170px; top : 195px; left :  0px; background-color : #E4E9EF; border-width : 1px;  border-style : solid; border-color : #AAB9C9; z-index : 90; visibility : hidden;">';
		cdStr += '<div style="widht: 152px; height: 4px; layer-background-color: #E4E9EF;"><img src="../img/leer.gif" alt="" id="dummyimage" width="152" height="4"></div>';
	} 
	else if(!bw.dom) {
		var cdStr = '<div id="dumsub'+id+'" name="dumsub'+id+'" onmouseover="clearTimeOut('+id+')" onmouseout="changeImgBack('+id+');" class="subDummy"><img src="../img/leer.gif" alt="" width="154" height="2"></div>';
		cdStr += '<div id="sub'+id+'" onmouseover="clearTimeOut('+id+')" onmouseout="changeImgBack('+id+');" class="'+cssStr+'">';
		cdStr += '<div style="widht: 154px; height: 7px; layer-background-color: #E4E9EF;"><img src="../img/leer.gif" alt="" id="dummyimage" width="152" height="4"></div>';
	} else {
		// add a dummy 
		pdDiv = document.createElement("DIV");
		pdDiv.innerHTML = '<img src="../img/leer.gif" alt="" width="154" height="2">'
		pdDiv.className="subDummy"
		pdDiv.onmouseover= function (e) { clearTimeOut(id) }
		pdDiv.onmouseout= function (e) { changeImgBack(id) }
		
		pdDiv.id = "dumsub"+id;
		document.body.appendChild(pdDiv);
		
		pDiv = document.createElement("DIV");
		pDiv.id = "sub"+id;
		pDiv.style.position="absolute";
		pDiv.style.border = "1px solid #AAB9C9";
		pDiv.style.width="154px";
		pDiv.style.top="195px";
		pDiv.style.visibility="hidden";
		pDiv.onmouseover=function (e) { clearTimeOut(id) }
		pDiv.onmouseout=function (e) { changeImgBack(id) }
		pDiv.style.backgroundColor="#E4E9EF"
	
		//pDiv.setAttribute("style", "position : absolute; width : 154px; top : 195px; left :  0px; background-color : #E4E9EF; layer-background-color : #E4E9EF; border-width : 1px; border-style : solid; border-color : #AAB9C9; z-index : 90; display : none;");
		document.body.appendChild(pDiv);
		return "";
	}
	return cdStr;
 }
 
 function createEndParent(){
	return '<div style="widht: 152px; height: 7px;><img src="../img/leer.gif" alt="" id="dummyimage" width="152" height="7"></div></div></div>';
}

function Parent(id) {
	this.id='par'+id;
	//this.childrens=0;
	this.dStr=createParent(id);
	
	if(!bw.dom || (bw.mac && bw.ie) ) {
	this.endStr=createEndParent();
	}
}

function Menu() {
	//parent array
	this.par = new Array();
	// children two dimensional array[par][child];
	this.chi = new Array();
	
	//to create parent and child
	this.parent = MakeMP;
	this.child 	= MakeMC;
	//this.par.length shorter
	this.counter=0;
}
function MakeMP(id) {
	this.par[id] = new Parent(id);
	this.chi[id] = new Array();
	this.counter++;
}//Menu
function MakeMC(p, id, txt, desc, url, height, align) {
	this.chi[p][id] = new Child(p, id, txt, desc, url, height, align);
}//Menu

var menu = new Menu()
	menu.parent(0);
		menu.child(0, 0, '', '', '', 4, 'top');
		menu.child(0, 1, 'Leitbild', 'Leitbild', 'index.php?mode=leitbild', 4, '');
		menu.child(0, 2, 'Statuten', 'Statuten', 'index.php?mode=statuten', 4, '');
		menu.child(0, 3, 'Vorstand', 'Vorstand', 'index.php?mode=vorstand', 4, '');
		menu.child(0, 4, 'Aktuelles', 'Aktuelles', 'index.php?mode=aktuelles', 4, '');
		menu.child(0, 5, '','', '', 7, 'bottom');
	menu.parent(1);
		menu.child(1, 0, '', '', '', 4, 'top');
		menu.child(1, 1, 'Istrien', 'Istrien', 'index.php?mode=istrien', 4, '');
		menu.child(1, 2, 'Norddalmatien', 'Norddalmatien', 'index.php?mode=norddalmatien', 4, '');
		menu.child(1, 3, 'Süddalmatien', 'Süddalmatien', 'index.php?mode=dalmatien', 4, '');
		menu.child(1, 4, 'Korsika', 'Korsika', 'index.php?mode=korsika', 4, '');
		menu.child(1, 5, 'Sardinien', 'Sardinien', 'index.php?mode=sardinien', 4, '');
		menu.child(1, 6, '','', '', 7, 'bottom');		
	menu.parent(2);
		menu.child(2, 0, '', '', '', 4, 'top');
		menu.child(2, 1, '2004 Kornaten/Kroatien', '2004 Kornaten/Kroatien', 'index.php?mode=2004', 4, '');
		menu.child(2, 2, '2003 Korsika', '2003 Korsika', 'index.php?mode=2003', 4, '');
		menu.child(2, 3, '2002 Adria', '2002 Adria', 'index.php?mode=2002', 4, '');
		menu.child(2, 4, '2001 Kroatien', '2001 Kroatien', 'index.php?mode=2001', 4, '');
		menu.child(2, 5, '2000 Kornaten/Kroatien', '2000 Kornaten/Kroatien', 'index.php?mode=2000', 4, '');
		menu.child(2, 6, '1999 Kornaten/Kroatien', '1999 Kornaten/Kroatien', 'index.php?mode=1999', 4, '');
		menu.child(2, 7, '','', '', 7, 'bottom');
	menu.parent(3);
		menu.child(3, 0, '', '', '', 4, 'top');
		menu.child(3, 1, 'Professional Sail 2004', 'Professional 2004', 'index.php?mode=prof', 4, '');
		menu.child(3, 2, '','', '', 7, 'bottom');
	menu.parent(4);
		menu.child(4, 0, '', '', '', 4, 'top');
		menu.child(4, 1, 'Contact', 'Contact', 'index.php?mode=contact', 4, '');
		menu.child(4, 2, '','', '', 7, 'bottom');
		
		function init() {
	if(!bw.dom || (bw.mac && bw.ie) ) {
		for(i=0; i<menu.counter; i++) {
			var str="";
			str += menu.par[i].dStr
				for(z=0; z<menu.chi[i].length; z++) {
					str += menu.chi[i][z].dStr;
				}//for z
			str += menu.par[i].endStr; 

			if(bw.ns4) {
				document.write(str);
				organizeLayers(i)
			}
			else { 
				document.write(str);
				if(bw.mac)
					organizeMacLayers(i)
			}
		}//for i 
	}//if(!dom)
}//init

function organizeMacLayers(ip) {
	macDivHeight=4;
	for(ci=0; ci<menu.chi[ip].length; ci++) {
		if( ci>0 && ci<(menu.chi[ip].length-1) ) {
		 	macDivHeight=macDivHeight+document.all['tdA'+ip+""+ci].clientHeight+3;
			//document.all['tdA'+ip+""+ci].onclick= function { window.document.location.href= }
		}
	}//for
	document.all['sub'+ip].style.height=(macDivHeight+7);
	
}

function organizeLayers(ip){
	pInt = 'sub'+ip;
	//..length/2 because he has this litle blue line
	oLay = document.layers[pInt].document.layers;
	var iPositonLayer=0;
	var str="";
	for(ci=0; ci<menu.chi[ip].length; ci++) {
		cInt = 'tdA'+ip+''+ci;
		cIntB = 'tdB'+ip+''+ci;

		oLay[cInt].top = iPositonLayer;
		oLay[cInt].resizeTo(152, oLay[cInt].document.height);
		if(ci>0 && ci<menu.chi[ip].length-1) {
			oLay[cIntB].top = iPositonLayer+oLay[cInt].document.height
			oLay[cInt].document.captureEvents(Event.MOUSEOVER | Event.MOUSEOVER);
			oLay[cIntB].document.captureEvents(Event.MOUSEOUT | Event.MOUSEOUT);
			oLay[cInt].captureEvents(Event.CLICK)
			oLay[cIntB].captureEvents(Event.CLICK)
			
			oLay[cInt].onmouseover = function (e) { 
				p = this.name.substr(3,1)
				c = this.name.substr(4,2)
				changeColor(p, c);
			}
			oLay[cIntB].onmouseover = function (e) { 
				p = this.name.substr(3,1)
				c = this.name.substr(4,2)
				changeColor(p, c);
			}
			oLay[cInt].onmouseout = function (e) { 
				p = this.name.substr(3,1)
				clearAllRollOvers(p);
			}
			oLay[cIntB].onmouseout = function (e) { 
				p = this.name.substr(3,1)
				clearAllRollOvers(p);
			}
			oLay[cInt].onclick = function (e) { 
				p = this.name.substr(3,1)
				c = this.name.substr(4,2)
				window.document.location.href=menu.chi[p][c].url 
			}
			oLay[cIntB].document.onclick = function (e) { 
				p = this.name.substr(3,1)
				c = this.name.substr(4,2)
				window.document.location.href=menu.chi[p][c].url 
			}
			oLay[cIntB].resizeTo(152, 1);
		}
		iPositonLayer += oLay[cInt].document.height+1;
	}
	document.layers[pInt].resizeTo(154, iPositonLayer-1 )
}

/* NORMAL JAVASCRIPT FUNCTIONS */

function popUp(str) {
	window.open(str, "popup", 'toolbar=no,width=370,height=477,innerHeight=477,innerWidth=345,location=no,menubar=no,resizable=no,scrollbars=yes,titlebar=no,status=no');
}

function bildPopUp(str) {
	window.open(str, "popup", 'toolbar=no,width=370,height=577,innerHeight=577, innerWidth=345,location=no,menubar=no,resizable=yes,scrollbars=yes,titlebar=no,status=no');
}

function popUpPrint(str){
	window.open(str, "popup", 'toolbar=no,width=670,height=700,innerHeight=700,innerWidth=590,location=no,menubar=no,resizable=no,scrollbars=yes,titlebar=no,status=no');
}