﻿	function $(id) {
		return document.getElementById(id);
	}
	function $name(name) {
		return document.getElementsByTagName(name);
	}
	
	var activeMenu=-1;
	var lock = false;
	
	function resizemenu(id,h) {
		obj = $("sub"+id);
		hAkt = parseInt(obj.style.height);
		diff = h - hAkt;
		
		obj.style.display="block";
		if (Math.abs(diff)>1) {
			if (diff<0) {
				obj.style.height = hAkt + Math.min(-1,diff/3);
			} else {
				obj.style.height = hAkt + Math.max(1,diff/3);
			}
			setTimeout("resizemenu('"+id+"',"+h+")",50);
		} else {
			lock = false;
			if (h == 0) {
				obj.style.display ="none"; 
				obj.style.height = "0px";
			} else {
				obj.style.height = h+"px";
			}
		}
	}
	
	function dropdown(n) {
		if ( lock ) return;
		if ((activeMenu != n) && (activeMenu!=-1)) {
			resizemenu(activeMenu,0);
			lock = true;
			activeMenu = -1;
		}
		
		sub = $("sub"+n);
		if ((parseInt(sub.style.height) == 0 )) {
	
			size = sub.getAttribute("size");
			if (size>0) {
				resizemenu(n,size);
				lock = true;
				activeMenu = n;
			}
		} else {
			resizemenu(n,0);
			lock = true;
			activeMenu = -1;
		}
	}
	
	var selected=null;

	function select(obj) {
		if ((selected!=null) && (selected != obj)) {
			selected.src = selected.src.replace(/_hi/g,'');
		}
			selected=obj;
	}

	function buildmenu(n) {
		menu = $name("menu")[n];
		items = menu.getAttribute("items").split("|");
		path = menu.getAttribute("path");
		
		
		//menuentry = '<div style="position:relative">';
		menuentry = '';
		for(var item in items) {
		
			subitems = items[item].split("/");
			
			
			menuentry += '<div onclick="dropdown('+item+')" style="cursor:pointer;position:relative;height:15px">';
			menuentry += '<img src="'+path+'/'+subitems[0]+'.jpg" border=0 onmouseover="this.src=\''+path+'/'+subitems[0]+'_hi.jpg\'"';
			menuentry += ' onmouseout="if (selected != this) this.src=\''+path+'/'+subitems[0]+'.jpg\'"'
			menuentry += ' onclick="frames[0].location.href=\'galerie.php?galerie='+subitems[0]+'\'; select(this); "></div>';
	
			if (subitems.length>1) {
				menuentry += '<div id="sub'+item+'" style="display:none;cursor:pointer;position:relative;height:0px" size="blablub">';
				size = 0;
				for(var i=1;i < subitems.length;i++) {
					
					map = subitems[i].split(":");
					if (map.length == 1) {
						menuentry += '<img src="'+path+'/'+subitems[i]+'.jpg" style="position:static;margin:2px 0px 2px 0px" border=0';
						menuentry += ' onmouseover="this.src=\''+path+'/'+subitems[i]+'_hi.jpg\'"';
						menuentry += ' onmouseout="if (selected != this) this.src=\''+path+'/'+subitems[i]+'.jpg\'"';
						menuentry += ' onclick="frames[0].location.href=\'galerie.php?galerie='+subitems[i]+'\'; select(this); "><br>';
						size += 16;				
					} else {
						
						count = map[1];
						devider = map[2];
						size += 16 + Math.floor(count / devider)*13;
						menuentry += '<img src="'+path+'/'+map[0]+'.jpg" style="position:static;margin:2px 0px 2px 0px" border=0><br>';
						menuentry += '<img src="images/spacer.gif" width=10 height=1>';
						j = 1;
						do {
							menuentry += '<img src="'+path+'/'+j+'.jpg" border=0 ';
							menuentry += ' onmouseover="this.src=\''+path+'/'+j+'_hi.jpg\'"';
							menuentry += ' onmouseout="if (selected != this) this.src=\''+path+'/'+j+'.jpg\'"';
							menuentry += ' onclick="frames[0].location.href=\'galerie.php?galerie='+map[0]+j+'\'; select(this); ">';
						
							if ((j%devider) == 0) 
								menuentry += '<br><img src="images/spacer.gif" width=10 height=1>';
						} while (j++ < count);
						menuentry += "<br>";
					}
				}
				menuentry = menuentry.replace(/blablub/g,size);				
				menuentry += '</div>';
				
			}
			
		}
		menuentry +='';
		
		menu.parentNode.innerHTML = menuentry;
	}

