var cmMenuBar2 =
{
   mainFolderLeft: '',
   mainFolderRight: '',
   mainItemLeft: '',
   mainItemRight: '',
   folderLeft: '',
   folderRight: '',
   itemLeft: '',
   itemRight: '',
   mainSpacing: 0,
   subSpacing: 0,
   delay: 100,
   offsetHMainAdjust: [0, 0],
   offsetSubAdjust: [0, 0]
};
var cmMenuBar2HSplit = [_cmNoClick, '<td class="MenuBar2MenuSplitLeft"><div></div></td>' +
                                    '<td class="MenuBar2MenuSplitText"><div></div></td>' +
                                    '<td class="MenuBar2MenuSplitRight"><div></div></td>'];
var cmMenuBar2MainVSplit = [_cmNoClick, '<div><table width="15" cellspacing="0"><tr><td class="MenuBar2HorizontalSplit">|</td></tr></table></div>'];
var cmMenuBar2MainHSplit = [_cmNoClick, '<td colspan="3" class="MenuBar2MainSplitText"><div></div></td>'];
document.addEventListener('DOMContentLoaded', function(event)
{
   cmDrawFromText('MenuBar2', 'hbl', cmMenuBar2, 'MenuBar2');
});
var cmMenuBar1 =
{
   mainFolderLeft: '',
   mainFolderRight: '',
   mainItemLeft: '',
   mainItemRight: '',
   folderLeft: '',
   folderRight: '',
   itemLeft: '',
   itemRight: '',
   mainSpacing: 0,
   subSpacing: 0,
   delay: 100,
   offsetHMainAdjust: [0, 0],
   offsetSubAdjust: [0, 0]
};
var cmMenuBar1HSplit = [_cmNoClick, '<td class="MenuBar1MenuSplitLeft"><div></div></td>' +
                                    '<td class="MenuBar1MenuSplitText"><div></div></td>' +
                                    '<td class="MenuBar1MenuSplitRight"><div></div></td>'];
var cmMenuBar1MainVSplit = [_cmNoClick, '<div><table width="15" cellspacing="0"><tr><td class="MenuBar1HorizontalSplit">|</td></tr></table></div>'];
var cmMenuBar1MainHSplit = [_cmNoClick, '<td colspan="3" class="MenuBar1MainSplitText"><div></div></td>'];
document.addEventListener('DOMContentLoaded', function(event)
{
   cmDrawFromText('MenuBar1', 'hbl', cmMenuBar1, 'MenuBar1');
});
$(document).ready(function()
{
   $("#SlideShow1").slideshow(
   {
      interval: 3000,
      type: 'sequence',
      effect: 'none',
      direction: '',
      pagination: false,
      effectlength: 2000
   });
   $("#SlideShow1_back a").click(function()
   {
      $('#SlideShow1').slideshow('previmage');
   });
   $("#SlideShow1_next a").click(function()
   {
      $('#SlideShow1').slideshow('nextimage');
   });
   $("#PanelMenu2").panel({animate: true, animationDuration: 200, animationEasing: 'linear', dismissible: true, display: 'push', position: 'left', toggle: true});
   $("#PanelMenu2_markup ul li a").click(function(event)
   {
       $.panel.hide($("#PanelMenu2_panel"));
   });
   $('#LayerMenu1 li').hover(function()
   {
      var left = -$(this).position().left + $(this).parent().width()/2 - $(this).find('.layer').width()/2;
      var top = $(this).find('.button').outerHeight();
      $(this).find('.layer').css({'top': top, 'left': left});
      $(this).find('.layer').show();
   }, function()
   {
      $(this).find('.layer').hide();
   });
   $('#LayerMenu1 li .layer').hide();
});