viewport not showing

i added the script to the node.tpl.php of my template, but still the calendar does not show?

<div id="node-<?php print $node->nid; ?>" class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>>
  <?php print render($title_prefix); ?>
  <?php if (!$page): ?>
    <h2<?php print $title_attributes; ?>><a href="<?php print $node_url; ?>"><?php print $title; ?></a></h2>
  <?php endif; ?>
  <?php print render($title_suffix); ?>

  <div class="content"<?php print $content_attributes; ?>>
    <?php
      // We hide the comments and links now so that we can render them later.
      hide($content['comments']);
      hide($content['links']);
      print render($content);
    ?>
  </div>

  <?php print render($content['links']); ?>

  <?php print render($content['comments']); ?>

<?php

  // Add js script and settings for the viewport and the buttons
  $viewport_settings = array(
    'settings' => array(
      'month' => array('width' => 231, 'height' => 247),
      'viewport' => array('cols' => 3, 'rows' => 2),
      'step' => array('cols' => 0, 'rows' => 1)
    ),
    'backwardSelector' => '#ac-up',
    'forwardSelector' => '#ac-down',
  );
  availability_calendars_add_js($node, $viewport_settings, 'viewport');
?>
</div>

the version i'm using is 7.x-2.x-dev

in my previous post the whole node.tpl.php is shown. i just tried adding print theme('availability_calendars_node'); as a last line but that didn't work. instead it gave the message
Notice: Trying to get property of non-object in theme_availability_calendars_node() (line 54 of /var/www/hongarijetours/sites/all/modules/availability_calendars/availability_calendars.page.inc).

before the of my page source is

  <script type="text/javascript">
<!--//--><![CDATA[//><!--
Drupal.behaviors.availabilityCalendarsViewport0 = {
        attach: function(context, settings) {
          Drupal.availabilityCalendars.viewport0 = new Drupal.availabilityCalendars.Viewport(
            Drupal.availabilityCalendars.get(settings.availabilityCalendars.viewport0.nid,
              settings.availabilityCalendars.viewport0.settings),
            settings.availabilityCalendars.viewport0.viewport.settings,
            settings.availabilityCalendars.viewport0.viewport.backwardSelector,
            settings.availabilityCalendars.viewport0.viewport.forwardSelector
          );
        }
      };
//--><!]]>
</script>

moving the code to page.tpl.php didn't work either

in order of your questions / remarks
- i disabled the calendar through the configuration pages for all content types, the calendar doesn't show (figures)
then i re-enabled the calendar on my custom content page. The calendar now is shown, but the viewport wrapper not (see #2)
- the setting 'Show automatically on node page' is enabled
- the setting 'Allow to override settings per node' is disabled
- only the custom content type has the calendar, i have also a nodd--custom_contenttype.tpl.php file for that contenttype (code of #2)

hi,
just checked your questions

- my dev version if of july 8th
- i have no multilanguage site
- the node always showed, with and without the calendar enabled
- i have two div's

<div class="availability-calendars-viewport" style="width: 693px; height: 494px;"><div class="availability-calendars-viewport-inner">

-here's the debugging info from the settings variable in the js

settings
	Object { month={...}, viewport={...}, step={...}}
	
month
	Object { width=231, height=247}
	
height
	247
	
width
	231
	
step
	Object { cols=0, rows=1}
	
cols
	0
	
rows
	1
	
viewport
	Object { cols=3, rows=2}
	
cols
	3
	
rows
	2
	
viewport
	undefined

i now see i'm missing the buttons.
i added

<div class="ac-move"><a id="ac-up" disabled="disabled">Voorgaande 3 maanden</a><a id="ac-down">Volgende 3 maanden</a></div>

to my tpl.php file.

The buttons now show, the source code of my page now shows the buttons, but both are disabled? how to enable the click-event to it? Does it activate automatically or do i need to add some extra html and/or javascript?

got it working. I had the maximum number of months to display set to 5 in the availability calendar configuration. That was why the scrolling didn't work, because i set the viewport number of cols / rows to 6 (3*2)

i modified the configuration to 12 maximum months and now the calendar viewports scrolls like on the maisonnera.eu site

now i'm up to styling the calendars and buttons

great looking functionality, thanks for all the support and patience.