/*
	AnythingSlider v1.5.6.1

	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
	crazy mods by Rob Garrison (aka Mottie)

	To use the navigationFormatter function, you must have a function that
	accepts two paramaters, and returns a string of HTML text.

	index = integer index (1 based);
	panel = jQuery wrapped LI item this tab references
	@return = Must return a string of HTML/Text

	navigationFormatter: function(index, panel){
		return "Panel #" + index; // This would have each tab with the text 'Panel #X' where X = index
	}
*/

(function($) {

  $.anythingSlider = function(el, options) {

    // To avoid scope issues, use 'base' instead of 'this'
    // to reference this class from internal events and functions.
    var base = this;

    // Wraps the ul in the necessary divs and then gives Access to jQuery element
    base.$el = $(el).addClass('anythingBase').wrap('<div class="anythingSlider"><div class="anythingWindow" /></div>');

    // Add a reverse reference to the DOM object
    base.$el.data("AnythingSlider", base);

    base.init = function(){

      base.options = $.extend({}, $.anythingSlider.defaults, options);

      if ($.isFunction(base.options.onBeforeInitialize)) {
	base.$el.bind('before_initialize', base.options.onBeforeInitialize);
      }
      base.$el.trigger('before_initialize', base);

      // Cache existing DOM elements for later
      // base.$el = original ul
      // for wrap - get parent() then closest in case the ul has "anythingSlider" class
      base.$wrapper = base.$el.parent().closest('div.anythingSlider').addClass('anythingSlider-' + base.options.theme);
      base.$window = base.$el.closest('div.anythingWindow');
      base.$controls = $('<div class="anythingControls"></div>').appendTo( $(base.options.appendControlsTo).length ? $(base.options.appendControlsTo) : base.$wrapper);
      base.$nav = $('<ul class="thumbNav" />').appendTo(base.$controls);

      // Set up a few defaults & get details
      base.timer   = null;  // slideshow timer (setInterval) container
      base.flag    = false; // event flag to prevent multiple calls (used in control click/focusin)
      base.playing = false; // slideshow state
      base.hovered = false; // actively hovering over the slider
      base.panelSize = [];  // will contain dimensions and left position of each panel
      base.currentPage = base.options.startPanel;
      if (base.options.playRtl) {
	base.$wrapper.addClass('rtl');
      }

      // save some options
      base.original = [ base.options.autoPlay, base.options.buildNavigation, base.options.buildArrows];
      base.updateSlider();

      base.$currentPage = base.$items.eq(base.currentPage);
      base.$lastPage = base.$currentPage;

      // Get index (run time) of this slider on the page
      base.runTimes = $('div.anythingSlider').index(base.$wrapper) + 1;
      base.regex = new RegExp('panel' + base.runTimes + '-(\\d+)', 'i'); // hash tag regex

      // Make sure easing function exists.
      if (!$.isFunction($.easing[base.options.easing])) {
	base.options.easing = "swing";
      }

      // Add theme stylesheet, if it isn't already loaded
      if (base.options.theme != 'default' && !$('link[href*=' + base.options.theme + ']').length){
	$('body').append('<link rel="stylesheet" href="' + base.options.themeDirectory.replace(/\{themeName\}/g, base.options.theme) + '" type="text/css" />');
      }

      // If pauseOnHover then add hover effects
      if (base.options.pauseOnHover) {
	base.$wrapper.hover(function() {
	  if (base.playing) {
	    base.$el.trigger('slideshow_paused', base);
	    base.clearTimer(true);
	  }
	}, function() {
	  if (base.playing) {
	    base.$el.trigger('slideshow_unpaused', base);
	    base.startStop(base.playing, true);
	  }
	});
      }

      // If a hash can not be used to trigger the plugin, then go to start panel
      var startPanel = (base.options.hashTags) ? base.gotoHash() || base.options.startPanel : base.options.startPanel;
      base.setCurrentPage(startPanel, false); // added to trigger events for FX code

      // Hide/Show navigation & play/stop controls
      base.slideControls(false);
      base.$wrapper.hover(function(e){
	base.hovered = (e.type=="mouseenter") ? true : false;
	base.slideControls( base.hovered, false );
      });

      // Add keyboard navigation
      if (base.options.enableKeyboard) {
	$(document).keyup(function(e){
	  if (base.$wrapper.is('.activeSlider')) {
	    switch (e.which) {
	      case 39: // right arrow
		base.goForward();
		break;
	      case 37: //left arrow
		base.goBack();
		break;
	    }
	  }
	});
      }

      // Binds events
      if ($.isFunction(base.options.onShowPause))   {
	base.$el.bind('slideshow_paused', base.options.onShowPause);
      }
      if ($.isFunction(base.options.onShowUnpause)) {
	base.$el.bind('slideshow_unpaused', base.options.onShowUnpause);
      }
      if ($.isFunction(base.options.onSlideInit))   {
	base.$el.bind('slide_init', base.options.onSlideInit);
      }
      if ($.isFunction(base.options.onSlideBegin))  {
	base.$el.bind('slide_begin', base.options.onSlideBegin);
      }
      if ($.isFunction(base.options.onShowStop))    {
	base.$el.bind('slideshow_stop', base.options.onShowStop);
      }
      if ($.isFunction(base.options.onShowStart))   {
	base.$el.bind('slideshow_start', base.options.onShowStart);
      }
      if ($.isFunction(base.options.onInitialized)) {
	base.$el.bind('initialized', base.options.onInitialized);
      }
      if ($.isFunction(base.options.onSlideComplete)){
	// Added setTimeout (zero time) to ensure animation is complete... see this bug report: http://bugs.jquery.com/ticket/7157
	base.$el.bind('slide_complete', function(){
	  setTimeout(function(){
	    base.options.onSlideComplete(base);
	  }, 0);
	});
      }
      base.$el.trigger('initialized', base);

    };

    // called during initialization & to update the slider if a panel is added or deleted
    base.updateSlider = function(){
      // needed for updating the slider
      base.$el.find('li.cloned').remove();
      base.$nav.empty();

      base.$items = base.$el.find('> li'); 
      base.pages = base.$items.length;

      // Set the dimensions of each panel
      if (base.options.resizeContents) {
	if (base.options.width) {
	  base.$wrapper.add(base.$items).css('width', base.options.width);
	}
	if (base.options.height) {
	  base.$wrapper.add(base.$items).css('height', base.options.height);
	}
      }

      // Remove navigation & player if there is only one page
      if (base.pages === 1) {
	base.options.autoPlay = false;
	base.options.buildNavigation = false;
	base.options.buildArrows = false;
	base.$controls.hide();
	base.$nav.hide();
	if (base.$forward) {
	  base.$forward.add(base.$back).hide();
	}
      } else {
	base.options.autoPlay = base.original[0];
	base.options.buildNavigation = base.original[1];
	base.options.buildArrows = base.original[2];
	base.$controls.show();
	base.$nav.show();
	if (base.$forward) {
	  base.$forward.add(base.$back).show();
	}
      }

      // Build navigation tabs
      base.buildNavigation();

      // If autoPlay functionality is included, then initialize the settings
      if (base.options.autoPlay) {
	base.playing = !base.options.startStopped; // Sets the playing variable to false if startStopped is true
	base.buildAutoPlay();
      }

      // Build forwards/backwards buttons
      if (base.options.buildArrows) {
	base.buildNextBackButtons();
      }

      // Top and tail the list with 'visible' number of items, top has the last section, and tail has the first
      // This supports the "infinite" scrolling, also ensures any cloned elements don't duplicate an ID
      base.$el.prepend( base.$items.filter(':last').clone().addClass('cloned').removeAttr('id') );
      base.$el.append( base.$items.filter(':first').clone().addClass('cloned').removeAttr('id') );
      base.$el.find('li.cloned').each(function(){
	// replace <a> with <span> in cloned panels to prevent shifting the panels by tabbing
	$(this).html(function(i,h){
	  return h.replace(/<a/gi, '<span').replace(/\/a>/gi, '/span>');
	});
      });

      // We just added two items, time to re-cache the list, then get the dimensions of each panel
      base.$items = base.$el.find('> li').addClass('panel');
      base.setDimensions();
      if (!base.options.resizeContents) {
	$(window).load(function(){
	  base.setDimensions();
	});
      } // set dimensions after all images load

      if (base.currentPage > base.pages) {
	base.currentPage = base.pages;
	base.setCurrentPage(base.pages, false);
      }
      base.$nav.find('a').eq(base.currentPage - 1).addClass('cur'); // update current selection

      base.hasEmb = !!base.$items.find('embed[src*=youtube]').length; // embedded youtube objects exist in the slider
      base.hasSwfo = (typeof(swfobject) !== 'undefined' && swfobject.hasOwnProperty('embedSWF') && $.isFunction(swfobject.embedSWF)) ? true : false; // is swfobject loaded?

      // Initialize YouTube javascript api, if YouTube video is present
      if (base.hasEmb && base.hasSwfo) {
	base.$items.find('embed[src*=youtube]').each(function(i){
	  // Older IE doesn't have an object - just make sure we are wrapping the correct element
	  var $tar = ($(this).parent()[0].tagName == "OBJECT") ? $(this).parent() : $(this);
	  $tar.wrap('<div id="ytvideo' + i + '"></div>');
	  // use SWFObject if it exists, it replaces the wrapper with the object/embed
	  swfobject.embedSWF($(this).attr('src') + '&enablejsapi=1&version=3&playerapiid=ytvideo' + i, 'ytvideo' + i,
	    $tar.attr('width'), $tar.attr('height'), '10', null, null,
	    {
	      allowScriptAccess: "always", 
	      wmode : base.options.addWmodeToObject
	    }, {
	      'class' : $tar.attr('class'), 
	      'style' : $tar.attr('style')
	    });
	});
      }

      // Fix tabbing through the page
      base.$items.find('a').unbind('focus').bind('focus', function(e){
	base.$items.find('.focusedLink').removeClass('focusedLink');
	$(this).addClass('focusedLink');
	var panel = $(this).closest('.panel');
	if (!panel.is('.activePage')) {
	  base.gotoPage(base.$items.index(panel));
	  e.preventDefault();
	}
      });

    };

    // Creates the numbered navigation links
    base.buildNavigation = function() {

      if (base.options.buildNavigation && (base.pages > 1)) {
	base.$items.filter(':not(.cloned)').each(function(i,el) {
	  var index = i + 1,
	  $a = $("<a href='#'></a>").addClass('panel' + index).wrap("<li />");
	  base.$nav.append($a.parent()); // use $a.parent() so IE will add <li> instead of only the <a> to the <ul>

	  // If a formatter function is present, use it
	  if ($.isFunction(base.options.navigationFormatter)) {
	    var tmp = base.options.navigationFormatter(index, $(this));
	    $a.html(tmp);
	    // Add formatting to title attribute if text is hidden
	    if (parseInt($a.css('text-indent'),10) < 0) {
	      $a.addClass(base.options.tooltipClass).attr('title', tmp);
	    }
	  } else {
	    $a.text(index);
	  }

	  $a.bind(base.options.clickControls, function(e) {
	    if (!base.flag && base.options.enableNavigation) {
	      // prevent running functions twice (once for click, second time for focusin)
	      base.flag = true;
	      setTimeout(function(){
		base.flag = false;
	      }, 100);
	      base.gotoPage(index);
	      if (base.options.hashTags) {
		base.setHash(index);
	      }
	    }
	    e.preventDefault();
	  });
	});
      }
    };

    // Creates the Forward/Backward buttons
    base.buildNextBackButtons = function() {
      if (base.$forward) {
	return;
      }
      base.$forward = $('<span class="arrow forward"><a href="#">' + base.options.forwardText + '</a></span>');
      base.$back = $('<span class="arrow back"><a href="#">' + base.options.backText + '</a></span>');

      // Bind to the forward and back buttons
      base.$back.bind(base.options.clickArrows, function(e) {
	base.goBack();
	e.preventDefault();
      });
      base.$forward.bind(base.options.clickArrows, function(e) {
	base.goForward();
	e.preventDefault();
      });
      // using tab to get to arrow links will show they have focus (outline is disabled in css)
      base.$back.add(base.$forward).find('a').bind('focusin focusout',function(){
	$(this).toggleClass('hover');
      });

      // Append elements to page
      base.$wrapper.prepend(base.$forward).prepend(base.$back);
      base.$arrowWidth = base.$forward.width();
    };

    // Creates the Start/Stop button
    base.buildAutoPlay = function(){
      if (base.$startStop) {
	return;
      }
      base.$startStop = $("<a href='#' class='start-stop'></a>").html(base.playing ? base.options.stopText : base.options.startText);
      base.$controls.prepend(base.$startStop);
      base.$startStop
      .bind(base.options.clickSlideshow, function(e) {
	if (base.options.enablePlay) {
	  base.startStop(!base.playing);
	  if (base.playing) {
	    if (base.options.playRtl) {
	      base.goBack(true);
	    } else {
	      base.goForward(true);
	    }
	  }
	}
	e.preventDefault();
      })
      // show button has focus while tabbing
      .bind('focusin focusout',function(){
	$(this).toggleClass('hover');
      });

      // Use the same setting, but trigger the start;
      base.startStop(base.playing);
    };

    // Set panel dimensions to either resize content or adjust panel to content
    base.setDimensions = function(){
      var w, h, c, cw, dw, leftEdge = 0, bww = base.$window.width(), winw = $(window).width();
      base.$items.each(function(i){
	c = $(this).children('*');
	if (base.options.resizeContents){
	  // get viewport width & height from options (if set), or css
	  w = parseInt(base.options.width,10) || bww;
	  h = parseInt(base.options.height,10) || base.$window.height();
	  // resize panel
	  $(this).css({
	    width: w, 
	    height: h
	  });
	  // resize panel contents, if solitary (wrapped content or solitary image)
	  if (c.length == 1){
	    c.css({
	      width: '100%', 
	      height: '100%'
	    });
	    if (c[0].tagName == "OBJECT") {
	      c.find('embed').andSelf().attr({
		width: '100%', 
		height: '100%'
	      });
	    }
	  }
	} else {
	  // get panel width & height and save it
	  w = $(this).width(); // if not defined, it will return the width of the ul parent
	  dw = (w >= winw) ? true : false; // width defined from css?
	  if (c.length == 1 && dw){
	    cw = (c.width() >= winw) ? bww : c.width(); // get width of solitary child
	    $(this).css('width', cw); // set width of panel
	    c.css('max-width', cw);   // set max width for all children
	    w = cw;
	  }
	  w = (dw) ? base.options.width || bww : w;
	  $(this).css('width', w);
	  h = $(this).outerHeight(); // get height after setting width
	  $(this).css('height', h);
	}
	base.panelSize[i] = [w,h,leftEdge];
	leftEdge += w;
      });
      // Set total width of slider, but don't go beyond the set max overall width (limited by Opera)
      base.$el.css('width', (leftEdge < base.options.maxOverallWidth) ? leftEdge : base.options.maxOverallWidth);
    };

    base.gotoPage = function(page, autoplay) {
      if (base.pages === 1) {
	return;
      }
      base.$lastPage = base.$items.eq(base.currentPage);
      if (typeof(page) === "undefined" || page === null) {
	page = base.options.startPage;
	base.setCurrentPage(base.options.startPage);
      }

      // pause YouTube videos before scrolling or prevent change if playing
      if (base.hasEmb && base.checkVideo(base.playing)) {
	return;
      }

      if (page > base.pages + 1) {
	page = base.pages;
      }
      if (page < 0 ) {
	page = 1;
      }
      base.$currentPage = base.$items.eq(page);
      base.currentPage = page; // ensure that event has correct target page
      base.$el.trigger('slide_init', base);

      base.slideControls(true, false);

      // When autoplay isn't passed, we stop the timer
      if (autoplay !== true) {
	autoplay = false;
      }
      // Stop the slider when we reach the last page, if the option stopAtEnd is set to true
      if (!autoplay || (base.options.stopAtEnd && page == base.pages)) {
	base.startStop(false);
      }

      base.$el.trigger('slide_begin', base);

      // resize slider if content size varies
      if (!base.options.resizeContents) {
	// animating the wrapper resize before the window prevents flickering in Firefox
	base.$wrapper.filter(':not(:animated)').animate(
	{
	  width: base.panelSize[page][0], 
	  height: base.panelSize[page][1]
	},
	{
	  queue: false, 
	  duration: base.options.animationTime, 
	  easing: base.options.easing
	}
	);
      }
      // Animate Slider
      base.$window.filter(':not(:animated)').animate(
      {
	scrollLeft : base.panelSize[page][2]
      },
      {
	queue: false, 
	duration: base.options.animationTime, 
	easing: base.options.easing, 
	complete: function(){
	  base.endAnimation(page, autoplay);
	}
      }
      );
    };

    base.endAnimation = function(page, autoplay){
      if (page === 0) {
	base.$window.scrollLeft(base.panelSize[base.pages][2]);
	page = base.pages;
      } else if (page > base.pages) {
	// reset back to start position
	base.$window.scrollLeft(base.panelSize[1][2]);
	page = 1;
      }
      base.setCurrentPage(page, false);
      // Add active panel class
      base.$items.removeClass('activePage').eq(page).addClass('activePage');

      if (!base.hovered) {
	base.slideControls(false);
      }

      // continue YouTube video if in current panel
      if (base.hasEmb){
	var emb = base.$currentPage.find('object[id*=ytvideo], embed[id*=ytvideo]');
	// player states: unstarted (-1), ended (0), playing (1), paused (2), buffering (3), video cued (5).
	if (emb.length && $.isFunction(emb[0].getPlayerState) && emb[0].getPlayerState() > 0 && emb[0].getPlayerState() != 5) {
	  emb[0].playVideo();
	}
      }

      base.$el.trigger('slide_complete', base);
      // Continue slideshow after a delay
      if (base.options.autoPlayLocked && !autoplay) {
	base.startStop(false);
	setTimeout(function(){
	  if (base.options.playRtl) {
	    base.goBack(true);
	  } else {
	    base.goForward(true);
	  }
	}, base.options.resumeDelay);
      }
    };

    base.setCurrentPage = function(page, move) {
      if (page > base.pages + 1) {
	page = base.pages;
      }
      if (page < 0 ) {
	page = 1;
      }

      // Set visual
      if (base.options.buildNavigation){
	base.$nav.find('.cur').removeClass('cur');
	base.$nav.find('a').eq(page - 1).addClass('cur');
      }

      // Only change left if move does not equal false
      if (!move) {
	base.$wrapper.css({
	  width: base.panelSize[page][0],
	  height: base.panelSize[page][1]
	});
	base.$wrapper.scrollLeft(0); // reset in case tabbing changed this scrollLeft
	base.$window.scrollLeft( base.panelSize[page][2] );
      }
      // Update local variable
      base.currentPage = page;

      // Set current slider as active so keyboard navigation works properly
      if (!base.$wrapper.is('.activeSlider')){
	$('.activeSlider').removeClass('activeSlider');
	base.$wrapper.addClass('activeSlider');
      }
    };

    base.goForward = function(autoplay) {
      if (autoplay !== true) {
	autoplay = false;
	base.startStop(false);
      }
      base.gotoPage(base.currentPage + 1, autoplay);
    };

    base.goBack = function(autoplay) {
      if (autoplay !== true) {
	autoplay = false;
	base.startStop(false);
      }
      base.gotoPage(base.currentPage - 1, autoplay);
    };

    // This method tries to find a hash that matches panel-X
    // If found, it tries to find a matching item
    // If that is found as well, then that item starts visible
    base.gotoHash = function(){
      var n = window.location.hash.match(base.regex);
      return (n===null) ? '' : parseInt(n[1],10);
    };

    base.setHash = function(n){
      var s = 'panel' + base.runTimes + '-',
      h = window.location.hash;
      if ( typeof h !== 'undefined' ) {
	window.location.hash = (h.indexOf(s) > 0) ? h.replace(base.regex, s + n) : h + "&" + s + n;
      }
    };

    // Slide controls (nav and play/stop button up or down)
    base.slideControls = function(toggle, playing){
      var dir = (toggle) ? 'slideDown' : 'slideUp',
      t1 = (toggle) ? 0 : base.options.animationTime,
      t2 = (toggle) ? base.options.animationTime: 0,
      sign = (toggle) ? 0 : 1; // 0 = visible, 1 = hidden
      if (base.options.toggleControls) {
	base.$controls.stop(true,true).delay(t1)[dir](base.options.animationTime/2).delay(t2); 
      }
      if (base.options.buildArrows && base.options.toggleArrows) {
	if (!base.hovered && base.playing) {
	  sign = 1;
	}
	base.$forward.stop(true,true).delay(t1).animate({
	  right: sign * base.$arrowWidth, 
	  opacity: t2
	}, base.options.animationTime/2);
	base.$back.stop(true,true).delay(t1).animate({
	  left: sign * base.$arrowWidth, 
	  opacity: t2
	}, base.options.animationTime/2);
      }
    };

    base.clearTimer = function(paused){
      // Clear the timer only if it is set
      if (base.timer) { 
	window.clearInterval(base.timer); 
	if (!paused) {
	  base.$el.trigger('slideshow_stop', base); 
	}
      }
    };

    // Handles stopping and playing the slideshow
    // Pass startStop(false) to stop and startStop(true) to play
    base.startStop = function(playing, paused) {
      if (playing !== true) {
	playing = false;
      } // Default if not supplied is false

      if (playing && !paused) {
	base.$el.trigger('slideshow_start', base);
      }

      // Update variable
      base.playing = playing;

      // Toggle playing and text
      if (base.options.autoPlay) {
	base.$startStop.toggleClass('playing', playing).html( playing ? base.options.stopText : base.options.startText );
	// add button text to title attribute if it is hidden by text-indent
	if (parseInt(base.$startStop.css('text-indent'),10) < 0) {
	  base.$startStop.addClass(base.options.tooltipClass).attr('title', playing ? 'Stop' : 'Start');
	}
      }

      if (playing){
	base.clearTimer(true); // Just in case this was triggered twice in a row
	base.timer = window.setInterval(function() {
	  // prevent autoplay if video is playing
	  if (!(base.hasEmb && base.checkVideo(playing))) {
	    if (base.options.playRtl) {
	      base.goBack(true);
	    } else {
	      base.goForward(true);
	    }
	  }
	}, base.options.delay);
      } else {
	base.clearTimer();
      }
    };

    base.checkVideo = function(playing){
      // pause YouTube videos before scrolling?
      var emb, ps, stopAdvance = false;
      base.$items.find('object[id*=ytvideo], embed[id*=ytvideo]').each(function(){ // include embed for IE; if not using SWFObject, old detach/append code needs "object embed" here
	emb = $(this);
	if (emb.length && $.isFunction(emb[0].getPlayerState)) {
	  // player states: unstarted (-1), ended (0), playing (1), paused (2), buffering (3), video cued (5).
	  ps = emb[0].getPlayerState();
	  // if autoplay, video playing, video is in current panel and resume option are true, then don't advance
	  if (playing && (ps == 1 || ps > 2) && base.$items.index(emb.closest('li.panel')) == base.currentPage && base.options.resumeOnVideoEnd) {
	    stopAdvance = true;
	  } else {
	    // pause video if not autoplaying (if already initialized)
	    if (ps > 0) {
	      emb[0].pauseVideo();
	    }
	  }
	}
      });
      return stopAdvance;
    };

    // Trigger the initialization
    base.init();
  };

  $.anythingSlider.defaults = {
    // Appearance
    width               : null,      // Override the default CSS width
    height              : null,      // Override the default CSS height
    resizeContents      : true,      // If true, solitary images/objects in the panel will expand to fit the viewport
    tooltipClass        : 'tooltip', // Class added to navigation & start/stop button (text copied to title if it is hidden by a negative text indent)
    theme               : 'default', // Theme name
    themeDirectory      : 'css/theme-{themeName}.css', // Theme directory & filename {themeName} is replaced by the theme value above

    // Navigation
    startPanel          : 1,         // This sets the initial panel
    hashTags            : true,      // Should links change the hashtag in the URL?
    enableKeyboard      : true,      // if false, keyboard arrow keys will not work for the current panel.
    buildArrows         : true,      // If true, builds the forwards and backwards buttons
    toggleArrows        : false,     // If true, side navigation arrows will slide out on hovering & hide @ other times
    buildNavigation     : true,      // If true, builds a list of anchor links to link to each panel
    enableNavigation    : true,      // if false, navigation links will still be visible, but not clickable.
    toggleControls      : false,     // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times
    appendControlsTo    : null,      // A HTML element (jQuery Object, selector or HTMLNode) to which the controls will be appended if not null
    navigationFormatter : null,      // Details at the top of the file on this use (advanced use)
    forwardText         : "&raquo;", // Link text used to move the slider forward (hidden by CSS, replaced with arrow image)
    backText            : "&laquo;", // Link text used to move the slider back (hidden by CSS, replace with arrow image)

    // Slideshow options
    enablePlay          : true,      // if false, the play/stop button will still be visible, but not clickable.
    autoPlay            : true,      // This turns off the entire slideshow FUNCTIONALY, not just if it starts running or not
    autoPlayLocked      : false,     // If true, user changing slides will not stop the slideshow
    startStopped        : false,     // If autoPlay is on, this can force it to start stopped
    pauseOnHover        : true,      // If true & the slideshow is active, the slideshow will pause on hover
    resumeOnVideoEnd    : true,      // If true & the slideshow is active & a youtube video is playing, it will pause the autoplay until the video is complete
    stopAtEnd           : false,     // If true & the slideshow is active, the slideshow will stop on the last page
    playRtl             : false,     // If true, the slideshow will move right-to-left
    startText           : "Start",   // Start button text
    stopText            : "Stop",    // Stop button text
    delay               : 3000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
    resumeDelay         : 15000,     // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
    animationTime       : 600,       // How long the slideshow transition takes (in milliseconds)
    easing              : "swing",   // Anything other than "linear" or "swing" requires the easing plugin

    // Callbacks
    onBeforeInitialize  : null,      // Callback before the plugin initializes
    onInitialized       : null,      // Callback when the plugin finished initializing
    onShowStart         : null,      // Callback on slideshow start
    onShowStop          : null,      // Callback after slideshow stops
    onShowPause         : null,      // Callback when slideshow pauses
    onShowUnpause       : null,      // Callback when slideshow unpauses - may not trigger properly if user clicks on any controls
    onSlideInit         : null,      // Callback when slide initiates, before control animation
    onSlideBegin        : null,      // Callback before slide animates
    onSlideComplete     : null,      // Callback when slide completes

    // Interactivity
    clickArrows         : "click",         // Event used to activate arrow functionality (e.g. "click" or "mouseenter")
    clickControls       : "click focusin", // Events used to activate navigation control functionality
    clickSlideshow      : "click",         // Event used to activate slideshow play/stop button

    // Misc options
    addWmodeToObject    : "opaque", // If your slider has an embedded object, the script will automatically add a wmode parameter with this setting
    maxOverallWidth     : 32766     // Max width (in pixels) of combined sliders (side-to-side); set to 32766 to prevent problems with Opera
  };

  $.fn.anythingSlider = function(options) {

    return this.each(function(i){
      var anySlide = $(this).data('AnythingSlider');

      // initialize the slider but prevent multiple initializations
      if ((typeof(options)).match('object|undefined')){
	if (!anySlide) {
	  (new $.anythingSlider(this, options));
	} else {
	  anySlide.updateSlider();
	}
      // If options is a number, process as an external link to page #: $(element).anythingSlider(#)
      } else if (/\d/.test(options) && !isNaN(options) && anySlide) {
	var page = (typeof(options) == "number") ? options : parseInt($.trim(options),10); // accepts "  2  "
	// ignore out of bound pages
	if ( page >= 1 && page <= anySlide.pages ) {
	  anySlide.gotoPage(page);
	}
      }
    });
  };

})(jQuery);



