$(document).ready(function() {
  
  // vars
  var useLightbox8   = 0;
  var largectrls8    = 1;
  //var timeout       = '7000';

  // slideshow container
  var $ss8  = $('#slideshow8');
  
  // add interface prev|next
  if (largectrls8) {
    $ss8.before('<a class="csc-ctrl csc-btn csc-prev" href="">prev</a><a class="csc-ctrl csc-btn csc-next" href="">next</a>');
  } else {
    $ss8.before('<a class="csc-ctrl csc-btn csc-prev hidden" href="">prev</a><a class="csc-ctrl csc-btn csc-next hidden" href="">next</a>');
  }
 
  // add interface lightbox
  if (largectrls8 && !useLightbox8) {
    $ss8.before('<a class="csc-ctrl csc-play no-box" href="">play</a>');
  }

  // add interface play|pause & lightbox
  if (largectrls8 && useLightbox8) {
    $ss8.before('<a class="csc-ctrl csc-play" href="">play</a>');
    $ss8.before('<a rel="lightbox8" class="csc-ctrl csc-btn csc-box" id="csc-lightbox-8" href="">box</a>');
  }

  // remove single image from container
  $ss8.empty();

  // build playlist from #nav ul li a
  $('#nav8 a').each(function(index) {
    
    // vars & objs
    var ltbox = $(this).attr('rel');
    var href = $(this).attr('href');
    var title = $(this).attr('title');
    if (title) {
      title = ' title="'+title+'"';
    }
    var imageHeight = '';
    var rel = '';
    var img = new Image();

    // get img attr
    $(img).attr('src', ltbox);
    imageHeight = $(img).attr('height');
    //imageWidth = $(img).attr('width');

    // check for urls
     if (href.substr(-3)!= 'jpg') {
       rel = '';
     } else {
      rel = ' rel="lightbox8"';
     };

    // enable <a>-wrapping for lightbox
    if (useLightbox8) {    
      $ss8.append('<div style="width:100%; height:'+imageHeight+'px;"><a href="'+this.href+'"'+rel+''+title+'><img src="'+ltbox+'" /></a></div>');
    } else {
      $ss8.append('<div style="width:100%; height:'+imageHeight+'px;"><img src="'+ltbox+'" /></div>');
    }
  
  });

  // configure play/pause btn
  $('.csc-play').click(function() {
      $(this).toggleClass('csc-paused');
      $('.csc-btn').toggleClass('hidden');
      $ss8.cycle('toggle');
      return false;
  }).hover(function () {
      $ss8.cycle('pause');
      $(this).removeClass('csc-paused');
      $('.csc-btn').removeClass('hidden');
  });;

  // configure the slideshow 
  $ss8.cycle({
    height            : 250,
    //fit               : 1,
    //pagerEvent        : 'mouseover',
    pauseOnPagerHover : 1,
    //containerResize     : 0,
    timeout           : 7000,
    speed             : 'slow',
    pause             : 0, 
    next              : '.csc-next',
    prev              : '.csc-prev',
    manualTrump       : true,
    pager             : '#nav8',
    pagerAnchorBuilder: function(idx, slide) { 
        return '#nav8 li:eq(' + idx + ') a';
    },
    after             : function (curr,next,opts) {
        $('#csc-lightbox-8').attr('alt', opts.currSlide);
    }
  }).cycle('resume');

  // add keyboard functionality
  $(document).keydown(function(e){
    //alert (e.which);
    if(e.which == 37 || e.which == 80){ $('.csc-prev').click();}
    else if(e.which == 39 || e.which == 78){ $('.csc-next').click();}
    else if(e.which == 32){ $('.csc-play').click();}
    else return;
  });
  
  // init lightbox
  $lbox8 = $( '#slideshow8 a[rel="lightbox8"]').fancybox({
      cyclic          : 0,
      transitionIn    : 'none',
      transitionOut   : 'none',
      changeFade      : 0,
      overlayOpacity  : 0.9,
      overlayColor    : '#000',
      swf             : {
  			wmode : 'transparent',
  			allowfullscreen : 'true'
  		},
  		titleShow: 0,
    	//showCloseButton	: false,
    	titlePosition 		: 'inside',
    	//titleFormat		: formatTitle,
    	onComplete	:	function() {
    		$("#fancybox-wrap").hover(function() {
    			$("#fancybox-title").show();
    		}, function() {
    			$("#fancybox-title").hide();
    		});
    	}

  });
  
  // bind lightbox-click to #box-btn
  $("a#csc-lightbox-8").click(function(){
//    $("#slideshow8 a").eq($(this).attr('alt')).trigger('click');
    $lbox8.eq($(this).attr('alt')).trigger('click');
    $ss8.cycle('pause');
    $('.csc-play').removeClass('csc-paused');
    return false;
  });
  
});
/*
  $("#slideshow8 img").slimbox({}, function(el){
    return [el.alt];
  });
*/