I am presently attempting to make an interactive calendar which displays additional info when a date is highlighted and pressed. I am currently using the following code:

function dateChanged(calendar) {

if (calendar.dateClicked) {
var y = calendar.date.getFullYear();
var m = calendar.date.getMonth();
var d = calendar.date.getDate();
var link;
link = "http://someplace.com/Calendar/" + y + m + d + ".shtml";
PopItUp(link)
}

};

Calendar.setup(
{
flat : "calendar-container", // ID of the parent element
flatCallback : dateChanged // our callback function
}
);
function PopItUp(url)
{
newwindow=window.open(url,'name','height=305,width=300');
if (window.focus) {newwindow.focus()}
return false;
}

I guess it would be pretty tedious to attempt to make a html page for each date. So basically, is there a way to return a universal html page for all dates that do not have any additional info? Also, I was reading on a past post on how to make non-selectable dates, but it seems to me that the code only considers one range. How would I make multiple ranges (for example, non-selectable dates from Jan. 1 - 16. Additional info on Jan. 17. Non-selectable dates from Jan. 18 - 24...etc.)? Thanks.