// JavaScript Document

$(document).ready(init);

function init() {
	$("#yir2008").before('<div id="yir_nav_controls"><a id=\'yir_prev\' href=\'#\'>prev</a><a id=\'yir_pause\' href=\'#\'>pause</a><a id=\'yir_next\' href=\'#\'>next</a></div><div id="yir_nav">').cycle({ 
    fx:     'scrollUp', 
    speed:  'slow', 
    timeout: 7000,
    pager:  '#yir_nav',
	next: '#yir_next',
	prev: '#yir_prev',
	pause: 1,
	pauseOnPagerHover: 1
});
	
	$("#yir2008").css('z-index', '0');
	
	$("#yir_nav_controls a#yir_pause").toggle(yir2008_pause, yir2008_resume);
}

function yir2008_pause () {
	$("#yir2008").cycle('pause');
	$("#yir_pause").fadeOut("normal", function () { $("#yir_pause").html('resume'); } );
	$("#yir_pause").fadeIn();
}

function yir2008_resume () {
	$("#yir2008").cycle('resume');
	$("#yir_pause").fadeOut("normal", function () { $("#yir_pause").html('pause'); });
	$("#yir_pause").fadeIn();
}