var jobPage=1, jobPages=1, jobSlideBusy=null, jobsHeight=383, pageHeight=375, jobsTop=null;

if( BrowserDetect.browser!='Explorer' || BrowserDetect.version>6)
{
  document.write('<style>');
  document.write('  div#jobsWindow{ height:'+jobsHeight+'px; width:932px; overflow:hidden; }');
  document.write('  div#jobsInner{ position:relative; display:block }');
  document.write('</style>');
  
  document.observe("dom:loaded", attachJobSlide );
}
else
{
  document.write('<style>');
  document.write('  div#jobsFooter{ display:none }');
  document.write('  div#jobsTab{ display:none }');
  document.write('</style>');
}

function attachJobSlide()
{
  if( BrowserDetect.browser=='Explorer' && BrowserDetect.version<7) return false;

  var jobs  = $$('.job');
  jobPages = Math.ceil(jobs.length/15);

  if(jobs.length!=0)
  {    
    setupJobHeader(jobs.length);    
    setupJobFooter();
  }
}

function setupJobHeader(jobs)
{
  if( $('jobsTab'))
  {
    var lowJob  = (15*jobPage)-14;
    var highJob = 15*jobPage;
    if( highJob > jobs ) highJob = jobs;
    
    var innerHTML = '<p>Displaying jobs '+lowJob+'-'+highJob+' of '+jobs+'</p>';
    $('jobsTab').innerHTML = innerHTML;
  }
}

function setupJobFooter()
{
  if( !$('jobsFooter') ) return false;
  
  var innerHTML = '<p>';
  
  if( jobPage==1 ) innerHTML = innerHTML + 'Previous | ';
  else innerHTML = innerHTML + '<span class="jobJump" id="page_'+(jobPage-1)+'">Previous</span> | ';
  
  for(var x=1; x<jobPages+1; x++)
  {
    if( jobPage==x) innerHTML = innerHTML + '<span class="jobCurrent">'+x+'</span> | ';
    else innerHTML = innerHTML + '<span class="jobJump" id="page_'+x+'">'+x+'</span> | ';
  }
  
  if( jobPage==jobPages ) innerHTML = innerHTML + 'Next';
  else innerHTML = innerHTML + '<span class="jobJump" id="page_'+(jobPage+1)+'">Next</span>';
  
  innerHTML = innerHTML + '</p>';
  
  $('jobsFooter').innerHTML = innerHTML;
  
  attachJobFooterEvents();
}



function attachJobFooterEvents()
{
  var jobButtons  = $$('.jobJump');
  initialTop      = $('jobsInner').offsetTop;
  for(var x=0; x<jobButtons.length; x++)
  {
    Event.observe(jobButtons[x], 'click', jobPageSlider, false);
  }
}



function jobPageSlider(Event)
{
  var element     = Event.element();
  var jobs  = $$('.job');
  var jobsInner   = $('jobsInner');
  jobPage         = parseInt(element.id.replace('page_', ''));
  var newPostion  = (jobPage-1)*pageHeight;

  setupJobHeader(jobs.length); 
  setupJobFooter();
  
  new Effect.Move('jobsInner', {x:0, y:-(newPostion), mode:'absolute'} );
}