//initialize dropdowns

    var hideDropDowns = function() {
        
	   var dropdowns = document.getElementsByClassName('select');
	   for (var i = 0; i < dropdowns.length; i++) {
	       dropdown = dropdowns[i];
	       Element.addClassName(dropdown, 'hide-dropdown');
	   }
	   var dropdowns = document.getElementsByClassName('select2');
	   for (var i = 0; i < dropdowns.length; i++) {
	       dropdown = dropdowns[i];
	       Element.addClassName(dropdown, 'hide-dropdown');
	   }
	   var dropdowns = document.getElementsByClassName('select3');
	   for (var i = 0; i < dropdowns.length; i++) {
	       dropdown = dropdowns[i];
	       Element.addClassName(dropdown, 'hide-dropdown');
	   }
	   if(document.getElementById('categoryboxes')==null){}else{	
	 	document.getElementById("categoryboxes").className="categoryfilterboxes";	
	   }	
	}
	
	Event.observe(window, 'load', hideDropDowns, false);
	
	
	//observe dropdown opener
	var observeOpener = function(opener,openerclass) {
	    var dropdown = opener.parentNode;

	   var dropdowns = document.getElementsByClassName(openerclass);
	   for (var i = 0; i < dropdowns.length; i++) {
	       dropdown1 = dropdowns[i];
	       if(dropdown1==dropdown)
	       {
	       }
	       else
	       {
	       	Element.addClassName(dropdown1, 'hide-dropdown');
	       }	
	   }
	    
	    if (Element.hasClassName(dropdown, 'hide-dropdown')) {
	    	Element.removeClassName(dropdown, 'hide-dropdown');    
	    } else {
	        Element.addClassName(dropdown, 'hide-dropdown');
	    }
	    return false;
	}
	

	//observe dropdown opener
	var observeOpenerClose = function(opener,openerclass) {
	    var dropdown = opener.parentNode;

	   var dropdowns = document.getElementsByClassName(openerclass);
	   for (var i = 0; i < dropdowns.length; i++) {
	       dropdown1 = dropdowns[i];
	       if(dropdown1==dropdown)
	       {
	       }
	       else
	       {
	       	Element.addClassName(dropdown1, 'hide-dropdown');
	       }	
	   }
	    
	    if (Element.hasClassName(dropdown, 'hide-dropdown')) {
	    	Element.removeClassName(dropdown, 'hide-dropdown');    
	    } else {
	        Element.addClassName(dropdown, 'hide-dropdown');
	    }
	    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);
	       }
	   }  

	   var selects = document.getElementsByClassName('selectbox2');
	   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);
	       }
	   }  
	   
	   var selects = document.getElementsByClassName('selectbox3');
	   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 hidden field
	function setDDValue(dropdown, itemid, value) {
	
	   var a = dropdown.getElementsByTagName('A')[0];
	   var input = dropdown.getElementsByTagName('INPUT')[0];
	   if(itemid!="")
	   {
	   	//window.location=itemid;
	   	CallAjaxMethod(itemid);
	   }	
	   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.tagName == 'A' || a.tagName == 'INPUT') { 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);

    
function showFindenBaloon(){
	//document.getElementById('baloon4').style.display='inline';
}

function hideFindenBaloon(){
	//document.getElementById('baloon4').style.display='none';
}