$(document).ready(function(){
    $("td#dynamicbarckgroud").css("backgroundImage","url(Images/Index/rmtj_d.jpg)");
    AJAXGETPICANDMESSAGE(5,"rmtj");
    
    $("#p_cs").click(function(){
        $("td#dynamicbarckgroud").css("backgroundImage","url(Images/Index/pic_dh_bj.jpg)");
        $("td#fivepics > div").hide();
        $("#cs").show();
    });
    
    $("#p_tdtz").click(function(){
        $("td#dynamicbarckgroud").css("backgroundImage","url(Images/Index/tdtz_d.jpg)");
        if($("#tdtz").html() == ""){
            AJAXGETPICANDMESSAGE(1,"tdtz")
        } 
        else{
            $("td#fivepics > div").hide();
            $("#tdtz").show();
        }
    });
   
    $("#p_jytq").click(function(){
        $("td#dynamicbarckgroud").css("backgroundImage","url(Images/Index/jytq_d.jpg)");
        if($("#jytq").html() == ""){
            AJAXGETPICANDMESSAGE(2,"jytq")
        } 
        else{
            $("td#fivepics > div").hide();
            $("#jytq").show();
        }
    });
   
    $("#p_ggcz").click(function(){
        $("td#dynamicbarckgroud").css("backgroundImage","url(Images/Index/gucz_d.jpg)");
        if($("#ggcz").html() == ""){
            AJAXGETPICANDMESSAGE(3,"ggcz")
        } 
        else{
            $("td#fivepics > div").hide();
            $("#ggcz").show();
        }
    });
   
    $("#p_xxdj").click(function(){
        $("td#dynamicbarckgroud").css("backgroundImage","url(Images/Index/xxdj_d.jpg)");
        if($("#xxdj").html() == ""){
            AJAXGETPICANDMESSAGE(4,"xxdj")
        }
        else{
            $("td#fivepics > div").hide();
            $("#xxdj").show();
        }
    });
    
    $("#p_rmtj").click(function(){
        $("td#dynamicbarckgroud").css("backgroundImage","url(Images/Index/rmtj_d.jpg)");
        if($("#rmtj").html() == ""){
            AJAXGETPICANDMESSAGE(5,"rmtj")
        }
        else{
            $("td#fivepics > div").hide();
            $("#rmtj").show();
        }
    });

});

function AJAXGETPICANDMESSAGE(icategory,sDisplayDivName)
{
     $.ajax({
            type:"GET",
            url:"ashx/FivePic.ashx",
            data:"category=" + icategory,
            dateType:"html",
            timeout:2000,
            beforeSend: function(){
                $("td#fivepics > div").hide();
                $("td#fivepics").append("<div id=\"fivepicload\" style=\"display:none;color:Red\"><img src=\"Images/load1.gif\" alt=\"load...\"/>数据用力加载中......</div>");     
            },
            complete:function(){ 
               $("#fivepicload").remove();
               $("#" + sDisplayDivName).show();
            },
            success:function(responseHTML){
                $("#" + sDisplayDivName).html(responseHTML);
                $("table#ohfuck tr td:eq(0)").show(); 
            }
    });
}