/* Setup divs needed for slideshow */
$("#slideshow").wrap('<div id="slide_container"></div>');
$("#slideshow .imgcontainer").each(function(n){
  var c = n+1;
  $(this).append('<div class="active_caption">'+$("#slide_captions #caption_"+c).html()+'</div>');
});
$("#slide_container").append('<ul id="slide_nav"></ul>');

/* Setup caption divs for each slide */
$("#slideshow .imgcontainer .active_caption").each(function(n){
  var label = $("h2.title",this).text();
  $("#slide_container #slide_nav").append('<li><a href="#" rel="li_'+n+'">'+label+'</a></li>');
});
$("#slide_nav li:last a").css('border-right','0');


/* Start Slideshow */
var started = false;
function onBefore(curr, next, opts){
 if(started==true){
  var cur_slide = opts.currSlide;
  var prev_slide = opts.lastSlide;
  var next_slide = opts.nextSlide;
  $("#slide_nav li").eq(cur_slide).removeClass('active');
  $("#slide_nav li").eq(next_slide).addClass('active');
 }else{
  $("#slide_nav li").eq(0).addClass('active');
  started = true;
 }
}

$('#slideshow').cycle({
 fx: 'fade',
 before: onBefore,
 timeout: 5000
});

/* Triggers for clicking list beneath slideshow */
$("#slide_nav li a").click(function(){
  var slide = parseInt($(this).attr('rel').replace('li_',''));
  $("#slideshow").cycle(slide);
  return false;
});