/* Tabs for used-car view */

/* CLASSES */
var TAB_HEADER_ACTIVE = "tab-header-active";
var SELECTOR_TAB_HEADER_ACTIVE = "." + TAB_HEADER_ACTIVE;

var TAB_CONTENT_VISIBLE = "tab-content-visible";
var SELECTOR_TAB_CONTENT_VISIBLE = "." + TAB_CONTENT_VISIBLE;

$(function () {
	$(".tab-content").hide();

	// Default to first panel open
	$firstContent = $($(".tab-content")[0]);
	$firstHeader = $($(".tab-header")[0]);

	$firstContent.show().addClass(TAB_CONTENT_VISIBLE);
	$firstHeader.addClass(TAB_HEADER_ACTIVE);

	// Initialise headers
	$(".tab-header").click(function (evt) {

		evt.preventDefault();

		var $header = $(this);
		var tabId = $header.attr("id");
		var $relatedPanel = $("." + tabId);

		$(SELECTOR_TAB_HEADER_ACTIVE).removeClass(TAB_HEADER_ACTIVE);
		$header.addClass(TAB_HEADER_ACTIVE);

		$(SELECTOR_TAB_CONTENT_VISIBLE).fadeOut(200, function () {

			$(SELECTOR_TAB_CONTENT_VISIBLE).removeClass(TAB_CONTENT_VISIBLE);
			$relatedPanel.fadeIn(200).addClass(TAB_CONTENT_VISIBLE);

		});

	});
});