/* Initialise on document ready */
$(document).ready( function(){
/* Cycle */
$('#cycle').cycle({
fx: 'scrollUp',
speed: 1500,
timeout: 4000,
next: '#next',
prev: '#prev',
after: onAfter
});
/* Rollovers */
PEPS.rollover.init();
});
/* Cycle */
function onAfter() {
$('#cycleOutput').html('' + this.title + '
' + this.alt);
}
/* Rollovers */
PEPS = {};
PEPS.rollover = {
init: function(){
this.preload();
$(".roll").hover(
function () { $(this).attr( 'src', PEPS.rollover.newimage($(this).attr('src')) ); },
function () { $(this).attr( 'src', PEPS.rollover.oldimage($(this).attr('src')) ); }
);
},
preload: function(){
$(window).bind('load', function() {
$('.roll').each( function( key, elm ) { $('![]()
').attr( 'src', PEPS.rollover.newimage( $(this).attr('src') ) ); });
});
},
newimage: function( src ){
return src.substring( 0, src.search(/(\.[a-z]+)$/) ) + '-over' + src.match(/(\.[a-z]+)$/)[0];
},
oldimage: function( src ){
return src.replace(/-over\./, '.');
}
};
document.write('');