YAHOO.util.Event.onDOMReady(function(){
 
        var Event = YAHOO.util.Event,
            Dom = YAHOO.util.Dom,
            dialog,
            calendar;
 
        var showBtns = Dom.get("show");
        
        if (!showBtns) {
        	showBtns = Dom.getElementsByClassName("dateButton", "button");
        }
        
        var input = "date";
        
        var currentShow = null;
 
        Event.on(showBtns, "click", function(ev) {
        	
        	input = "date";
        	var target = this;

        	if (target.nodeName == "IMG")
        		target = target.parentNode;
        	
        	if (target.id != "show")
        		input = target.id.substring(5);
        	
        	currentShow = target;
        	
            // Lazy Dialog Creation - Wait to create the Dialog, and setup document click listeners, until the first time the button is clicked.
            if (!dialog) {
 
                // Hide Calendar if we click anywhere in the document other than the calendar
                Event.on(document, "click", function(e) {
                	var el = Event.getTarget(e);
                    var dialogEl = dialog.element;
                    if (!currentShow || el != dialogEl && !Dom.isAncestor(dialogEl, el) && el != currentShow && !Dom.isAncestor(currentShow, el)) {                    	
                        dialog.hide();
                    }
                });
 
                function resetHandler() {
                    // Reset the current calendar page to the select date, or 
                    // to today if nothing is selected.
                    var selDates = calendar.getSelectedDates();
                    var resetDate;
        
                    if (selDates.length > 0) {
                        resetDate = selDates[0];
                    } else {
                        resetDate = calendar.today;
                    }
        
                    calendar.cfg.setProperty("pagedate", resetDate);
                    calendar.render();
                }
        
                function closeHandler() {
                    dialog.hide();
                }
 
                dialog = new YAHOO.widget.Dialog("container", {
                    visible:false,
                    draggable:false,
                    close:true
                });
                dialog.setHeader('Pick A Date');
                dialog.setBody('<div id="cal"></div>');
                dialog.render(document.body);
 
                dialog.showEvent.subscribe(function() {
                    if (YAHOO.env.ua.ie) {
                        // Since we're hiding the table using yui-overlay-hidden, we 
                        // want to let the dialog know that the content size has changed, when
                        // shown
                        dialog.fireEvent("changeContent");
                    }
                });
            }
 
            // Lazy Calendar Creation - Wait to create the Calendar until the first time the button is clicked.
            if (!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
                    mindate: Dom.get(input).getAttribute("sps:mindate"),
                    maxdate: Dom.get(input).getAttribute("sps:maxdate"),
                    start_weekday: 1
                });
                
                var unavailable = Dom.get(input).getAttribute("unavailable");
                if (unavailable) {
	                var sa = unavailable.split();
	                
	                for (var i = 0; i < sa.length; ++i) {
	                	calendar.addRenderer(sa[i], calendar.renderBodyCellRestricted);
	                }
                }
                
                calendar.selectEvent.subscribe(function() {
                	
                	if (calendar.getSelectedDates().length > 0) {
 
                        var selDate = calendar.getSelectedDates()[0];
 
                        // Pretty Date Output, using Calendar's Locale values: Friday, 8 February 2008
                        var dStr = selDate.getDate();
                        var mStr = selDate.getMonth() + 1;
                        var yStr = selDate.getFullYear();
                        
                        Dom.get(input).value = dStr + "/" + mStr + "/" + yStr;
                    } else {
                        Dom.get(input).value = "";
                    }
                    dialog.hide();
                });
                
                calendar.render();
 
                calendar.renderEvent.subscribe(function() {
                    // Tell Dialog it's contents have changed, which allows 
                    // container to redraw the underlay (for IE6/Safari2)
                    dialog.fireEvent("changeContent");
                });
            }
 
            var seldate = calendar.getSelectedDates();
 
            if (seldate.length > 0) {
                // Set the pagedate to show the selected date if it exists
                calendar.cfg.setProperty("pagedate", seldate[0]);
                calendar.render();
            }
            
            dialog.cfg.setProperty("context", [target.id, "tl", "bl"]);
            
            dialog.show();
        });
    });