$(function(){
	var pane = $("div.main-pane");

	function swaptab(e) {
		if(pane.is(":empty") || pane.html().indexOf("wait-loading")) {

			// reset all highlighted images
			$("a.trailers-button img").attr("src", function(){
				var orig = $(this).attr("src").replace("_on.png", ".png");
				$(this).attr("src", orig);
			});

            // highlight current
			var img_on = $("> img", e).attr("src").replace(".png", "_on.png");
			$("> img", e).attr("src", img_on);

			// show loading graphic
			pane.html("<div class=\"wait-loading\"></div>");

            // load content
			var url = $(e).attr("href");
			$.get(url, function(data){
				pane.html(data);
			});

		}
	}

	$("a.trailers-button").click(function(){
		swaptab(this);
		return false;
	});

	swaptab("a.trailers-button:eq(0)");

});