/*
	just a simple expander by c
	2010/05/10
	
	should be a customizeable jQuery class soon
		
*/

$(document).ready( function() {
		
		// find all expandable paragraphs	
		$('div.expander').each( function(index, element) {
			
			var details = $( this ).children(".details");
			var intro = $( this ).children(".intro");
			
			// hide details
			details.hide();
			
			// create read more link
			var readmoreLink = $( document.createElement("a") );
			readmoreLink.html('read more');
			readmoreLink.addClass('read-more');
			readmoreLink.attr("href", "#");
						
			// create close link
			var closeLink = $( document.createElement("a") );
			closeLink.html('close');
			closeLink.addClass('re-collapse');
			closeLink.attr("href", "#");
			closeLink.hide();
			closeLink.insertAfter( details );
			
			// add event listener to read more link
			readmoreLink.click( function(event) {
				event.preventDefault();
				details.show();
				readmoreLink.hide();
				closeLink.show();	
			})
			
			// add event listener to close link
			closeLink.click( function(event) {
				event.preventDefault();
				details.hide();
				readmoreLink.show();
				closeLink.hide();	
			})
			
			// insert read more link
			readmoreLink.insertAfter( intro );
			
			// insert close link
			readmoreLink.insertAfter( intro );			
		});
	
});