var selectedClass=-1;
var tabColors = new Array("#005c9c", "#d87600", "#00993f", "#916492", "#beab18", "#2c1eca", "#d74040");
var tabForegroundColors = new Array("#FFFFFF", "#FFFFFF", "#FFFFFF", "#FFFFFF", "#FFFFFF", "#FFFFFF", "#FFFFFF");

function tabClick(index) {
    $('#divTabContent_' + index).css("visibility", "visible");
    if (selectedClass != index) {
        SetPresets(index);


        if (selectedClass != -1) {
            if ($.browser.msie) {
                $('#divTabContent_' + selectedClass).animate({ "left": "1000px" }, 600, "easeOutExpo");
            }
            else {
                $('#divTabContent_' + selectedClass).animate({ "opacity": "0", "left": "1000px" }, 600, "easeOutExpo");
            }
        }


        if (selectedClass != -1) {
            $('#divTabContent_' + index).css("left", "-1000px");
        }
        else {
            $('#divTabContent_' + index).css("left", "0px");
        }
        if ($.browser.msie) {
            $('#divTabContent_' + index).animate({ "left": "0px" }, 600, "easeOutExpo");
        }
        else {
            $('#divTabContent_' + index).animate({ "opacity": 1, "left": "0px" }, 600, "easeOutExpo");
        }

        $('#fpHeadBg').animate({ backgroundColor: tabColors[index] }, 600);
        $('#tab' + selectedClass).addClass('divPlaceTab');
        $('#tab' + selectedClass).removeClass('divPlaceTabSelected');
        $('#tab' + selectedClass).css("background-color",tabColors[selectedClass])
        $('#tab' + index).addClass('divPlaceTabSelected');
        $('#tab' + index).removeClass('divPlaceTab');
        $('#tab' + index).css("background-color", "Transparent")
        selectedClass = index;

        if (!$.browser.msie) {
            $('#divImageBoxInner').animate({ "background-size": "664px auto" }, 1000);
        }
    }
}

function SetPresets(index) {
    switch (index) {
        case 0:
           // $('#divImageBoxInner').css("background-size", "85%");            
            break;
    }
}