Event.observe(window,'load',function(e){
      var updateHref = function(szDate1, szDate2, date1,date2)
      {
            var data = {
                  arrivalDay:szDate1 != "" ? date1.getDate() : "",
                  arrivalMonth:szDate1 != "" ? (date1.getMonth()+1) : "",
                  arrivalYear:szDate1 != "" ? date1.getFullYear() : "",
                  departureDay:szDate2 != "" ? date2.getDate() : "",
                  departureMonth:szDate2 != "" ? (date2.getMonth()+1) : "",
                  departureYear:szDate2 != "" ? date2.getFullYear() : ""
            };
              var newHref = "https://secure.hilton.com/en/hi/res/choose_dates.jhtml?hotel=NANHIHI&arrivalDay=#{arrivalDay}&arrivalMonth=#{arrivalMonth}";
            newHref += "&arrivalYear=#{arrivalYear}&departureDay=#{departureDay}&departureMonth=#{departureMonth}&departureYear=#{departureYear}";
            $('travelsearch').writeAttribute("href", newHref.interpolate(data));
            $('travelsearch2').writeAttribute("href", newHref.interpolate(data));
      };

      $('dateinput1').observe('datepicker:hidden', function(e){
            var szDate1 = $F('dateinput1');
            var szDate2 = $F('dateinput2');
            var date1 = $D(szDate1);
            var date2 = $D(szDate2);
            updateHref(szDate1, szDate2, date1,date2);
        });

      $('dateinput2').observe('datepicker:hidden', function(e){
            var szDate1 = $F('dateinput1');
            var szDate2 = $F('dateinput2');
            var date1 = $D(szDate1);
            var date2 = $D(szDate2);
            updateHref(szDate1, szDate2, date1,date2);
        });

      $('dateinput3').observe('datepicker:hidden', function(){
            var szDate1 = $F('dateinput3');
            var date1 = $D(szDate1 );
            var date2 = $D(szDate1 );
            var days = parseFloat($F('dateinput4'));
            var szDate2 = ""+days;
            date2.add(days);
            updateHref(szDate1,szDate2,date1,date2);
        });

      new Form.Element.Observer('dateinput4',0.2, function(el, value){     
            var szDate1 = $F('dateinput3');
            var date1 = $D(szDate1 );
            var date2 = $D(szDate1 );
            var days = parseFloat($F('dateinput4'));
            var szDate2 = ""+days;
            date2.add(days);
            updateHref(szDate1,szDate2,date1,date2);
      })
    });

    function showstuff(boxid) {
        document.getElementById(boxid).style.visibility = "visible";
    }

    function hidestuff(boxid) {
        document.getElementById(boxid).style.visibility = "hidden";
    }

    function showhide(boxid) {
        var e = document.getElementById(boxid);
        if (e.style.visibility == "hidden")
            document.getElementById(boxid).style.visibility = "visible";
        else
            document.getElementById(boxid).style.visibility = "hidden";
    }

    document.observe('dom:loaded', function () {
        $$('ul#nightSlide li').each(function (elmt) {
            elmt.observe('click', function (ev) {
                document.getElementById("dateinput4").value = ev.target.innerHTML;
                hidestuff('nightSlide');
            });
        });

    });