
/**
 * @autor Sebastian Romero
 * @description Loads elements according the scroll position
 * @param onContentDisplayed [Function] Handles the when the content is displayed
 */
jQuery.fn.progressiveLoader = function(onContentDisplayed) {
	
	var margins = 0, count = 0;
	
	var setProgressiveLoader = function(element){
		var action = function(){
		var position = (($(window).height() + $(window).scrollTop()) - margins);
			if(position >= element.offset().top){
				if(onContentDisplayed && count==0){
					count++;
					onContentDisplayed();
				}
			}
			return false;
		};
		$(window).scroll(function(){
			action();
		});
		void action();
	};
	
	
	this.each(function(index, element){
		setProgressiveLoader($(this));
	});
};

