$(document).ready(function() {
	
	$('.snipify-me').each(function() {
		snippify(this);
	});
	var para = document.createElement('p');
	para.className = 'read-more';
	var link = document.createElement('a');
	link.href = 'javascript:void(0);';
	link.innerHTML = 'Read more...';
	link.className = 'read-more-link';
	$(para).append(link);
	$(para).insertAfter('.hidden-container');
	
	$('.hidden-container').css({margin:'0',padding:'0',height:$('.hidden-container').height()}).hide();

	$('.read-more-link').click(function() {
		$(this).parent().prev().slideToggle('medium', function() {
			var l = $($(this).next().children()[0]);
			l.html((l.html() == 'Read more...' ? 'Read less...' : 'Read more...'));
		});
	});
	
});

var snippify = function(element) {
	var c = 0;
	var children = new Array();
	for (var i = 0; i < element.childNodes.length; i++) {
		if (element.childNodes[i].nodeName == '#text') continue;
		if (c == 0) {
			$(element.childNodes[i]).addClass('snippet');
		} else {
			$(element.childNodes[i]).addClass('hide');
		}
		c++;
	}

	var wrapper = document.createElement('div');
	$(wrapper).attr('class', 'hidden-container');

	$('.hide', element).wrapAll(wrapper);		
};