$(document).ready(function(){
	/*** global readmore reset - global so we can call it from ajax scripts, etc ***/
	resetReadmore = function() {
	    
	    $(".hide").hide();
	    
	    $(".read-more").each(function(i){
		    $(this).append(' <a class="more" style="cursor: pointer;">Read more &raquo;</a>');
		    var index = i; 
		    $(this).bind('moreClicked', function(){
			    $(".hide-"+index).slideToggle();
			});
		});
	    
	}
	
	resetReadmore();
		

	$("a.more").live('click', function(){
		$(this).trigger('moreClicked');
		
		if($(this).hasClass('less')){
		    $(this).html('Read more &raquo;').removeClass('less');
		}
		else {
		    $(this).html('&laquo; Read less').addClass('less');
		}
	    });
    });