// Gallery settings
var numVisiblePagerItems = 1;
var fadeSpeed = 200;
var autoScrollSpeed = 0; // set to 0 to disable auto-scrolling
var doNotLoop = 1; // set to 0 to enable gallery looping

// Template settings
var tplZoomImageContainer_div_id = 'pagi_content';
var tplZoomImageNext_div_id = 'next_';
var tplZoomImagePrev_div_id = 'prev_';
var tplImageLoop_div_class = 'maincontent';
var tplPagerContainer_div_id = 'mycarousel';
var tplPager_ul_id = 'text_pager';
var tplPagerNext_a_id = 'next';
var tplPagerPrev_a_id = 'prev';


////// DO NOT EDIT BELOW THIS LINE //////

// Globals
$j=jQuery.noConflict();
var firstPagerItem;
var lastPagerItem;

// Ride the cycle carousel...
$j(document).ready(function () {
  $j('#' + tplZoomImageContainer_div_id).cycle({ 
    fx:					'fade', 
    timeout:  	autoScrollSpeed, 
    speed:			fadeSpeed,
    nowrap:			doNotLoop,
		next: 			'#' + tplZoomImageNext_div_id,
		prev: 			'#' + tplZoomImagePrev_div_id,
		slideExpr:	'.' + tplImageLoop_div_class, 
		pager:    	'#' + tplPager_ul_id,
		prevNextClick: function (isNext, zeroBasedSlideIndex, slideElement) {
			if (isNext) {
				if (zeroBasedSlideIndex >= lastPagerItem)
					$j('#' + tplPagerNext_a_id).click();
			}
			else {
				if (zeroBasedSlideIndex + 1 < firstPagerItem)
					$j('#' + tplPagerPrev_a_id).click();
			}
		},
    pagerAnchorBuilder: function (idx, slide) { 
			itemNum = idx + 1;
      return '<li><a href="#">' + itemNum + '</a></li>';
    }
	});

	$j('#' + tplPagerContainer_div_id).jcarousel({
		  scroll: numVisiblePagerItems,
		  initCallback: mycarousel_initCallback,
		  itemLoadCallback: mycarousel_itemLoadCallback,
		  buttonNextHTML: null,
		  buttonPrevHTML: null
	});
});

// Callback functions
function mycarousel_initCallback(carousel) {
  $j('#' + tplPagerNext_a_id).bind('click', function() {
      carousel.next();
      return false;
  });

  $j('#' + tplPagerPrev_a_id).bind('click', function() {
      carousel.prev();
      return false;
  });
};

function mycarousel_itemLoadCallback(carousel, control, flag) {
	firstPagerItem = carousel.first;
	lastPagerItem = carousel.last;
};