$(document).ready(function(){
   
		if($('div.ps').size()!=1)
			w = window.setInterval("advance();", delay);
		
		$('div#slide1').removeClass('hidden');
		$('div.ps:not(#slide1)').hide().removeClass('hidden');

        myListener = new Object();
        myListener.onFinished = function(){
          advance();
          w = window.setInterval("advance()", delay);
        };
        
        myListener.onPlayStart = function(){
          clearInterval(w);
        };
        
    });
		
		    function advance(){
          if($('div.ps:visible').next('div.ps').size()!=0){
            $('div.ps:visible').fadeOut(1000, function(){
              $(this).next('div.ps').fadeIn(1000);
              hilite($(this).next('div.ps').attr('id').substr(5,1));
              
              });
              
              
          } else {
            $('div.ps:visible').fadeOut(1000, function(){
              $('div.ps:first').fadeIn(1000);
				  hilite(1);
				});
          }
              
          // hilite($.index('div.ps:visible')+1);
          
        }
				
				function jump(k){
				
					// not if something is already transitioning, bub.
					if($('div.ps:animated').size()>0) return;
					
					// can't jump to yourself.
	            if($('div.ps:get('+(k-1)+'):visible').size()==1) return;
					
					// clear the old interval.
					window.clearInterval(w);
					
						// animate to the desired slide.
						$('div.ps:visible').fadeOut(1000, function(){
							$('div#slide'+k).fadeIn(1000);
							w = window.setInterval("advance();", delay);
						});
											
					// everything ok?
					hilite(k);
					
				}
				
				function hilite(k){
					$('ul#count li').removeClass('lit');
					$('ul#count li#jump'+k).addClass('lit');
				}