$(function() {
	$('#headerimgs').cycle({
        fx:     'fade',
        speed:  1000,
        timeout: 4000,
        pager:  '#image_nav',
		slideExpr: 'div.headerimg',
		containerResize: 0,
		manualTrump:   true,
		before: onBefore
	});
	function onBefore() { 
		var rel = $(this).attr('rel');
		var title = $(this).attr('title');
		$('#image_title').hide().html('<span class="name">'+ rel +'</span>&nbsp;&nbsp;&nbsp;<span class="product">'+ title +'</span>').fadeIn(1000).delay(2500).fadeOut(500);
	} 
});