(function($) {

$.fn.extend({
	banners: function(tempo, url, data) {
		return this.each(function() {
			$.banners.add(this, tempo, url, data);
		});
	}
});

$.extend({
	banners: {
		add: function(elem, tempo, url, data) {
			var fn = function() {
				var $elem   = $(this);
				var banners = $elem.data("banners");

				if (!banners) {
					$elem.html('<div class="loader"></div>');
					$.ajax({
						type: "POST",
						url: url,
						data: data,
						cache: false,
						global: false,
						success: function(json) {
							$elem.data("banners", json);
							$.banners.mostra($elem);
						},
						dataType: "json"
					});
				}
				else
					$.banners.mostra($elem);
			};

			$(elem).interval(tempo, fn);
		},
		mostra: function($elem) {
			var banners = $elem.data("banners");
			banners.sort(function() {return 0.5 - Math.random()});

			$elem.empty();

			for (var i = 0; i < 4; i++) {
				$elem.append('<div class="banner"><a href="'+banners[i].url+'" target="_blank"><img src="../_img/banners/'+banners[i].id+'.jpg" alt="'+banners[i].titulo+'" /></a></div>');
			}
		}
	}
});

})(jQuery);