GY.infinite = (function(parent, $) {
	
	var self = parent.infinite = parent.infinite || {};
	
	self.init = function(target, triggers, options) {
		var url;
		// this.options = $.extend({
		// 	imageMarkerPath: '_img/marker.png',
		// 	template: '<div><p>{{address}}<br /><strong>{{title}}</strong><br /><a href="{{url}}">View the Yodel</a></p><p><img src="{{thumb}}" width="100" height="100" /></p></div>'
		// }, options || {});
		
		this.target = $(target); // where to load the content
		this.triggers = $(triggers);
		this.triggers.live('click', function(e) {
			e.preventDefault();
			url = $(this).attr('href');
			self.loader = $('<span class="loader"/>');
			$('.more', this).append(self.loader);
			self.loadContent(url);
		});
		
	};
	
	self.loadContent = function(url) {
		$('<div class="more-loaded"/>').load(url + ' div.yodels', function() {
			$('.next-previous').remove(); 
		    $(this).appendTo(self.target);    // once they're loaded, append them to our content area
		});
		
	};
	
	self.showLoader = function() {
		
		
	};
	
	return self;
	
})(GY || {}, jQuery);

$(document).ready(function(e) {
	GY.infinite.init('div.yodels', 'div.next a');
	
});