$(document).ready(function() {
  $('div.slide').cycle({
	width: '2700px',
	fx:    'fadeout',
	delay:  5000,
	speed:  1500,
	pager: '#pnav',
	pause:  0,
	pauseOnPagerHover: true,
	fastOnEvent: 0,
	manualTrump: true,
	easing: 'easeInOutSine',
	//before: onBefore,
	//after: onAfter,
	pagerAnchorBuilder: function(idx, slide) { 
	  return '<li><a href="#">'+(idx+1)+'</a></li>'; 
	  },
	updateActivePagerLink: function(pager, activeIndex) { 
	  $(pager).find('li:eq('+activeIndex+')').toggleClass('inactiveLI',false,0).toggleClass('activeLI',true,500).siblings().toggleClass('activeLI',false,0).toggleClass('inactiveLI',true,500); 
	  } 
  });
  //$('#pnav li a').eq(0).css({color: 'white', backgroundColor: '#747474'}); 
  function onBefore(curr,next,opts) {
	var pos = opts.currSlide+1;
	if (pos>6) pos=0;
	var last = opts.currSlide-1;
	if (last<0) last=6;
	$('#pnav li a').eq(opts.currSlide).animate({color: 'white', backgroundColor: '#747474'}, 1000); 
	$('#pnav li a').eq(opts.currSlide).animate({color: 'black', backgroundColor: 'white'}, 1000);
  };
  function onAfter(curr,next,opts) {
	var pos = opts.currSlide+1;
	if (pos>6) pos=0;
	var last = opts.currSlide-1;
	if (last<0) last=6;
	$('#pnav li a').eq(opts.currSlide).animate({color: 'white', backgroundColor: '#747474'}, 100); 
	$('#pnav li a').eq(last).animate({color: 'black', backgroundColor: 'white'}, 1000);
  };
  $('#pnav li a').each(function(index) {
	$(this).click(function(e) {
	  e.preventDefault();
	  //var index = $('#pnav li').index(this);
	  //var lineUp = $('#pnav li a').eq(index);
	  //lineUp.clearQueue();
	  //lineUp.stop();
	  $("#pnav li a").not('eq(index)').css({color: 'black', backgroundColor: 'white'});
	  $("#pnav li a").eq(index).css({color: 'white', backgroundColor: '#747474'}); 
	  //alert ('Index: ' + (index));
	  });
  });
});