/**
* @author maxime
*/
$.fn.innerBox = function() {
		return this.each(function() {
			// trim text to show a preview
			var innerBox = $(this);
			var number = parseInt(innerBox.attr('id'));
			var html = innerBox.html();
			var text = innerBox.text();
			var preview = html.substr(0,100)+"...";
			
			// set preview & content
			innerBox.html('');
			innerBox.append("<div class='inner_box_preview'>"+preview+"</div>");
			innerBox.append("<div class='inner_box_content' style='display:none'>"+html+"</div>");
			
			// set css class
			innerBox.addClass('inner_box_outer');
			
			// add number
			if (number!="") {
				innerBox.prepend("<span class='inner_box_number'>"+number+"</span>");
			}
			
			// add line breaker ?
			if (number%2==0) {
				innerBox.after('<div style="clear:both"></div>');
			}
			
			// add plus minus button and bind toggle
			innerBox.prepend("<a class='inner_box_toggle plus' href='javascript://'></a>");
			innerBox.find('.inner_box_toggle').toggle( function() {
				innerBox.find('.inner_box_preview').hide();
				innerBox.find('.inner_box_content').show();
				$(this).removeClass('plus').addClass('minus');
			},function() {
				innerBox.find('.inner_box_preview').show();
				innerBox.find('.inner_box_content').hide();
				$(this).removeClass('minus').addClass('plus');
			});
		});
		
		
	}
