//initialize dropdowns
    var hideDropDowns = function() {
//	   var dropdowns = document.getElementsByClassName('select');
	   var dropdowns = $$('.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');
	    }
		//hideItem();
	    return false;
	}

	function hideItem()
	{
		slat = document.form_calcwoodmm.slat;
//		var selects = document.getElementsByClassName('selectbox');
		var selects = $$('.selectbox');
		var li = selects[0].getElementsByTagName('li');
	    for (var i = 0; i < li.length; i++) {
	       if(slat[1].checked == true && i == 1 && slat[1].value == 234)
		   {
		   	  li[i].style.display = 'none';
		   }else
		   {
			  li[i].style.display = 'block';
		   }
	    }
	}

	//observing dropdown option
	var observeOption = function(event) {

	   var option = Event.element(event);
	   var value = option.childNodes[0].nodeValue;
	   var itemid = option.getAttribute('value');
	   var itemrel = option.getAttribute('rel');

	   var selectbox = Event.findElement(event, 'ul');
	   setDDValue(selectbox.parentNode, itemid, value,itemrel);
	   Element.addClassName(selectbox.parentNode, 'hide-dropdown');
	   Event.stop(event);

	}


	//observing dropdown options
	var observeDropDownOptions = function(event) {

//	   var selects = document.getElementsByClassName('selectbox');
	   var selects = $$('.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, itemrel) {
	   var a = dropdown.getElementsByTagName('A')[0];
	   //alert(itemid);
	   dropdown.getElementsByTagName('A')[0].style.backgroundImage =itemid;
	   var input = dropdown.getElementsByTagName('INPUT')[0];
	   //alert(value);
	   Element.update(a, value);
	   if (input) {
	     input.value = itemrel;
	   }
	   GetCustomPrice();
	}

	//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')&&(typeof(event.srcElement) == 'undefined')) { return false; }
	   if ((a.tagName == 'A')&&((event.srcElement.id=='a1')||(event.srcElement.id=='a2'))) { return false; }
	   if ((a.tagName == 'A')&&((event.srcElement.id=='b1')||(event.srcElement.id=='b2'))) { return false; }
//	   var dropdowns = document.getElementsByClassName('select');
	   var dropdowns = $$('.select');
	   for (var i = 0; i < dropdowns.length; i++) {
	       dropdown = dropdowns[i];
	       Element.addClassName(dropdown, 'hide-dropdown');
	   }
     return true;
	}

	Event.observe(document, "click", (hideDropDownsOnClick), true);