/*
MUA homepage scripts
*/

// Add the 'scrollHorz' transition 
// (fade is too chunky / CPU intensive in this case)
jQuery.fn.cycle.transitions.scrollHorz = function($cont, $slides, opts) {
    $cont.css('overflow','hidden').width();
//    $slides.show();
    opts.before.push(function(curr, next, opts, fwd) {
        jQuery(this).show();
        var currW = curr.offsetWidth, nextW = next.offsetWidth;
        opts.cssBefore = fwd ? { left: nextW } : { left: -nextW };
        opts.animIn.left = 0;
        opts.animOut.left = fwd ? -currW : currW;
        $slides.not(curr).css(opts.cssBefore);
    });
    opts.cssFirst = { left: 0 };
    opts.cssAfter = { display: 'none' }
};

// Homepage feature cycler (incl paginator)
$('#feature').cycle({
	fx: 'scrollHorz',
	speed: 0,
	pager: '#pager', 
	timeout: 10000,
	after: function() { 
		//$('.feature-video object, .feature-video embed').hide();
		//$('.feature-video object, .feature-video embed', this).show();
	}
});

function pauseResume(state) {
  if (state == 1 || state == 3) {
    $('#feature').cycle('pause');
  } else if (state == 0 || state == 2) {
    $('#feature').cycle('resume');
  }
}

function onYouTubePlayerReady(id) {
  var p = document.getElementById(id);
  p.addEventListener('onStateChange', 'pauseResume');
}

// Add shims under cycler page numbers for translucent fill
$('#pager a').each(function() {
	$('#pager-shims').append('<span>&nbsp;</span>');
});

// Make all feature items visible AFTER the cycler is setup
$('.feature-item').css('visibility', 'visible');