//** AnyLink JS Drop Down Menu v2.0- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com
//** Script Download/ instructions page: http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm
//** January 29th, 2009: Script Creation date
var winW = 630, winH = 460;
var mainimg;
var mainimgsrcover, mainimgsrcout;
//~ var holdLang = 'de';

var anylinkmenu={

	menusmap: {},
	effects: {delayhide: 200, shadow:{enabled:true, opacity:0.3, depth: [5, 5]}, fade:{enabled:false, duration:500}}, //customize menu effects

	dimensions: {},

	getoffset:function(what, offsettype){
		return (what.offsetParent)? what[offsettype]+this.getoffset(what.offsetParent, offsettype) : what[offsettype]
	},

	getoffsetof:function(el){
	//	el._offsets={left:this.getoffset(el, "offsetLeft"), top:this.getoffset(el, "offsetTop"), h: el.offsetHeight}
		el._offsets={left:(winW-892)/2, top:this.getoffset(el, "offsetTop"), h: el.offsetHeight}
	},

	getdimensions:function(menu){
		this.dimensions={anchorw:menu.anchorobj.offsetWidth, anchorh:menu.anchorobj.offsetHeight,
			docwidth:(window.innerWidth ||this.standardbody.clientWidth)-20,
			docheight:(window.innerHeight ||this.standardbody.clientHeight)-15,
			docscrollx:window.pageXOffset || this.standardbody.scrollLeft,
			docscrolly:window.pageYOffset || this.standardbody.scrollTop
		}
		if (!this.dimensions.dropmenuw){
			this.dimensions.dropmenuw=menu.dropmenu.offsetWidth
			this.dimensions.dropmenuh=menu.dropmenu.offsetHeight
		}
	},

	isContained:function(m, e){
		var e=window.event || e
		var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
		while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
		if (c==m)
			return true
		else
			return false
	},

	setopacity:function(el, value){
		el.style.opacity=value
		if (typeof el.style.opacity!="string"){ //if it's not a string (ie: number instead), it means property not supported
			el.style.MozOpacity=value
			if (el.filters){
				el.style.filter="progid:DXImageTransform.Microsoft.alpha(opacity="+ value*100 +")"
			}
		}
	},

	showmenu:function(menuid){
		var menu=anylinkmenu.menusmap[menuid]
		clearTimeout(menu.hidetimer)
		this.getoffsetof(menu.anchorobj)
		this.getdimensions(menu)
		var left = (winW-menu.dropmenu.offsetWidth)/2;
		if(mainimgsrcover=="/design/search_box/item_2_over.gif"){
			left = this.getoffset(mainimg, "offsetLeft")-20;
		}
	//	var posx=menu.anchorobj._offsets.left + (menu.orientation=="lr"? this.dimensions.anchorw : 0) //base x pos
		var posx=left + (menu.orientation=="lr"? this.dimensions.anchorw : 0) //base x pos
		var posy=menu.anchorobj._offsets.top+this.dimensions.anchorh - (menu.orientation=="lr"? this.dimensions.anchorh : 0)//base y pos
		if (posx+this.dimensions.dropmenuw+this.effects.shadow.depth[0]>this.dimensions.docscrollx+this.dimensions.docwidth){ //drop left instead?
			posx=posx-this.dimensions.dropmenuw + (menu.orientation=="lr"? -this.dimensions.anchorw : this.dimensions.anchorw)
		}
		if (posy+this.dimensions.dropmenuh>this.dimensions.docscrolly+this.dimensions.docheight){  //drop up instead?
			posy=Math.max(posy-this.dimensions.dropmenuh - (menu.orientation=="lr"? -this.dimensions.anchorh : this.dimensions.anchorh), this.dimensions.docscrolly) //position above anchor or window's top edge
		}
		if (this.effects.fade.enabled){
			this.setopacity(menu.dropmenu, 0) //set opacity to 0 so menu appears hidden initially
			if (this.effects.shadow.enabled)
				this.setopacity(menu.shadow, 0) //set opacity to 0 so shadow appears hidden initially
		}
		menu.dropmenu.setcss({left:posx+'px', top:posy+'px', visibility:'visible'})
		if (this.effects.shadow.enabled){
			//menu.shadow.setcss({width: menu.dropmenu.offsetWidth+"px", height:menu.dropmenu.offsetHeight+"px"})
			menu.shadow.setcss({left:posx+anylinkmenu.effects.shadow.depth[0]+'px', top:posy+anylinkmenu.effects.shadow.depth[1]+'px', visibility:'visible'})
		}
		if (this.effects.fade.enabled){
			clearInterval(menu.animatetimer)
			menu.curanimatedegree=0
			menu.starttime=new Date().getTime() //get time just before animation is run
			menu.animatetimer=setInterval(function(){anylinkmenu.revealmenu(menuid)}, 20)
		}
	},

	revealmenu:function(menuid){
		var menu=anylinkmenu.menusmap[menuid]
		var elapsed=new Date().getTime()-menu.starttime //get time animation has run
		if (elapsed<this.effects.fade.duration){
			this.setopacity(menu.dropmenu, menu.curanimatedegree)
			if (this.effects.shadow.enabled)
				this.setopacity(menu.shadow, menu.curanimatedegree*this.effects.shadow.opacity)
		}
		else{
			clearInterval(menu.animatetimer)
			this.setopacity(menu.dropmenu, 1)
			menu.dropmenu.style.filter=""
		}
		menu.curanimatedegree=(1-Math.cos((elapsed/this.effects.fade.duration)*Math.PI)) / 2
	},

	setcss:function(param){
		for (prop in param){
			this.style[prop]=param[prop]
		}
	},

	hidemenu:function(menuid){
		var l = document.getElementById("class_div");
		l.style.visibility = "hidden";
		var menu=anylinkmenu.menusmap[menuid]
		clearInterval(menu.animatetimer)
		menu.dropmenu.setcss({visibility:'hidden', left:0, top:0})
		menu.shadow.setcss({visibility:'hidden', left:0, top:0})
		
		// Hack by Raymond to restore Flash menu.  Solution for browsers on Linux.
		if (menuid == 'menuanchorclass1') {
			//~ document.getElementById('flash_menu').innerHTML = window.holdFlash;
			eval(window.restoreFlash);
		}
	},

	getElementsByClass:function(targetclass){
		if (document.querySelectorAll)
			return document.querySelectorAll("."+targetclass)
		else{
			var classnameRE=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "i") //regular expression to screen for classname
			var pieces=[]
			var alltags=document.all? document.all : document.getElementsByTagName("*")
			for (var i=0; i<alltags.length; i++){
				if (typeof alltags[i].className=="string" && alltags[i].className.search(classnameRE)!=-1)
					pieces[pieces.length]=alltags[i]
			}
			return pieces
		}
	},

	addDiv:function(divid, divclass, inlinestyle){
		var el=document.createElement("div")
		if (divid)
			el.id=divid
		el.className=divclass
		if (inlinestyle!="" && typeof el.style.cssText=="string")
			el.style.cssText=inlinestyle
		else if (inlinestyle!="")
			el.setAttribute('style', inlinestyle)
		document.body.appendChild(el)
		return el
	},

	getmenuHTML:function(menuobj){
		var menucontent=[]
		var frag="<div>&nbsp;</div>";
		for (var i=0; i<menuobj.items.length; i++){
			frag+='<li class="li1">';
			if(menuobj.items[i][1]!= ""){
				frag+='<a class="allProdukte" href="' + menuobj.items[i][1] + '" target="' + menuobj.linktarget + '">' + menuobj.items[i][0] + '</a></li>\n'
			}else{
				if(menuobj.items[i][2]=="label"){
					frag+="<div style='height:25px;'><strong>"+menuobj.items[i][0]+"</strong></div>";
				}
				if(menuobj.items[i][2]=="img"){
					frag+="<div style='text-align:center;'>"+menuobj.items[i][0]+"</div>";
				}
			}
			frag+='</li>\n';
			if (menuobj.items[i][2]=="efc" || i==menuobj.items.length-1){
				menucontent.push(frag)
				frag="<div>&nbsp;</div>"
			}
		}
		if (typeof menuobj.cols=="undefined")
			return '<ul>\n' + menucontent.join('') + '\n</ul>'
		else{
			frag=""
			if(menuobj.cols.searchbox==-1){
				frag+='<div class="' + menuobj.cols.divclass + '" style="width:8px; height:359px; background:url(/design/main_menu/bg_start.gif) no-repeat;">&nbsp;</div>\n';
				for (var i=0; i<menucontent.length; i++){
					frag+='<div class="' + menuobj.cols.divclass + '" style="' + menuobj.cols.inlinestyle + '">\n<ul>\n' + menucontent[i] + '</ul>\n</div>\n'
					if(i<menucontent.length-1){
						frag+='<div class="' + menuobj.cols.divclass + '" style="width:8px; height:359px; background:url(/design/main_menu/bg_separator.jpg) no-repeat;">&nbsp;</div>\n';
					}
				}
				frag+='<div class="' + menuobj.cols.divclass + '" style="width:8px; height:359px; background:url(/design/main_menu/bg_end.gif) no-repeat;">&nbsp;</div>\n';
			}else{
				//~ frag+='<div class="' + menuobj.cols.divclass + '" style="width:240px; height:90px; background:url(/design/search_box/bg.gif) no-repeat;">'
					//~ + '<div align="right"><a href="javascript:void(0); anylinkmenu.hidemenu(\'menuanchorclass0\');"><img src="/design/search_box/close.jpg" /></a></div>'
					//~ + '<div style="height:35px;">&nbsp;</div><div align="center">'
					//~ + '  <table><tr>'
					//~ + '	<td class="lang1" id="langmain">&nbsp;</td>'
					//~ + '	<td><a href="javascript:showLang();void(0);"><img src="/design/search_box/arrow.jpg"></td>'
					//~ + '	<td><a href=""><img src="/design/search_box/golanguage.jpg"></a></td></tr>'
					//~ + '    <tr><td style="visibility:hidden;" id="class_div">'
					//~ + tblLanguageMenu
					/*
					+ '		<table align="left">'
					+ '			<tr><td class="lang1"><a href="javascript:changeLang(\'german\');">german</a></td></tr>'
					+ '			<tr><td class="lang1"><a href="javascript:changeLang(\'english\');">english</a></td></tr>'
					+ '			<tr><td class="lang1"><a href="javascript:changeLang(\'espanol\');">espanol</a></td></tr>'
					+ '			<tr><td class="lang1"><a href="javascript:changeLang(\'french\');">french</a></td></tr>'
					+ '			<tr><td class="lang1"><a href="javascript:changeLang(\'italian\');">italian</a></td></tr>'
					+ '		</table>'
					*/
					//~ + '	</td></tr>'
					//~ + '</table></div></div>\n';
					frag+='<div class="' + menuobj.cols.divclass + '" style="width:240px; height:90px; background:url(/design/search_box/bg.gif) no-repeat;"><div align="right"><a href="javascript:void(0); anylinkmenu.hidemenu(\'menuanchorclass0\');"><img src="/design/search_box/close.jpg" /></a></div><div style="height:30px;">&nbsp;</div><div align="center">'
						+ '<table><tr><td>'
						+ '<form action="menu_lang.php" method="post" target="_blank">'
						+ '	<div style="float:left">'
						+ '	<select id="country" name="country" onchange=\'showLangOptions(this.value, window["holdLang"]);\' style="width:130px;font-size:10px;border:solid 1px #9AA4BD;">'
						+ '		<option value="de"' + (domainExt == 'de' ? ' selected="selected"' : '') + '>Deutschland</option>'
						+ '		<option value="fr"' + (domainExt == 'fr' ? ' selected="selected"' : '') + '>Frankreich</option>'
						+ '		<option value="com"' + (domainExt == 'com' ? ' selected="selected"' : '') + '>Grossbritannien</option>'
						+ '		<option value="it"' + (domainExt == 'it' ? ' selected="selected"' : '') + '>Italien</option>'
						+ '		<option value="ch">Liechtenstein</option>'
						+ '		<option value="at"' + (domainExt == 'at' ? ' selected="selected"' : '') + '>Österreich</option>'
						+ '		<option value="ch"' + (domainExt == 'ch' ? ' selected="selected"' : '') + '>Schweiz</option>'
						+ '		<option value="es"' + (domainExt == 'es' ? ' selected="selected"' : '') + '>España</option>'
						+ '	</select><br />'
						+ '	<select id="lang" name="lang" onchange="holdLang = this.value;" style="width:130px;font-size:10px;border:solid 1px #9AA4BD;">'
						+ '		<option value="de">deutsch</option>'
						+ '	</select>'
						+ '	</div>'
						+ '<div style="float:right">'
						+ '	<input type="image" onclick=\'redirectToAnotherLanguage($("#country").val(), $("#lang").val(), requestUri); return false;\' src="/design/search_box/golanguage.jpg" value="Submit" alt="Submit"></div>'
						+ '</form></td></tr>'
						+ '<tr><td style="visibility:hidden;" id="class_div"><table style="font-size:9px;" align="left"></table></td></tr>'
					+ '</table></div></div>\n';
			}
			return frag
		}
	},
	addEvent:function(targetarr, functionref, tasktype){
		if (targetarr.length>0){
			var target=targetarr.shift()
			if (target.addEventListener)
				target.addEventListener(tasktype, functionref, false)
			else if (target.attachEvent)
				target.attachEvent('on'+tasktype, function(){return functionref.call(target, window.event)})
			this.addEvent(targetarr, functionref, tasktype)
		}
	},

	setupmenu:function(targetclass, anchorobj, pos){
		this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
		var relattr=anchorobj.getAttribute("rel")
		dropmenuid=relattr.replace(/\[(\w+)\]/, '')
		var dropmenuvar=window[dropmenuid]
		var dropmenu=this.addDiv(null, dropmenuvar.divclass, dropmenuvar.inlinestyle) //create and add main sub menu DIV
		dropmenu.innerHTML=this.getmenuHTML(dropmenuvar)
		var menu=this.menusmap[targetclass+pos]={
			id: targetclass+pos,
			anchorobj: anchorobj,	
			dropmenu: dropmenu,
			revealtype: (relattr.length!=dropmenuid.length && RegExp.$1=="click")? "click" : "mouseover",
			orientation: anchorobj.getAttribute("rev")=="lr"? "lr" : "ud",
			shadow: this.addDiv(null, "anylinkshadow", null) //create and add corresponding shadow
		}
		menu.anchorobj._internalID=targetclass+pos
		menu.anchorobj._isanchor=true
		menu.dropmenu._internalID=targetclass+pos
		menu.shadow._internalID=targetclass+pos
		menu.dropmenu.setcss=this.setcss
		menu.shadow.setcss=this.setcss
		menu.shadow.setcss({width: menu.dropmenu.offsetWidth+"px", height:menu.dropmenu.offsetHeight+"px"})
		this.setopacity(menu.shadow, this.effects.shadow.opacity)
		this.addEvent([menu.anchorobj, menu.dropmenu, menu.shadow], function(e){ //MOUSEOVER event for anchor, dropmenu, shadow
			mainimg.src = mainimgsrcover;
			var menu=anylinkmenu.menusmap[this._internalID]
			if (this._isanchor && menu.revealtype=="mouseover" && !anylinkmenu.isContained(this, e)){ //event for anchor
				anylinkmenu.showmenu(menu.id)
			}
			else if (typeof this._isanchor=="undefined"){ //event for drop down menu and shadow
				clearTimeout(menu.hidetimer)
			}
		}, "mouseover")
		this.addEvent([menu.anchorobj, menu.dropmenu, menu.shadow], function(e){ //MOUSEOUT event for anchor, dropmenu, shadow
			mainimg.src = mainimgsrcout;
			if (!anylinkmenu.isContained(this, e)){
				var menu=anylinkmenu.menusmap[this._internalID]
				menu.hidetimer=setTimeout(function(){anylinkmenu.hidemenu(menu.id)}, anylinkmenu.effects.delayhide)
			}
		}, "mouseout")
		this.addEvent([menu.anchorobj, menu.dropmenu], function(e){ //CLICK event for anchor, dropmenu
			var menu=anylinkmenu.menusmap[this._internalID]
			if ( this._isanchor && menu.revealtype=="click"){
				if (menu.dropmenu.style.visibility=="visible"){
	//				anylinkmenu.hidemenu(menu.id)
				}else
					anylinkmenu.showmenu(menu.id)
				if (e.preventDefault)
					e.preventDefault()
				return false
			}
			else{
	//			menu.hidetimer=setTimeout(function(){anylinkmenu.hidemenu(menu.id)}, anylinkmenu.effects.delayhide)
			}
		}, "click")
	},

	init:function(targetclass)
	{
		if (parseInt(navigator.appVersion)>3) {
			if (navigator.appName=="Netscape") {
				winW = window.innerWidth;
				winH = window.innerHeight;
			}
			if (navigator.appName.indexOf("Microsoft")!=-1) {
				winW = document.body.offsetWidth;
				winH = document.body.offsetHeight;
			}
		}
		var anchors=this.getElementsByClass(targetclass)
		for (var i=0; i<anchors.length; i++){
			this.setupmenu(targetclass, anchors[i], i)
		}
	}

}

// eof