function getJob(jobnumber, subjobnumber) {

toggleSelectedNumber(jobnumber);

jobnumber = jobnumber -1; //have to match up the numbers from the interface

var myjobname    = allJobs[jobnumber].jobname;
var mylogourl    = allJobs[jobnumber].logourl;
var mylogowidth  = allJobs[jobnumber].lwidth;
var mylogoheight = allJobs[jobnumber].lheight;
var mytexturl    = allJobs[jobnumber].texturl;
var mytextwidth  = allJobs[jobnumber].twidth;
var mytextheight = allJobs[jobnumber].theight;



if (subjobnumber && subjobnumber != '-1') {
myjobname    = allJobs[jobnumber].otherimages[subjobnumber].jobname;
mylogourl    = allJobs[jobnumber].otherimages[subjobnumber].logourl;
mylogowidth  = allJobs[jobnumber].otherimages[subjobnumber].lwidth;
mylogoheight = allJobs[jobnumber].otherimages[subjobnumber].lheight;
mytexturl    = allJobs[jobnumber].otherimages[subjobnumber].texturl;
mytextwidth  = allJobs[jobnumber].otherimages[subjobnumber].twidth;
mytextheight = allJobs[jobnumber].otherimages[subjobnumber].theight;

}
if ($('intro')) {
 new Effect.Fade('intro'); 
 $('intro').remove();
 new Effect.Appear($('jobdisplay'), {duration:.3});
}

var newlogo = '<img id="joblogo" src="'+mylogourl+'"  width="'+mylogowidth+'" height="'+mylogoheight+'" border="0" alt="'+myjobname+'"/>';
var newtext = '<img id="jobtext" src="'+mytexturl+'" width="'+mytextwidth+'" height="'+mytextheight+'" border="0" alt="'+myjobname+'" />';
var url = allJobs[jobnumber].logourl ;

if (!subjobnumber && allJobs[jobnumber].otherimages) {
 $('jobsubnav').update();
 window.setTimeout(function(){

    $('jobsubnav').innerHTML = '<a href="#" onclick="getJob(\''+(jobnumber+1)+'\',\'-1\'); return false;"><img src="'+allJobs[jobnumber].logourl.substr(0,(allJobs[jobnumber].logourl.length -4))+
                                '_Button.gif" width="12" height="12" border="0" alt="'+allJobs[jobnumber].jobname+'" title="'+allJobs[jobnumber].jobname+'" /></a>';
    allJobs[jobnumber].otherimages.each(function(item, index) {
       $('jobsubnav').innerHTML += '<a href="#" onclick="getJob(\''+(jobnumber+1)+'\',\''+index+'\'); return false;"> <img src="'+item.logourl.substr(0,(item.logourl.length -4))+
                                   '_Button.gif" width="12" height="12" border="0" alt="'+item.jobname+'" title="'+item.jobname+'" /></a>';
         /*new Effect.Grow('jobsubnav', {direction: 'top-left'});*/
         window.setTimeout("new Effect.Appear($('jobsubnav'), {duration:.3});",500);
    });
 }
 ,1000);
}

if (!allJobs[jobnumber].otherimages){
   $('jobsubnav').innerHTML = '';
}


new Ajax.Request(url, {
  method: 'get',
  onSuccess: function(transport) {
 if (!subjobnumber) {new Effect.Fade('jobtext'); }
 new Effect.Fade('joblogo'); 
  
$('jobimage').hide();
 if (!subjobnumber) {$('job').hide();}
  
$('jobimage').update(newlogo);
 if (!subjobnumber) {$('job').update(newtext);}

  window.setTimeout("new Effect.Appear($('jobimage'), {duration:.3});",500);
   if (!subjobnumber) {window.setTimeout(" new Effect.Appear($('job'), {duration:.3});",500);}
  }
});


}


function toggleSelectedNumber(jobnumber){
//alert(jobnumber);
   //var url2 = $(link).getAttribute('src');

   var snumbers = $('numbers').descendants();
//alert(off+'\n'+on);

	for (i=0;i<snumbers.length; i++) {
	   if (snumbers[i].getAttribute('src')) {
	      
	     var link = $(snumbers[i]).getAttribute('src');
         var off = link.replace(link.substring((link.indexOf('numbers') +8), (link.length -7)),'grey');
         var on = link.replace(link.substring((link.indexOf('numbers') +8), (link.length -7)),'red');

         var id = snumbers[i].getAttribute('id');
         
         if (id.substring(1) == jobnumber) {
         
                    $(id).src = on; 
                    $(id).blur(); //lose the dotted line

         }
         else {
         
                  $(id).src = off; 

         
         }
		
	   }
	
	}



}