(function($) { 


$.fn.textSlide = function(options) {
   
	var settings = jQuery.extend({
	    moreImageButton		: '', // image used for more button
	    moreTextButton		: '', // text used for more button
	    moreTextLink		: 'test', // text used for more button
	    moreAlt				: 'Read more' // alt text
	  }, options);

	
	this.each(function(index, element){

		// make sure that block are not visible
		jQuery( element ).css( "display", "none" );
	
		// give it an unique id
		jQuery( element ).attr( "id", "slideOut_" + index )

		// generate open button/link
		var opener = '';	
		if( settings.moreImageButton != '' )
			opener = "<img class='slideOutButton' id='slideButton_" + index + "' src='" + settings.moreImageButton + "' alt='" + settings.moreAlt + "' />"
		else if( settings.moreTextButton != '' )
			opener = "<button class='slideOutButton' id='slideButton_" + index + "' alt='" + settings.moreAlt + "' >" + settings.moreTextButton + "</button>"
		else if( settings.moreTextLink != '' )
			opener = "<a class='slideOutButton' id='slideButton_" + index + "' href='#' alt='" + settings.moreAlt + "' >" + settings.moreTextLink + "</a>"
			
		// insert open button/link before the hidden text
		jQuery( opener ).insertBefore( element );

	
	});
	
	// make al generated buttons clickable
	jQuery( ".slideOutButton" ).click( function(){
		
		ID = jQuery( this ).attr( "id" );
		ID = ID.replace("slideButton_", "");
			
		jQuery( "#slideOut_" + ID ).stop(true, true).slideToggle( "slow" );
		
		
		return false;
		
	});

};
 
})(jQuery);