var _heroSlidePickerItemDelimiter = ',';
var _heroAnimationSpeed = 750;
var _heroAttractEnabled = false;
var _heroAttractInitialDelay = 5000;
var _heroAttractInterimDelay = 3500;
var _heroBgOffsetPx = -50;
var _heroContentOffsetPx = -1500;
var _heroHtmlOffsetPx = -1500;
var _heroCtaOffsetPx = -5000;
var _heroAttractTimer;
var _heroCurrentSlide = null;
var _heroAnimating = false;
var _heroSlides;
var _paused = false;

var _currentSlide;
var _heroSlideInterval = 6000;
var _t;

jQuery(document).ready(function () 
{
 jQuery('#cbc-heronav li').click( function(e) {
   var targetSlide = jQuery( e.currentTarget ).attr( 'rel' );
   changeSlide( targetSlide );
 });
 
 setTimer();
});

function changeSlide( targetSlide )
{
   jQuery( '#cbc-heronav li').removeClass( 'selected' );
   jQuery( '#cbc-heronav li[rel=' + targetSlide + ']' ).addClass( 'selected' );
  
   slideIn( targetSlide );

   setTimer();
}

function setTimer()
{
 clearInterval( _t );
 _t = setInterval( "nextSlide()", _heroSlideInterval );
}

function nextSlide()
{
  var currentSlide = jQuery('#cbc-heroslides li.selected');
  var nextSlide    = jQuery( currentSlide ).next();
  if( jQuery(nextSlide).length == 0 ) nextSlide = jQuery('#cbc-heroslides li:first-child');
  changeSlide( jQuery( nextSlide ).attr('id')  );
}

function slideIn( slide )
{
  // Slide out
  jQuery('#cbc-heroslides li.selected .cbc-slidecanvas .cbc-slidebg').animate( {'left':_heroBgOffsetPx*2,'opacity':0}, _heroAnimationSpeed );
  jQuery('#cbc-heroslides li.selected .cbc-slidecanvas .cbc-slidecta').animate( {'left':_heroBgOffsetPx*2,'opacity':0}, _heroAnimationSpeed );
  jQuery('#cbc-heroslides li.selected .cbc-slidecanvas .cbc-slidecontent').animate( {'left':_heroBgOffsetPx*2,'opacity':0}, _heroAnimationSpeed );

  setTimeout( "slideInCallback('" + slide + "')", _heroAnimationSpeed );
  
  // Slide out
  /*jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidebg').css( 'left', '0px' );
  jQuery('#'+slide).fadeIn(_heroAnimationSpeed);
  jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidebg').animate( {'left':_heroBgOffsetPx}, _heroAnimationSpeed );
  var ctapos =  jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidecta').css( 'left' );
  jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidecta').css( 'left', '900px' );
  jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidecta').animate( {'left':ctapos}, _heroAnimationSpeed );
  var contentpos = jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidecontent').css( 'left' );
  jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidecontent').css( 'left', '900px' );
  jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidecontent').animate( {'left':contentpos}, _heroAnimationSpeed  );*/
}

function slideInCallback( slide )
{
  jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidebg').css( 'left', '0px' );
  jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidecta').css( 'left', '1700px' );
  jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidecontent').css( 'left', '900px' );
  
  jQuery('#cbc-heroslides li').removeClass( 'selected' );
  jQuery('#'+slide).addClass( 'selected' );
  
  jQuery('#cbc-heroslides li.selected .cbc-slidecanvas .cbc-slidebg').animate( {'left':_heroBgOffsetPx,'opacity':1}, _heroAnimationSpeed );
  jQuery('#cbc-heroslides li.selected .cbc-slidecanvas .cbc-slidecta').animate( {'left':0,'opacity':1}, _heroAnimationSpeed );
  jQuery('#cbc-heroslides li.selected .cbc-slidecanvas .cbc-slidecontent').animate( {'left':0,'opacity':1}, _heroAnimationSpeed );
}

/*jQuery(document).ready(function () 
{
 jQuery('#cbc-heronav li').click( function(e) {
   jQuery( '#cbc-heronav li').removeClass( 'selected' );
   jQuery( e.currentTarget ).addClass( 'selected' );
   var targetSlide = jQuery( e.currentTarget ).attr( 'rel' );
   changeSlide( targetSlide );
 });
 
 setTimer();
});

function setTimer()
{
 clearInterval( _t );
 _t = setInterval( "nextSlide()", _heroSlideInterval );
}

function nextSlide()
{
 var currentSlide = jQuery('#cbc-heroslides li').not('.hidden');
 var nextSlide    = jQuery( currentSlide ).prev();
 if( jQuery(nextSlide).length == 0 ) nextSlide = jQuery('#cbc-heroslides li:last-child');
 changeSlide( jQuery( nextSlide ).attr('id'),  );
}

function changeSlide( currentSlide, nextSlide )
{
 slideOut( currentSlide );
 
 slideIn( nextSlide );

 setTimer();
}

function slideOut( slide )
{ 
 jQuery('#cbc-heroslides li').fadeOut(_heroAnimationSpeed);
 //jQuery('#cbc-heroslides li').animate( {'left':_heroBgOffsetPx}, _heroAnimationSpeed );
}

function slideIn( slide )
{
 jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidebg').css( 'left', '0px' );
 jQuery('#'+slide).fadeIn(_heroAnimationSpeed);
 jQuery('#cbc-heroslides li').addClass( 'hidden' );
 jQuery('#'+slide).removeClass( 'hidden' );
 jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidebg').animate( {'left':_heroBgOffsetPx}, _heroAnimationSpeed );
 var ctapos =  jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidecta').css( 'left' );
 jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidecta').css( 'left', '900px' );
 jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidecta').animate( {'left':ctapos}, _heroAnimationSpeed );
 var contentpos = jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidecontent').css( 'left' );
 jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidecontent').css( 'left', '900px' );
 jQuery('#'+slide+' .cbc-slidecanvas .cbc-slidecontent').animate( {'left':contentpos}, _heroAnimationSpeed  );
}*/
