YAHOO.util.Event.onDOMReady(function(){
		createCalendar();									
										 });
	
	function createCalendar(){
		var calendarFields = YAHOO.util.Selector.query(".cc_calendarInput")
		for(var i=0,l=calendarFields.length;i < l;i++) {
			var current = calendarFields[i];
			attachCalendarField(current.id);
		}
	}
	
	function attachCalendarField(field){
        var dialog, calendar;

        calendar = new YAHOO.widget.Calendar("pi_calendar_"+field, {
            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];

                // Pretty Date Output, using Calendar's Locale values: Friday, 8 February 2008
                //var wStr = calendar.cfg.getProperty("WEEKDAYS_SHORT")[selDate.getDay()];
                var dStr = selDate.getDate();
                var mStr = calendar.cfg.getProperty("MONTHS_LONG")[selDate.getMonth()];
                var yStr = selDate.getFullYear();

                YAHOO.util.Dom.get(field).value = mStr + " " +dStr + ", " + yStr;
            } else {
                YAHOO.util.Dom.get(field).value = "";
            }
            this.hide();
        }
        
        function cancelHandler() {
            this.hide();
        }

        dialog = new YAHOO.widget.Dialog("cal_container_"+field, {
            context:["show_"+field, "tl", "bl"],
            buttons:[ {text:"Select", isDefault:true, handler: okHandler}, 
                      {text:"Cancel", handler: cancelHandler}],
            width:"16em",  // Sam Skin dialog needs to have a width defined (7*2em + 2*1em = 16em).
            draggable:false,
            close:true
        });
        calendar.render();
        dialog.render();

        // Using dialog.hide() instead of visible:false is a workaround for an IE6/7 container known issue with border-collapse:collapse.
        dialog.hide();

        calendar.renderEvent.subscribe(function() {
            // Tell Dialog it's contents have changed, Currently used by container for IE6/Safari2 to sync underlay size
            dialog.fireEvent("changeContent");
        });

        YAHOO.util.Event.on("show_"+field, "click", function() {
            dialog.show();
            //if (YAHOO.env.ua.opera &#38;&#38; document.documentElement) {
                // Opera needs to force a repaint
            //    document.documentElement.style += "";
           // } 
        });
	}