$(document).ready(function() {

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

// home top stage
    $('#slideHome').cycle({
        fx: 'fade',
		timeout: 12000,
		speed: 800,
        pager: '.slideNav .slideLink',
        pagerAnchorBuilder: function(idx, slide) {
            idxNUM = idx + 1;
            return '<li><a class="slideLinkOff png_bg" href="#">' + idxNUM + '| </a></li>';
        }
    });

	$('#slideHomeStage .slideLink .slideLinkOff').click(function(){
		$('#slideHome').cycle('pause');
	});
});