$(document).ready(function() {
    
    var slideShowHeight = $(".slideshow").height();
    var slideShowWidth = $(".slideshow").width();

	image_holder = new Image();
		image_holder.onload = function(){
		var slidesNum = $('.slide').length;
		if (slidesNum == '1'){
	
		var $firstSlide = $('.slide img:first');
		var wfirst = $firstSlide.outerWidth();
		var hfirst = $firstSlide.outerHeight();
			
		$firstSlide.css({
			marginTop: (slideShowHeight - hfirst) / 2,
			marginLeft: (slideShowWidth - wfirst) / 2 
		});	
		}
		
		
function onBefore(curr,next,opts) {
	
		var $slide = $(next);
		var w = $slide.outerWidth();
				//alert(w);
		var h = $slide.outerHeight();
		$slide.css({
			marginTop: (slideShowHeight - h) / 2,
			marginLeft: (slideShowWidth - w) / 2
		});
	};
	$('.slideshow').cycle({ 
 	   fx:     'fade', 
 	   speed:  1000, 
 	   timeout: 8000, 
	    pager:  '#slideshow-nav', 
		prev:    '#prev',
	    next:    '#next',
		before: onBefore,
		pagerAnchorBuilder: function(idx, slide) { 
  	      return '<a href="#"></a>'; 
    	}
	});
		
//Center the sideshow nav
		var slideNav = $('#slideshow-nav a').length;
		var navWidth =  (30 * slideNav);
		//alert (slideNav);
		$('#slideshow-nav').css({
			marginLeft: (slideShowWidth - navWidth) / 2
		}); 

		
			image_holder.onload = function(){};
		};
		image_holder.src = $('.slide img:first').attr("src");
});