$(function () {
  $('#slider1').anythingSlider({
    startStopped    : true, // If autoPlay is on, this can force it to start stopped
    width           : 700,  // Override the default CSS width
    height          : 110,  // Override the default CSS width
				

    // Navigation
    startPanel          : 1,         // This sets the initial panel
    hashTags            : false,      // Should links change the hashtag in the URL?
    buildArrows         : true,      // If true, builds the forwards and backwards buttons
    toggleArrows        : false,     // if true, side navigation arrows will slide out on hovering & hide @ other times
    buildNavigation     : true,      // If true, builds a list of anchor links to link to each panel
    toggleControls      : false,     // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times
    navigationFormatter : null,      // Details at the top of the file on this use (advanced use)
    forwardText         : "&raquo;", // Link text used to move the slider forward (hidden by CSS, replaced with arrow image)
    backText            : "&laquo;", // Link text used to move the slider back (hidden by CSS, replace with arrow image)
				
    autoPlay            : true,      // This turns off the entire slideshow FUNCTIONALY, not just if it starts running or not
    pauseOnHover        : true,      // If true & the slideshow is active, the slideshow will pause on hover
    resumeOnVideoEnd    : true,      // If true & the slideshow is active & a youtube video is playing, it will pause the autoplay until the video has completed
    stopAtEnd           : false,     // If true & the slideshow is active, the slideshow will stop on the last page
    playRtl             : false,     // If true, the slideshow will move right-to-left
    startText           : false,   // Start button text
    stopText            : false,    // Stop button text
    delay               : 5000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
    animationTime       : 600,       // How long the slideshow transition takes (in milliseconds)
    easing              : "swing",   // Anything other than "linear" or "swing" requires the easing plugin

    onSlideComplete : function(slider){
    // alert('Welcome to Slide #' + slider.currentPage);
    }
  });
});


