/********************

devide your photo's or items over one page

versie 0.1

use:
$('img.').devide

********************/

(function($) {
	
	$.fn.divide = function(root, minMargin) {
		
		if(!root) 		root 		= window;
		if(!minMargin)	minMargin 	= 10;
		
		var width 		= $(this).outerWidth();
		var height 		= $(this).outerHeight();
		
		
		var count 		= Math.floor( ( $(root).width() - minMargin ) / ( width + minMargin ) );		
		var margin		= ( $(root).width() - ( width * count ) ) / ( count + 2 )
		
		var level 		= -1;
		
		if($(this).length <= count) {
			margin = minMargin;
		}
		
		$(this).each(function(i) {
			if(i % count == 0) {
				level += 1;
			}
			$(this).css({
				'position': 'absolute',
				'top': level * ( height + minMargin ),
				'left': ( ( i - ( level * count ) ) * ( width + margin) ) + margin
			})
		});
	}
	
})(jQuery)