//initialize dropdowns
idname = 0;
    var hideDropDowns = function() {
        
	   var dropdowns = document.getElementsByClassName('select');
	   for (var i = 0; i < dropdowns.length; i++) {
	       dropdown = dropdowns[i];
	       Element.addClassName(dropdown, 'hide-dropdown');
	   }
	
	}
	
	Event.observe(window, 'load', hideDropDowns, false);
	
	
	//observe dropdown opener
	var observeOpener = function(opener) {
	    
	    var dropdown = opener.parentNode;
		
		if(idname == 0) { // wenn vorher noch keine box angeklickt wurde
			if(dropdown.id != idname) {
				if (Element.hasClassName(dropdown, 'hide-dropdown')) {
			    	Element.removeClassName(dropdown, 'hide-dropdown');  
					//alert("keine id - nicht gleich - has!! idname: "+idname);  
			    } else {
			        Element.addClassName(dropdown, 'hide-dropdown');
					//alert("keine id - nicht gleich - has not!! idname: "+idname);  
			    }
		    }else{
				if (Element.hasClassName(dropdown, 'hide-dropdown')) {
			    	Element.removeClassName(dropdown, 'hide-dropdown');
					//alert("keine id - gleich - has!! idname: "+idname);  
			    } else {
			        Element.addClassName(dropdown, 'hide-dropdown');
					//alert("keine id - gleich - has not!! idname: "+idname);
			    }
			}
	    }else{
			if(dropdown.id != idname) {
				if (Element.hasClassName(document.getElementById(idname), 'hide-dropdown')) {
			    	Element.removeClassName(dropdown, 'hide-dropdown');   
					//alert("id - nicht gleich - has!! idname: "+idname); 
			    } else {
			        Element.addClassName(document.getElementById(idname), 'hide-dropdown');
			    	Element.removeClassName(dropdown, 'hide-dropdown'); 
					//alert("id - nicht gleich - has not!! idname: "+idname);
			    }
			}else{
				if (Element.hasClassName(dropdown, 'hide-dropdown')) {
			    	Element.removeClassName(dropdown, 'hide-dropdown');
					//alert("id - gleich - has!! idname: "+idname);
			    } else {
			        Element.addClassName(dropdown, 'hide-dropdown');
					//alert("id - gleich - has not!! idname: "+idname);
			    }
			}
		}
		
		idname = dropdown.id;
	    return false;
	    
	}
	
	//observing dropdown option
	var observeOption = function(event) {
	   
	   var option = Event.element(event);
	   var value = option.childNodes[0].nodeValue;
	   var itemid = option.getAttribute('value');
	   
	   var selectbox = Event.findElement(event, 'ul');
	   
	   //setDDValue(selectbox.parentNode, itemid, value);
	   
	   Element.addClassName(selectbox.parentNode, 'hide-dropdown');    
	   
	   Event.stop(event);
	}
	
	//observing dropdown options
	var observeDropDownOptions = function(event) {
	  
	   var selects = document.getElementsByClassName('selectbox');
	   for (var i = 0; i < selects.length; i++) {
	       select = selects[i];
	       var options = select.getElementsByTagName('A');
	       for (var j = 0; j < options.length; j++) {
	       	   option = options[j];
	           Event.observe(option, 'click', (observeOption), false);
	       }
	   }  
	   
	   Event.stop(event);
	
	}
	
	Event.observe(window, 'load', (observeDropDownOptions), true);
	
	
	
	//setting dropdown value into hiddne field
	function setDDValue(dropdown, itemid, value) {
	
	   var a = dropdown.getElementsByTagName('A')[0];
	   var input = dropdown.getElementsByTagName('INPUT')[0];
	   
	   Element.update(a, value);
	   
	   if (input) {
	     input.value = itemid;
	   }
	   
	}
	
	//closing dropdown by ESC
	var onKeyPress = function(event) {
	  
	    switch(event.keyCode) {
	     case Event.KEY_ESC:
	       hideDropDowns(event);
	       Event.stop(event);
	       return;
	     }
	  
	}
	
	Event.observe(document, "keypress", (onKeyPress), true);

	//closing dropdown by click out of it
	var hideDropDownsOnClick = function(event) {
	
	   var a = Event.element(event);
	   if (a.className == 'dd-opener') { return false; }
				
	   var dropdowns = document.getElementsByClassName('select');
	   for (var i = 0; i < dropdowns.length; i++) {
	       dropdown = dropdowns[i];
	       Element.addClassName(dropdown, 'hide-dropdown');
	   }
	
	}
	
	Event.observe(document, "click", (hideDropDownsOnClick), true);