// JavaScript Document
     jQuery.noConflict();
     
     // Put all your code in your document ready area
     jQuery(document).ready(function($){
       // Do jQuery stuff using $
    $("#example > ul").tabs();
     });

     
     // Use Prototype with $(...), etc.
//initialize dropdowns
    //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;
	Element.hasClassName(dropdown, 'hide-dropdown') ? Element.removeClassName(dropdown, 'hide-dropdown') :  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 hidden 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.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);