docs: function(inst) {
  		this.maxRows = 4; //Reset the max number of rows being displayed (see #7043)
  		instActive = inst; // for delegate hover events
  		inst.dpDiv.empty().append(this._generateHTML(inst));
  		this._attachHandlers(inst);
  		inst.dpDiv.find("." + this._dayOverClass + " a").mouseover();
  
  		var origyearshtml,
  			numMonths = this._getNumberOfMonths(inst),
  			cols = numMonths[1],
  			width = 17;
  
  		inst.dpDiv.removeClass("ui-datepicker-multi-2 ui-datepicker-multi-3 ui-datepicker-multi-4").width("");
  		if (cols > 1) {
  			inst.dpDiv.addClass("ui-datepicker-multi-" + cols).css("width", (width * cols) + "em");
  		}
  		inst.dpDiv[(numMonths[0] !== 1 || numMonths[1] !== 1 ? "add" : "remove") +
  			"Class"]("ui-datepicker-multi");
  		inst.dpDiv[(this._get(inst, "isRTL") ? "add" : "remove") +
  			"Class"]("ui-datepicker-rtl");
  
  		// #6694 - don't focus the input if it's already focused
  		// this breaks the change event in IE
  		if (inst === $.datepicker._curInst && $.datepicker._datepickerShowing && inst.input &&
  			inst.input.is(":visible") && !inst.input.is(":disabled") && inst.input[0] !== document.activeElement) {
  			inst.input.focus();
  		}
  
  		// deffered render of the years select (to avoid flashes on Firefox)
  		if( inst.yearshtml ){
  			origyearshtml = inst.yearshtml;
  			setTimeout(function(){
  				//assure that inst.yearshtml didn't change.
  				if( origyearshtml === inst.yearshtml && inst.yearshtml ){
  					inst.dpDiv.find("select.ui-datepicker-year:first").replaceWith(inst.yearshtml);
  				}
  				origyearshtml = inst.yearshtml = null;
  			}, 0);
  		}
  	}