/// <reference path="/Scripts/jquery-1.4.1.js"/>

var backImage = "0px";
var tmpTab = "NA";
var curTab = "NA";

function showBackground(bgType) {
    if (bgType == 'reset') {
        $(".tabGraphic").css("top", backImage);
        var tabArray = new Array("PC", "Server", "Software", "Network", "Consult", "Train");
        for (var i = 0; i < 6; i++) {
            if (tmpTab.replace("tab", "") != tabArray[i]) {
                $("#Ptab" + tabArray[i]).height("25px");
                $("#more" + tabArray[i]).show();
            } else {
                $("#Ptab" + tabArray[i]).height("40px");
                $("#more" + tabArray[i]).hide();
            }
        }
    } else {
        switch (bgType.id) {
            case 'tabPC':
                $(".tabGraphic").css("top", "-201px");
                $("#PtabPC").height("40px");
                break;
            case 'tabServer':
                $(".tabGraphic").css("top", "-402px");
                $("#PtabServer").height("40px");
                break;
            case 'tabSoftware':
                $(".tabGraphic").css("top", "-603px");
                $("#PtabSoftware").height("40px");
                break;
            case 'tabNetwork':
                $(".tabGraphic").css("top", "-804px");
                $("#PtabNetwork").height("40px");
                break;
            case 'tabConsult':
                $(".tabGraphic").css("top", "-1005px");
                $("#PtabConsult").height("40px");
                break;
            case 'tabTrain':
                $(".tabGraphic").css("top", "-1206px");
                $("#PtabTrain").height("40px");
                break;
            default:
                $(".tabGraphic").css("top", backImage);
                var tabArray = new Array("PC", "Server", "Software", "Network", "Consult", "Train");
                for (var i = 0; i < 6; i++) {
                    if (tmpTab.replace("tab", "") != tabArray[i]) {
                        $("#Ptab" + tabArray[i]).height("25px");
                        $("#more" + tabArray[i]).show();
                    } else {
                        $("#Ptab" + tabArray[i]).height("40px");
                        $("#more" + tabArray[i]).hide();
                    }
                }
                break;
        }
    }
}

function tabClick(tabType) {
    if (tmpTab != tabType.id) {
        tmpTab = tabType.id;

        if (tabType.id == "tabPC") {
            backImage = "-201px";
            $("#backColor").css("background-image", "url(images/grey-colour-BG.jpg)");
            $("#topBody").css("background-image", "url(images/grey-colour-BG.jpg)");
        }

        if (tabType.id == "tabServer") {
            backImage = "-402px";
            $("#backColor").css("background-image", "url(images/red-colour-BG.jpg)");
            $("#topBody").css("background-image", "url(images/red-colour-BG.jpg)");
        }

        if (tabType.id == "tabSoftware") {
            backImage = "-603px";
            $("#backColor").css("background-image", "url(images/green-colour-BG.jpg)");
            $("#topBody").css("background-image", "url(images/green-colour-BG.jpg)");
        }

        if (tabType.id == "tabNetwork") {
            backImage = "-804px";
            $("#backColor").css("background-image", "url(images/big-colour-BG.jpg)");
            $("#topBody").css("background-image", "url(images/big-colour-BG.jpg)");
        }

        if (tabType.id == "tabConsult") {
            backImage = "-1005px";
            $("#backColor").css("background-image", "url(images/orange-colour-BG.jpg)");
            $("#topBody").css("background-image", "url(images/orange-colour-BG.jpg)");
        }

        if (tabType.id == "tabTrain") {
            backImage = "-1206px";
            $("#backColor").css("background-image", "url(images/yellow-colour-BG.jpg)");
            $("#topBody").css("background-image", "url(images/yellow-colour-BG.jpg)");
        }

        showBackground(tabType);
        moveLeft(tabType.id);
    }

}

function moveLeft(newText) {
    if (curTab == "NA")
        tmpDiv = $("#currentText");
    else
        tmpDiv = $("#" + curTab.replace("tab", "") + "Text");

    var newDiv = $("#" + newText.replace("tab", "") + "Text");

    //make sure new div is on page 1
    newDiv.find(".scrollText").css("top", "0px");
    newDiv.find(".imgSelect").attr("src", "./images/not-selected.png");
    newDiv.find(".btn1").attr("src", "./images/selected.png");

    tmpDiv.animate({ "left": -510 + "px" }, "fast", function () { tmpDiv.css("left", "550px") });
    newDiv.animate({ "left": 0 + "px" },"fast");

    curTab = newText;

}

function scrollPage(page) {
    var pos = (page.substring(page.length-1, page.length) * 288) - 288;

    $("#" + page).siblings("#.scrollText")

    if ($("#" + page).parent().parent().siblings(".fullText").children(".scrollText").position().top != pos) {
        $("#" + page).parent().parent().siblings(".fullText").children(".scrollText").animate({ "top": -pos + "px" }, "slow");
    }

    $(".imgSelect").attr("src", "./images/not-selected.png");
    $("#" + page).attr("src", "./images/selected.png");
}

$(document).ready(function () {
    $(".tabCover").click(function (e) { tabClick(e.target) });
    $(".tabCover").mouseover(function (e) { showBackground(e.target) });
    $(".tabCover").mouseout(function () { showBackground('reset') });
    $(".imgSelect").click(function (e) { scrollPage(e.target.id) });
});