/* Javascript solution by MoroSystems.cz */
   
   //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");
      }
   
   }
   
   Event.observe(window, "load", hideDropDowns, false);
   
   //observe dropdown opener
   var observeOpener = function(opener) {
       
       var dropdown = opener.parentNode;
       
       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);
          }
     }  
      
      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")[1];
      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.tagName == "A") { 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);