$.fn.cycle.defaults.speed   = 900;
$.fn.cycle.defaults.timeout = 9000;

$(document).ready(function(){
	 
	$(function() {
    // run the code in the markup!
    $('#slidePro').after('<div id="prom_nav">').cycle({
			    fx:     'scrollRight',
			    speed:  600, 
				startingSlide: 2,
				timeout: 4000,
				pager:  '#prom_nav',
				delay:  -4000
		});
	});
	
	$('#slidePro').show();
	
	$('.prom_image').each(function() {
		var thisWidth  = parseInt($(this).attr('width'));
		
		$(this).css({left: '50%', marginLeft: - thisWidth/2});
	}); 

	$('.product_image2').each(function() {
		var thisWidth  = parseInt($(this).attr('width'));
		var thisHeight = parseInt($(this).attr('height'));
		
		$(this).css({left: '50%', marginLeft: -thisWidth/2});
		$(this).css({top: '50%',  marginTop : -thisHeight/2}); 
		$(this).hide();
		$(this).fadeIn(1000);
	}); 
});