
$(document).ready(function() {

	$('body').addClass('fx');

	$('.expandable-text').each(function() {
		var expandableText = $(this);
		var originalHeight = expandableText.height();

		expandableText.addClass('collapsed');
		var collapsedHeight = expandableText.height();

		if (collapsedHeight > originalHeight) {

			expandableText.css({
				height: originalHeight + 'px'
			});

		} else {

			$(this).after('<p class="view-more"><a href="#">' + expandableTextConfiguration.messageViewMore + '</a></p>');
			$(this).after('<p class="view-less"><a href="#">' + expandableTextConfiguration.messageViewLess + '</a></p>');
			var viewMoreLink = $(this).parent().find('.view-more a');
			var viewLessLink = $(this).parent().find('.view-less a');
			viewMoreLink.click(function() {
				viewMoreLink.parent().hide();
				expandableText.animate({
					height: originalHeight + 'px'
				}, expandableTextConfiguration.delay);
				viewLessLink.parent().show();
				return false;
			});
			viewLessLink.click(function() {
				viewLessLink.parent().hide();
				expandableText.animate({
					height: collapsedHeight + 'px'
				}, expandableTextConfiguration.delay);
				viewMoreLink.parent().show();
				return false;
			});
			viewLessLink.parent().hide();
		}
	});

});
