// Set up Sliders
// **************
$(function(){

  $('#slider1').anythingSlider({
  startStopped    : false, // If autoPlay is on, this can force it to start stopped
  width           : 902,   // Override the default CSS width
  height          : 282,   // Override the default CSS width
  theme           : 'metallic',
  onSlideComplete : function(slider){
    // alert('Welcome to Slide #' + slider.currentPage);
      }
  });

});
$(function(){

  // Report Events to console & features list
  $('.anythingSlider').bind('slideshow_start slideshow_stop slideshow_paused slideshow_unpaused slide_init slide_begin slide_complete',function(e, slider){
    // show object ID + event (e.g. "slider1: slide_begin")
    var txt = slider.$el[0].id + ': ' + e.type + ', now on panel #' + slider.currentPage;
    $('#status').text(txt);
    if (window.console && window.console.firebug){ console.debug(txt); } // added window.console.firebug to make this work in Opera
  });

  // Theme Selector (This is really for demo purposes only)
  var themes = ['minimalist-round','minimalist-square','metallic','construction','cs-portfolio'];
  $('#currentTheme').change(function(){
    var theme = $(this).val();
    if (!$('link[href*=' + theme + ']').length) {
      $('body').append('<link rel="stylesheet" href="css/theme-' + theme + '.css" type="text/css" media="screen" />');
    }
    $('#slider1').closest('div.anythingSlider')
  });

  // Add a slide
  var imageNumber = 1;
  $('button.add').click(function(){
    $('#slider1')
      .append('<li><img src="images/slide-tele-' + (++imageNumber%2 + 1)  + '.jpg" alt="" /></li>')
      .anythingSlider(); // update the slider
  });
  $('button.remove').click(function(){
    $('#slider1 > li:not(.cloned):last').remove();
    $('#slider1').anythingSlider(); // update the slider
  });

});