//##############################################################################
//##  DOM																	  ##
//##############################################################################

/*###########################################
##  Content Sliders						   ##
###########################################*/
/* Options */
var __global_sliderObject = '.slides';
var __global_pagerObject = '#slidePages';
var __global_captionObject = '#slideCaption';

/* Controls */
$(function() {
  if ($(__global_sliderObject).exists()) { //main promotion slider
    $(__global_sliderObject)
      .cycle({ 
        fx:		'fade', 
        timeout:	6000, //how long to wait between slides
				speed:	600, //how long transition takes
				pause:	1, //stop on mouseover
        pager:	__global_pagerObject,
        before: clearCaption,
        after: changeCaption
    });
  }
  //create automatic thumbnails
  $(this).createPoints();
});
/* Points */
$.fn.createPoints = function() { 
  var pages = $(__global_pagerObject).children('a').get(); //read pagination
  $.each(pages, function(){ $(this).html('•'); });
};
/* Before */
function clearCaption() {
  if ($(__global_captionObject).exists()) {
    $(__global_captionObject).find("div").removeClass('topLeft topRight bottomLeft bottomRight');
    $(__global_captionObject).html('').fadeOut();
  }
}
/* After */
function changeCaption() {
  if ($(__global_captionObject).exists()) {
    var altSrc = $(this).find("img").attr('alt');
    var placeholder = $(this).attr('class');
    var placement = (placeholder)?placeholder:'bottomRight';
    $(__global_captionObject).html('<div>'+altSrc+'</div>').fadeIn(); //caption
    $(__global_captionObject).find("div").addClass(placement); //placement
  }
}
//##############################################################################
//##############################################################################


//##############################################################################
//##############################################################################
//##  Globals																  ##
//##############################################################################
jQuery.fn.exists = function(){return jQuery(this).length>0;}
//##############################################################################
//##############################################################################