// Bespoke tab control implemented by Kevin Harrison (2e2) for Best of the Best:
// Dependancies: JQuery

var maxTabIdx = 0;

$(document).ready(function() {
    var defaultTab = getUrlVars()["tab"];
    if (isNaN(defaultTab))
        defaultTab = 0;

    var tabLIs = $(".tab_unselected_mid");
    maxTabIdx = tabLIs.length - 1;
    tabLIs.each(function(i) {
        $(this).click(function() {
            SetTab($(this), i);
        });

        if (i == defaultTab)
            SetTab($(this), i);
    });
});

function SetTab(tab, idx)
{
	// Deselect all:
	$(".homepage_tab_pane").hide();
	$(".tab_selected_start1").attr("class", "tab_unselected_start1");
	$(".tab_selected_mid").attr("class", "tab_unselected_mid");
	$(".tab_selected_end1").attr("class", "tab_unselected_start2");

	$(".tab_selected_start2").attr("class", "tab_unselected_start2");
	$(".tab_selected_end2").attr("class", "tab_unselected_end");

	// Select require tab:
	tab.attr("class", "tab_selected_mid");
	if (idx == 0)
		$(".tab_unselected_start1").attr("class", "tab_selected_start1");
	else
		$(".tab_unselected_start2").each(function(i) {
			if (i+1 == idx)
				$(this).attr("class", "tab_selected_start2");
		});

	if (idx == maxTabIdx)
		$(".tab_unselected_end").attr("class", "tab_selected_end2");
	else
		$(".tab_unselected_start2").each(function(i) {
			if ((idx == 0) ? (i == idx) : (i+1 == idx))
				$(this).attr("class", "tab_selected_end1");
		});

	// Show the corresponding tab pane:
	$("#homepage_tab_panes .homepage_tab_pane").each(function(i) {
		if (i == idx)
			$(this).show();
	});
}