$(function () {
  $('#sliderCat').anythingSlider({
    startStopped    : false, // If autoPlay is on, this can force it to start stopped
    width           : 750,  // Override the default CSS width
    height          : 910,  // Override the default CSS width

    // Navigation
    startPanel          : 1,         // This sets the initial panel
    hashTags            : false,      // Should links change the hashtag in the URL?
    buildArrows         : false,      // If true, builds the forwards and backwards buttons
    toggleArrows        : false,     // if true, side navigation arrows will slide out on hovering & hide @ other times
    buildNavigation     : true,      // If true, builds a list of anchor links to link to each panel
    toggleControls      : false,     // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times
    //navigationFormatter : null,      // Details at the top of the file on this use (advanced use)
    forwardText         : "&raquo;", // Link text used to move the slider forward (hidden by CSS, replaced with arrow image)
    backText            : "&laquo;", // Link text used to move the slider back (hidden by CSS, replace with arrow image)
			
    autoPlay            : true,      // This turns off the entire slideshow FUNCTIONALY, not just if it starts running or not
    pauseOnHover        : true,      // If true & the slideshow is active, the slideshow will pause on hover
    resumeOnVideoEnd    : true,      // If true & the slideshow is active & a youtube video is playing, it will pause the autoplay until the video has completed
    stopAtEnd           : false,     // If true & the slideshow is active, the slideshow will stop on the last page
    playRtl             : false,     // If true, the slideshow will move right-to-left
    startText           : false,   // Start button text
    stopText            : false,    // Stop button text
    delay               : 5000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
    animationTime       : 600,       // How long the slideshow transition takes (in milliseconds)
    easing              : "swing",   // Anything other than "linear" or "swing" requires the easing plugin
    appendControlsTo    : "#appendC"

  
  });
});