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

$(function() {
var url = "HandlerAjax.ashx";
$.ajax({
    url: url,
    type: "POST",
    data: { act: "0"},
    async: true,
    dataType: "json",
    success: function(e) {
        if (e) {
            var template = $("#NewsTemplate").html();
            $("#news").html($(template).bindTo(e));
        }
        else {
            $("#news").html("获取新闻数据时出错！");
        }
    }
});
    /* tab 显示 */
    var TabImgUrl = "image/pitch-b.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");
    }
    var px = CurentTabIndex == 0?0:3;
    $("#" + Options[CurentTabIndex].name).css("background", "url(" + TabImgUrl + ") no-repeat " + px + "px 0px");
    $("#" + 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;
            px = i == 0 ? 0 : 0;
            $("#" + 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 " + px + "px 0px");
            $(this).css("color", "black");
            $(this).css("font-weight", "bold");
            $("#" + Options[i].pannelName).css("display", "block");
            CurentTabIndex = i;
        }, function() { });

    });
})