/* 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');    
  
  if(!option) {
  	Event.stop(event);
  } else {
	  var a = selectbox.parentNode.getElementsByTagName('A')[0];
	  $(a).href = option;
  }
}

//observing dropdown options
var observeDropDownOptions = function(event) {
 	
  var selects = document.getElementsByClassName('selectbox');
  for (var i = 0; i < selects.length; i++) {
      select = selects[i];
		  getDDValue(select.parentNode);
      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;
  }
  
}

function getDDValue(dropdown) {
  var a = dropdown.getElementsByTagName('A')[0];
  var input = dropdown.getElementsByTagName('INPUT')[0];

  var list = dropdown.getElementsByTagName('LI');
  for (var i = 0; i < list.length; i++) {
  	if(Element.readAttribute(input,'value')==Element.readAttribute(list[i].firstChild,'value')) {
 			Element.update(a, list[i].firstChild.childNodes[0].nodeValue);
 			a.href = list[i].firstChild.href;
   	}
  }
}

//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 == 'SPAN' && a.parentNode.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);