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