///<reference path = "jquery-1.3.2.js"/>

$(function() {
    /* tab 显示 */
    var TabImgUrl = "image/pitch-up.jpg";
    var CurentTabIndex = 0;
    (new Image()).src = TabImgUrl;
    var Options = [{ name: "Solutions", pannelName: "panel1" },
              { name: "Features", pannelName: "panel2" },
              { name: "Support", pannelName: "panel3" },
              { name: "Company", pannelName: "panel4" },
              { name: "Reseller", pannelName: "panel5"}];
    for (var i = 0; i < Options.length;  i++) {
        $("#" + Options[i].pannelName).css("display", "none");
    }
    $("#" + Options[CurentTabIndex].name).css("background", "url(" + TabImgUrl + ") no-repeat top left");
    $("#" + Options[CurentTabIndex].name).css("color", "black");
    $("#" + Options[CurentTabIndex].name).css("font-weight", "bold");
    $("#" + Options[CurentTabIndex].pannelName).css("display", "block");
    $("#tabs span").each(function(i) {
        $(this).hover(function() {
            $(this).css("cursor", "pointer");
            if (CurentTabIndex == i)
                return;
            $("#" + Options[CurentTabIndex].name).css("background", "none");
            $("#" + Options[CurentTabIndex].name).css("color", "white");
            $("#" + Options[CurentTabIndex].name).css("font-weight", "normal");
            $("#" + Options[CurentTabIndex].pannelName).css("display", "none");
            $(this).css("background", "url(" + TabImgUrl + ") no-repeat top left");
            $(this).css("color", "black");
            $(this).css("font-weight", "bold");
            $("#" + Options[i].pannelName).css("display", "block");
            CurentTabIndex = i;
        }, function() { });

    });
})