$(document).ready(function() {
    initHistory();
});

function initHistory() {
    $(".trikeModel").hide();
    $("#trikeModelPicker a").click(function() { preSelectFromPage(this); });
}

function preSelectFromPage(what) {
	$("#overlay").load("/overlay/history", function() {
		$(".trikeModel").hide();
		$("#HistoryControls a").removeClass('currentModel');

		var historyOverlayLinks = $("#HistoryControls a:contains(" + $(what).text() + ")");
		//Check for 'monster' issue
		$.each(historyOverlayLinks, function(i, val) {
			if ($(val).text() == $(what).text()) {
				$(val).addClass('currentModel');
			}
		});

		$("#trikeHeader").html($(what).text());
		$("#" + $(what).text().replace(' ', '')).show();
		showOverlay();
		navClick();
	});
}

function navClick() {
	$("#HistoryControls a").click(function() {
		$(".trikeModel").hide();
		$("#HistoryControls a").removeClass('currentModel');
		$(this).addClass('currentModel');
		$("#trikeHeader").html($(this).text());
		$("#" + $(this).text().replace(' ', '')).show();
	});

    $(".historyButtons .next a").click(function() {
        if ($(".trikeModel:last").is(':visible')) {
            changeModel($("#HistoryControls a:first"));
        }
        else {
            changeModel($(".currentModel").parents('li').next('li').children('a'));
        }
    });

    $(".historyButtons .back a").click(function() {
        if ($(".trikeModel:first").is(':visible')) {
            changeModel($("#HistoryControls a:last"));
        }
        else {
            changeModel($(".currentModel").parents('li').prev('li').children('a'));
        }
    });

    $(".historyButtons .close a").click(function() {
        hideOverlay();
    });
}

function changeModel(link) {
    $(".trikeModel").hide();
    $("#HistoryControls a").removeClass('currentModel');

    link.addClass('currentModel');
    $("#trikeHeader").html($(link).text());
    $("#" + $(link).text().replace(' ', '')).show();
}