/* Preload throbber */
if (document.images) {
    // TODO: Do this using an array.
	img1 = new Image();
	img1.src = "img/ajax-loader.gif";
	img2 = new Image();
	img2.src = "img/star.png";
	img3 = new Image();
	img3.src = "img/halfstar.png";
	img4 = new Image();
	img4.src = "img/nostar.png";
}

$.ajaxSetup({cache: false});

$(document).ready(function(){
	$('#tabs .tabbar li a').click(function(evt) {
		var self = this;
		$('#quote_container').load(this.href, function(res, status, xhr) {
			if (status == 'success') {
				$('#tabs .tabbar li').removeClass('active');
				$(self).closest('li.tab').addClass('active');
				$('#stats').html(decodeURIComponent(xhr.getResponseHeader('X-Quote-Stats')));
				$('span.date').prettyDate();
			}
		});
		evt.preventDefault();
	});

	var li = $('<li>' + '<' + '/li>').appendTo('#quotebox_tabbar');
	$('<button id="btn_newquote" class="reload"><span class="emergency_trim">Next</span> <span class="trimmable">Entry</span></button>').click(function(){
		$('#tabs .tabbar li.active a').click();
	}).appendTo(li);

	$('<img id="throbber" src="img/ajax-loader.gif" alt="">').bind("ajaxSend",
		function(evt, jqxhr, settings){
			var uri = settings.url.replace(/&?_=[^&]+/, "").replace(/https?:\/\//, "");
			if (window.urchinTracker) {
				window.urchinTracker('/ajax/' + uri);
			}
			if (window.piwikTracker) {
				window.piwikTracker.trackPageView('/ajax/' + uri);
			}
			$(this).css('visibility', 'visible');
		}
	).bind("ajaxComplete", function(){
		$(this).css('visibility', 'hidden');
	}).appendTo(li);

	$('span.date').prettyDate();
	setInterval(function(){ $("span.date").prettyDate(); }, 1 * 60 * 1000);

	// TODO: Figure out how to do this using events like my WordPress
	// setup does.
	$('div.related_menu a').click(function() {
		urchinTracker('/related/' + $(this).data('shortname'));
	});
});