if( BrowserDetect.browser!='Explorer' || BrowserDetect.version>6)
{
  var windowHeight = getWindowHeight();
  
  document.write('<style>');
  document.write('  div#viewWindow{ height:430px; width:932px; overflow:hidden; }');
  document.write('  div#viewInner{ position:relative; display:block }');
  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", attachJobViewSlide );
}


var jobContentPos = 0;
var jobSlideBusy  = null;
var jobsHeight    = 429;

function attachJobViewSlide()
{
  if( $('viewInner') && $('viewWindow') )
  { 
    var innerHeight = $('viewInner').offsetHeight;    
    
    if( innerHeight>jobsHeight )
    {
      if( !$('viewSlide') )
      {
        var newI = new Element( 'div', { 'id':'viewSlide' } ).update( '<img src="/images/misc/scrollUp.png" alt="" id="pageUp" /><img src="/images/misc/scrollDown.png" alt="" class="down" id="pageDown"/>' );
        $('viewWindow').insert ({ 'after' : newI } );
        $('viewSlide').setStyle( { position:'relative', display:'block', top:'-40px'} );
      }
    }
    else
    {
      if( !$('viewSlide') )
      {
        var newI = new Element( 'div', { 'id':'viewSlide' } ).update('&nbsp;');
        $('viewWindow').insert ({ 'after' : newI } );
      }
    }
    
    if( $('pageDown') ) 
    {
      Event.observe( $('pageDown'), 'mouseover',      pageDownOver,  false);
      Event.observe( $('pageDown'), 'click',          pageDownClick, false);
    }
    
    if( $('pageUp') ) 
    {
      Event.observe( $('pageUp'),   'mouseover', pageUpOver,    false);
      Event.observe( $('pageUp'),   'click',     pageUpClick,   false);
    }
  }
}



function pageDownOver(e)
{
  $('pageDown').setStyle( {cursor:'pointer'} );
}

function pageDownClick(e)
{
  $('pageUp').setStyle( {cursor:'pointer'} );
  if( !jobSlideBusy && jobContentPos+($('viewInner').offsetHeight)>400 )
  {
    jobSlideBusy=1;
    jobContentPos -=200;
    new Effect.Move( $('viewInner'), { x:0, y:jobContentPos, mode: 'absolute', duration:0.4 } );
    
    setTimeout( "jobSlideBusy=0;", 400 );
  }
}




function pageUpOver(e)
{
  $('pageUp').setStyle( {cursor:'pointer'} );
}



function pageUpClick(e)
{
  $('pageUp').setStyle( {cursor:'pointer'} );
  if( !jobSlideBusy )
  {
    jobSlideBusy=1;
    if(jobContentPos!=0 )
    {
      jobContentPos +=200;
      new Effect.Move( $('viewInner'), { x:0, y:jobContentPos, mode: 'absolute', duration:0.4 } );
    }
    setTimeout( "jobSlideBusy=0", 400 );
  }
}
 


 
/**
 * 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;
}