The new RezStream AJAX Calendars are a great upgrade from the old iframe calendars.

By removing the iframes and using cross browser supported technology; the new RezStream calendars are easier to use and are able to reach a wider audience.

These new calendars provide a great deal of new functionality and customization.

The new Calendars will show the number of units available for property wide searches and will add minimum night restrictions to individual unit searches.

They also take into consideration minimum and maximum number of days out a reservation can be made.

The new RezStream Calendars are easy to install.

Simply add This code in between the <head> and the </head> tags on your website.

<script type="text/javascript" language="JavaScript" src="http://calendars.rezstream.com/cal.js"></script>

Then add this script where you want the calendar to appear on your page:

<script type="text/javascript" language="JavaScript">'RSCal();</script>

RSCal() Options

There are nine options for your new RezStream Calendar:

  1. Account ID (provided in the code from your booking engine) REQUIRED
  2. Property ID (provided in the code from your booking engine) REQUIRED
  3. Unit ID (Found in RezStream Professional under the Booking Engine Settings) REQUIRED FOR INDIVIDUAL UNITS
  4. The Number of Months to Display
  5. The Width of the Display (in Calendar Widths)
  6. Bookable Selector (1 to display the Make Reservation Box, 0 to hide it)
  7. Calendar Size (A percentage of the default calendar size)
  8. Calendar Logo or Text Link
  9. Custom CSS Link (adds a link to a custom CSS File) ADVANCED

Here is an example of the default calendar with only the Account ID and the Property ID. This calendar will show you availability for your entire property.

<script type="text/javascript" language="JavaScript">RSCal(6137, 6324);</script>

Here is an example of the calendar with the Unit ID. This calendar will show you availability for an individual unit.

<script type="text/javascript" language="JavaScript">RSCal(6137, 6324, 19422);</script>

Here are two examples of changing the number of months displayed. The width option should also be set to make the calendar appear correctly.
Here is a two month three wide calendar.

<script type="text/javascript" language="JavaScript">RSCal(6137, 6324, 19422, 2, 3);</script>


Here is a seven month four wide calendar.

<script type="text/javascript" language="JavaScript">RSCal(6137, 6324, 19422, 7, 4);</script>

Here is an example of a three month three wide non bookable calendar.

<script type="text/javascript" language="JavaScript">RSCal(6137, 6324, 19422, 3, 3, 0);</script>

The calendar can also be used as a quick submit form. (Notice the "0" in the Unit ID, we suggest using this option property wide.)

<script type="text/javascript" language="JavaScript">RSCal(6137, 6324, 0, 0, 1);</script>

Here is an example of changing the size of the calendar this one is 80% of the normal calendar size.

<script type="text/javascript" language="JavaScript">RSCal(6137, 6324, 19422, 3, 4, 1, 80);</script>

Here is an example of the Calendars with a text link instead of the logo image. (no longer supported all calendars use the text link)

<script type="text/javascript" language="JavaScript">RSCal(6137, 6324, 19422, 3, 4, 1, 100, 0);</script>

Here is an example of a custom CSS file being applied.

<script type="text/javascript" language="JavaScript">RSCal(6137, 6324, 19422, 3, 4, 0, 100, 1, "http://calendars.rezstream.com/demo.css");</script>