Hey all, I'm definitely new to jQuery and so bare with me, this may be something simple. I'm using a jQuery plugin called Jcoverflip, it's a carousel. Basically what my issue is that after the page loads, I'm changing the contents of the carousel via the HTML and need a way to reload jcoverflip. Here is the code that activate jcoverflip. How would I go about either reloading it or clearing it and reinitializing it? Could I take the code out of the document.ready and create a function and then just call that function instead of having all the code in the actual document.ready?

Code:
jQuery.noConflict();
	
    jQuery(document).ready( function (){
    	
        jQuery( '#flip' ).jcoverflip({
          current: 0,
          beforeCss: function( el, container, offset ){
          el.css('zIndex', '80')
          el.css('opacity', '.7')
		  el.find('img.shdw').css('display', '')          
            return [
              jQuery.jcoverflip.animationElement( el, { left: ( container.width( )/2 - 320 - 270*offset + 60*offset )+'px', bottom: '60px' }, { } ),
              jQuery.jcoverflip.animationElement( el.find( 'img.screen' ), { width: '200px' }, {} )
            ];
          },
          afterCss: function( el, container, offset ){
          el.css('zIndex', '80')
          el.css('opacity', '.7')		          
		  el.find('img.shdw').css('display', '')
  
            return [
              jQuery.jcoverflip.animationElement( el, { left: ( container.width( )/2 + 180 + 210*offset )+'px', bottom: '60px' }, { } ),
              jQuery.jcoverflip.animationElement( el.find( 'img.screen' ), { width: '200px' }, {} )
            ];
          },
          currentCss: function( el, container ){
          el.css('zIndex', '100')
          el.css('opacity', '1')		          
		  el.find('img.shdw').css('display', 'none')   		         
            return [
              jQuery.jcoverflip.animationElement( el, { left: ( container.width( )/2 - 200 )+'px', bottom: 0 }, { } ),
              jQuery.jcoverflip.animationElement( el.find( 'img.screen' ), { width: '400px' }, { } )
            ];
          },
          change: function(event, ui){
            jQuery('#scrollbar').slider('value', ui.to*4);
          }
        });
        
        jQuery('#scrollbar').slider({
          value: 0,
          stop: function(event, ui) {
            if(event.originalEvent) {
              var newVal = Math.round(ui.value/4);
              jQuery( '#flip' ).jcoverflip( 'current', newVal );
              jQuery('#scrollbar').slider('value', newVal*4);
            }
          }
        });
      });