var pageContentPos = 0;
var pageSlideBusy=null;
var pageImage = new Array();
var pageColour = 1;


if( BrowserDetect.browser!='Explorer' || BrowserDetect.version>6)
{  
  var windowHeight = getWindowHeight();
  
  document.write('<style>');
  document.write('  div#contentWindow{ height:'+49+'px; overflow:hidden; }');
  document.write('  div#contentInner{ position:relative; display:none }');
  document.write('  div#contentTabs{ display:none; }');
  if( windowHeight>800 )
  {
    var topMargin = (windowHeight-780)/2;
    //if( topMargin>50 ) topMargin=50;
    document.write('  div#container{ margin-top:'+topMargin+'px }');
  }
  
  document.write('</style>');
  
  document.observe("dom:loaded", attachPageSlide );
}

function attachPageCenter()
{
}
  
function attachPageSlide()
{
  var tabsHeight = 0;
  if( $('container')) pageColour='_'+$('container').className;
  
  
  if( BrowserDetect.browser=='Explorer' && BrowserDetect.version<7) return false;

  if( $('contentInner') && $('contentWindow') )
  {
    if( $('contentTabs') ) 
    {
      $('contentTabs').setStyle({display:'block'});
      var tabsHeight = tabsHeight+$('contentTabs').offsetHeight;
    }    

    if( $('contentTabs') && BrowserDetect.browser=='Explorer' )
    {
      $('contentWindow').setStyle( {height:462-tabsHeight+'px', overflow:'hidden'} );
    }
    else
    {
      $('contentWindow').setStyle( {height:490-tabsHeight+'px', overflow:'hidden'} );
    }
    

    $('contentInner').setStyle( {position:'relative', display:'block'} );

    var innerHeight = $('contentInner').offsetHeight+tabsHeight;
    if( innerHeight>489 )
    {
      if( !$('contentSlide') )
      {
        var newI = new Element( 'div', { 'id':'contentSlide' } ).update( '<img src="/images/misc/scrollUp.gif" alt="" id="pageUp" /><img src="/images/misc/scrollDown.gif" alt="" class="down" id="pageDown"/>' );
        $('contentWindow').insert ({ 'after' : newI } );
        $('contentSlide').setStyle( { position:'relative', display:'block', top:'-50px', left:'-3px'} );
      }
    }
    else
    {
      if( !$('contentSlide') )
      {
        var newI = new Element( 'div', { 'id':'contentSlide' } ).update('&nbsp;');
        $('contentWindow').insert ({ 'after' : newI } );
      }
    }
      
    if( BrowserDetect.browser=='Explorer' && BrowserDetect.version==7 && $('contentSlide'))
    {
      $('contentSlide').setStyle( { marginTop:'2px'} );
    }
    
    if( $('pageDown') ) 
    {
      Event.observe( $('pageDown'), 'mouseover',      pageDownOver,  false);
      Event.observe( $('pageDown'), 'mouseout',       pageDownOut,   false);
      Event.observe( $('pageDown'), 'click',          pageDownClick, false);
    }
    
    if( $('pageUp') ) 
    {
      Event.observe( $('pageUp'),   'mouseout',  pageUpOut,     false);
      Event.observe( $('pageUp'),   'mouseover', pageUpOver,    false);
      Event.observe( $('pageUp'),   'click',     pageUpClick,   false);
    }
    
    if( $('pageTop') )
    {
      Event.observe( $('pageTop'),  'click',     pageTopClick,  false);
    }
  }
}


function pageDownOver(e)
{
  $('pageDown').setStyle( {cursor:'pointer'} );
  $('pageDown').src = '/images/misc/scrollDown'+pageColour+'.gif';
}



function pageDownOut(e)
{
  $('pageDown').src = '/images/misc/scrollDown.gif';
}



function pageDownClick(e)
{
  if( !pageSlideBusy && pageContentPos+($('contentInner').offsetHeight)>400 )
  {
    pageSlideBusy=1;
    pageContentPos -=200;
    new Effect.Move( $('contentInner'), { x:0, y:pageContentPos, mode: 'absolute', duration:0.4 } );
    
    setTimeout( "pageSlideBusy=0;", 400 );
  }
}



function pageUpOver(e)
{
  $('pageUp').setStyle( {cursor:'pointer'} );
  $('pageUp').src = '/images/misc/scrollUp'+pageColour+'.gif';
}



function pageUpOut(e)
{
  $('pageUp').src = '/images/misc/scrollUp.gif';
}



function pageUpClick(e)
{
  if( !pageSlideBusy )
  {
    pageSlideBusy=1;
    if(pageContentPos!=0 )
    {
      pageContentPos +=200;
      new Effect.Move( $('contentInner'), { x:0, y:pageContentPos, mode: 'absolute', duration:0.4 } );
    }
    setTimeout( "pageSlideBusy=0", 400 );
  }
}



function pageTopClick(e)
{
  if( !pageSlideBusy )
  {
    pageSlideBusy=1;
    var speed = (-(pageContentPos/100)*2)/10;
    pageContentPos=0;
    new Effect.Move( $('contentInner'), { x:0, y:pageContentPos, mode: 'absolute', duration:speed } );
    setTimeout( "pageSlideBusy=0", 600 );
  }
  
  Event.stop(e);
}
 


 
/**
 * Get the inner height of the window
 */
function getWindowHeight()
{
  var height;
  if(BrowserDetect.browser == 'Explorer')
  {
    height = document.documentElement.clientHeight;
  }
  else
  {
    height = window.innerHeight;
  }
  return height;
}