jQuery(document).ready(function() {

    $('.headerPhotosBox1 .stgslide').cycle({
        fx: 'fade',
	timeout: 8000,
	speed: 2000,
	delay: 0
    });
    $('.headerPhotosBox2 .stgslide').cycle({
        fx: 'fade',
	timeout: 8000,
	speed: 2000,
	delay: 2500
    });
    $('.headerPhotosBox3 .stgslide').cycle({
        fx: 'fade',
	timeout: 8000,
	speed: 2000,
	delay: 5000
    });

    $('.eventCycle .stgslide').cycle({
        fx: 'fade',
	timeout: 4000,
	speed: 1000,
        prev:    '#prev',
        next:    '#next',
        before: onBefore,
        pauseOnPagerHover: true,
        pager: '.stgbtnwrpr .stgbtngrp',
        pagerAnchorBuilder: function(idx, slide) {
            idxNUM = idx + 1;
            return '<span class="stgbtnoff">' + idxNUM + '</span>';
        }
    });

	$('.eventCycle .stgbtngrp .stgbtnoff').click(function(){
		$('.eventCycle .stgslide').cycle('pause');
	});

});

$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
    $(pager).find('span').removeClass('stgbtnon')
        .filter('span:eq(' + currSlideIndex + ')').addClass('stgbtnon');
};


function onBefore() {
	$('.stghrimg').html($('.stgslideheading', this).html());
	$('.stghrtxt').html($('.stgslidecontent', this).html());
	$('.stgcredit').html($('.stgslidecredit', this).html());
}

