$(document).ready(function(){
    $(".hide").hide();

    $("p.read-more").each(function(i){
	$(this).append(' <a class="more" style="cursor: pointer;">Read more &raquo;</a>');
	var index = i; 
	$(this).bind('moreClicked', function(){
	//    $(this).children('a.more').remove();
	    $("p.hide-"+index).slideToggle(); //.last().append(' <a class="more" style="cursor: pointer;">&laquo; Read less</a>'); 
	});
    });


    $("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');
	}
    });
});