﻿
function get_focus_pic_page(tid)
{
    $.ajax({
        type: "post",
        contentType: "application/json",
        url: "/WebServices/focusPictureWebService.asmx/getFocusPicHTML",
        data: "{tid:"+tid+"}",
        dataType: "json",
        success: function(result) {
            if(result.d.length>10)
            {
                $("#Travelfocus #focus_pic_load").remove();
                $("#Travelfocus").append(result.d);
                $("#Travelfocus").css("width",$("#Travelfocus .travel_picshow").css("width"));
                $("#Travelfocus").css("height",$("#Travelfocus .travel_picshow").css("height"));
                if($("#Travelfocus .travel_picshow_number ul li").length>1)
                {
                    timeoutID_focus_pic=setTimeout(focus_pic_auto_toogle,10000);
                    $("#Travelfocus").mouseover(function(){
                        window.clearTimeout(timeoutID_focus_pic);
                    }).mouseout(function(){
                        timeoutID_focus_pic=setTimeout(focus_pic_auto_toogle,10000);
                    });
                    
                    $("#Travelfocus .travel_picshow_number ul li").click(function(){
                        //window.clearTimeout(timeoutID_focus_pic);
                        
                        var index= $("#Travelfocus .travel_picshow_number ul li").index($(this)[0]);

                        show_hide_pic(index);
                        //timeoutID_focus_pic=setTimeout(focus_pic_auto_toogle,10000);
                    });
                }
            }
            else
            {
                $("#main_focus_load #focus_pic_load").html("暂无图片");
            }
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            $("#main_focus_load #focus_pic_load").html("系统正忙，请稍后再试");
            //alert(XMLHttpRequest+"---"+textStatus+"---"+errorThrown);
        }
    });
}

var timeoutID_focus_pic;

function focus_pic_auto_toogle()
{
    var index= $("#Travelfocus .travel_picshow_number ul li").index($("#Travelfocus .travel_picshow_number .now")[0]);
    if(index>=0)
    {
        index++;
        if(index>=$("#Travelfocus .travel_picshow_number ul li").length)
        {
            index=0;
        }
        show_hide_pic(index);
        timeoutID_focus_pic=setTimeout(focus_pic_auto_toogle,10000);
    }
}

function show_hide_pic(index)
{
    $("#Travelfocus .travel_picshow_number ul li").removeClass("now");
    $($("#Travelfocus .travel_picshow_number ul li").get(index)).addClass("now");
    if($("#Travelfocus .travel_picshow ul li").length>index)
    {
        $("#Travelfocus .travel_picshow ul li").filter(":visible").fadeTo(500,0.2,function(){
            $(this).hide();
            $($("#Travelfocus .travel_picshow ul li").get(index)).css("opacity","0.1");
            $($("#Travelfocus .travel_picshow ul li").get(index)).show();
            $($("#Travelfocus .travel_picshow ul li").get(index)).animate({opacity: 1.0}, { duration: 800});
        });
    }
}
