var $j = jQuery.noConflict();
	var cur=0;
        var numberOfPhotos;
	function rotatePics(currentPhoto, newPhoto) {
		 currentPhoto = currentPhoto % numberOfPhotos;
		 newPhoto = newPhoto % numberOfPhotos;
		 cur=newPhoto;
                 $j('#portfolio .slide').eq(newPhoto).stop(true,true).fadeIn(2000);
		 $j('#portfolio .slide').eq(currentPhoto).stop(true,true).fadeOut(2000, function() {
		 // re-order the z-index begin
		 $j('#portfolio .slide').each(function(i) {
			 $j(this).css (
			'zIndex', ((numberOfPhotos -i ) + newPhoto - 1) % numberOfPhotos
			 );
		 });
		 //re-order the z-index end
                 setTimeout(function() {rotatePics(cur, ++cur);}, 5000);
		 });
} 
    $j(document).ready(function(){
        numberOfPhotos = $j('#portfolio .slide').length;
        $j('.slide').hide();
        $j('#portfolio .slide:first').show();
        setTimeout(function() {rotatePics(0, 1);}, 5000);
        });