function DropDown(container)
  {
  this.container = container;
  this.div = "";
  this.lis = "";
  this.over = false;
  this.div = $(container);

  YAHOO.util.Event.addListener(this.div, "mouseover", this.listOver, this);
  YAHOO.util.Event.addListener(this.div, "mouseout", this.listOut, this);

  YAHOO.util.Event.addListener(this.div.getElementsByTagName("h4")[0], "click", this.showDropdown, this);

  lis = this.div.getElementsByTagName("li");

  for(var n=0; n<lis.length; n++) 
    {
    YAHOO.util.Event.addListener(lis[n], "mouseover", this.itemOver);
    YAHOO.util.Event.addListener(lis[n], "mouseout", this.itemOut);
    YAHOO.util.Event.addListener(lis[n], "click", this.itemClick);
    var attr = lis[n].getAttribute("selected");
    if (attr == "selected")
      {
      var list = lis[n].parentNode;
      var container = list.parentNode;
      
      container.getElementsByTagName("h4")[0].innerHTML = lis[n].innerHTML;
      container.getElementsByTagName("input")[0].value = lis[n].value;
      list.style.display = "none";
      }
    }
  YAHOO.util.Event.addListener(document.body, "click", this.selObjOffClick, this);
  }


DropDown.prototype.showDropdown = function(e, obj) {
  var list = YAHOO.util.Event.getTarget(e);
  var ul = list.parentNode.getElementsByTagName("ul")[0];
  ul.style.display = (ul.style.display == "block") ? "none" : "block";
  }

DropDown.prototype.listOver = function(e, obj) {
  obj.over = true;
  }

DropDown.prototype.listOut = function(e, obj) {
  obj.over = false;
  }

DropDown.prototype.itemOver = function(e) {
  var item = YAHOO.util.Event.getTarget(e);
  item.style.color = "#ffffff";
  item.style.background = "#0a246a";
  }

DropDown.prototype.itemOut = function(e) {
  var item = YAHOO.util.Event.getTarget(e);
  item.style.color = "#4b90cd";
  item.style.background = "#ffffff";
  }

DropDown.prototype.itemClick = function(e) {
  var item = YAHOO.util.Event.getTarget(e);
  var ul = item.parentNode;
  var div = ul.parentNode;
  
  div.getElementsByTagName("h4")[0].innerHTML = item.innerHTML;
  //div.getElementsByTagName("input")[0].value = item.value;
  div.getElementsByTagName("input")[0].value = item.getAttribute('value');

  ul.style.display = "none";
}

DropDown.prototype.selObjOffClick = function(e, obj) {
  if (!obj.over)
    obj.div.getElementsByTagName("ul")[0].style.display = "none";
  }

DropDown.prototype.getReadable = function() {
  return this.div.getElementsByTagName("h4")[0].innerHTML;
  }

DropDown.prototype.getName = function() {
  return this.div.getElementsByTagName("input")[0].name;
  }

DropDown.prototype.getValue = function() {
  return this.div.getElementsByTagName("input")[0].value;
  }

DropDown.prototype.preset = function(value) {
  var str = this.div.getElementsByTagName("h4")[0].innerHTML;
  var description = str.split(" ");
  this.div.getElementsByTagName("h4")[0].innerHTML = value + " " + description[1];
  this.div.getElementsByTagName("input")[0].value = value;
  }

DropDown.prototype.presetChildrenAge = function(value) {
  this.div.getElementsByTagName("h4")[0].innerHTML = value + " " + " years";
  this.div.getElementsByTagName("input")[0].value = value;

  var kidsAges = document.getElementById("kidsAges");

  if(this.div.getElementsByTagName("input")[0].value != 0) {
    this.div.style.display = 'block';
    this.div.style.visibility = 'visible';

    kidsAges.style.display = 'block';
    kidsAges.style.visibility = 'visible';
  }
 }

DropDown.prototype.presetHotelRooms = function(value) {
  rooms = (value != 1) ? "rooms" : "room";
  
  this.div.getElementsByTagName("h4")[0].innerHTML = value + " " + " hotel " + rooms;
  this.div.getElementsByTagName("input")[0].value = value;
 }

DropDown.prototype.presetAdults = function(value) {
  adults = (value != 1) ? "Adults" : "Adult";
  
  this.div.getElementsByTagName("h4")[0].innerHTML = value + " " + adults;
  this.div.getElementsByTagName("input")[0].value = value;
 }

DropDown.prototype.reset = function() {
  
  var str = this.div.getElementsByTagName("li")[0].innerHTML;
  var description = str.split(" ");

  this.div.getElementsByTagName("h4")[0].innerHTML = description[0] + " " + description[1];
  this.div.getElementsByTagName("input")[0].value = description[0];
}