YAHOO.util.Event.onDOMReady(function(){

    var dialog, calendar;

    calendar = new YAHOO.widget.Calendar("cal", {
        iframe:false,          // Turn iframe off, since container has iframe support.
        hide_blank_weeks:true  // Enable, to demonstrate how we handle changing height, using changeContent
    });

    function okHandler() {
        if (calendar.getSelectedDates().length > 0) {

            var selDate = calendar.getSelectedDates()[0];
            var dStr = selDate.getDate();
            var mStr = selDate.getMonth() + 1;
            var yStr = selDate.getFullYear();

            document.getElementById(date_element).value = mStr + "/" + dStr + "/" + yStr;
        } else {
            document.getElementById(date_element).value = "";
        }
        dialog.hide();
    }
    
    function cancelHandler() {
        this.hide();
    }

    dialog = new YAHOO.widget.Dialog("container", {
        context:["show", "tl", "bl"],
        buttons:[],
        width:"16em",
        draggable:false,
        close:true
    });

    calendar.selectEvent.subscribe(okHandler, calendar, true);
    calendar.render();
    dialog.render();
    dialog.hide();

    calendar.renderEvent.subscribe(function() {
        dialog.fireEvent("changeContent");
    });

    YAHOO.util.Event.on("show", "click", function() {
        document.getElementById("hd").innerHTML = "Calender";
	    dialog.show();
	    if (YAHOO.env.ua.opera && document.documentElement) {
		    document.documentElement.className += "";
	    } 
    }
    
);
});