﻿// ==UserScript==
// @name               	图片浏览js控件
// @description        	用于页面浏览图片的js效果，主要使用在首页等页面
// @created date       	2010/4/7   12:57
// @created author      Tiger
// @version            	2.0.1
// @version owner       Copyright @ 2009-2010 keerr.com All rights reserved.
// ==/UserScript==

/// <summary>
/// linsuo首页mid头部的slide广告
/// </summary>
/// <param name=""></param>
/// <param name=""></param>
//        var intervalClick = intervalClick();
//        var i = 1; var m;
var _interSlideAD;
var _preIndexOfLi = 0;
function slideAD() {
    $(".tb-slide-triggers li").click(function() {
        clearInterval(_interSlideAD);
        $(".tb-slide-list").stop(true, true);   // 立即停止
        var $_this = $(this),
            indexOfLi = $(".tb-slide-triggers li").index($_this),
            h = $(".tb-slide-list li").eq(indexOfLi).height(),
            w = $(".tb-slide-list li").eq(indexOfLi).width();
        if ($_this.attr("class") === "current") {
            return false;
        }
        // 标号处理
        $(".tb-slide-triggers .current").removeClass("current");
        $_this.addClass("current");
        // 图片处理
        //        $(".tb-slide-list").animate({ "marginTop": "-" + h * indexOfLi + "px" }, 1000, function() {
        //            //            $(".tb-slide-list li").removeClass("curImg");
        //            //            $(".tb-slide-list li").eq(indexOfLi).addClass("curImg");

        //            //            $(".tb-slide-list li").not($(".tb-slide-list li.curImg")[0]).hide();

        //            //            $(this).css("margin-top", "");
        //        });
        
        /*$(".tb-slide-list li").eq(indexOfLi).show();
        if (_preIndexOfLi > indexOfLi) {
        tempH = 0;
        } else {
        tempH = h;
        }
        $(".tb-slide-list").animate({ "marginTop": "-" + tempH + "px" }, 1000, function() {
        $(".tb-slide-list li").removeClass("curImg");
        $(".tb-slide-list li").eq(indexOfLi).addClass("curImg");

            $(".tb-slide-list li").not($(".tb-slide-list li.curImg")[0]).hide();
        $(".tb-slide-list").css("margin-top", "");

            //$(this).css("margin-top", "");
        });*/

        if (_preIndexOfLi > indexOfLi) {
            $(".tb-slide-list li").eq(indexOfLi).show();
            $(".tb-slide-list").css("margin-top", "-" + h + "px").animate({ "marginTop": "0px" }, 1000, function() {
                $(".tb-slide-list li").removeClass("curImg");
                $(".tb-slide-list li").eq(indexOfLi).addClass("curImg");

                $(".tb-slide-list li").not($(".tb-slide-list li.curImg")[0]).hide();
                $(".tb-slide-list").css("margin-top", "");
                //                $(this).css("margin-top", "");
            });
        } else if (_preIndexOfLi < indexOfLi) {
            $(".tb-slide-list li").eq(indexOfLi).show();
            $(".tb-slide-list").animate({ "marginTop": "-" + h + "px" }, 1000, function() {
                $(".tb-slide-list li").removeClass("curImg");
                $(".tb-slide-list li").eq(indexOfLi).addClass("curImg");

                $(".tb-slide-list li").not($(".tb-slide-list li.curImg")[0]).hide();
                $(".tb-slide-list").css("margin-top", "");
                //                $(this).css("margin-top", "");
            });
        }

        _preIndexOfLi = indexOfLi;



        //$(".tb-slide-list li").eq(indexOfLi).show();


        _interSlideAD = setInterval(function() {
            intervalClick($(".tb-slide-triggers li").length);
        }, 3000);
    });

    _interSlideAD = setInterval(function() {
        intervalClick($(".tb-slide-triggers li").length);
    }, 3000);
}
function intervalClick(limNum) {
    m = $(".tb-slide-triggers li").index($(".tb-slide-triggers li.current")) + 1;
    if (m >= limNum) {
        m = 0;
    }
    $(".tb-slide-triggers li").eq(m).click();
}

$(function() {
    slideAD();
    $(".tb-slide-list li:first").show().addClass("curImg");

    $("#nextWeather").css("opacity", 0.8);

    /// <summary>
    /// 图片自适应
    /// </summary>
    /// <param name=""></param>
    /// <param name=""></param>
    if (document.location.href.indexOf("lp") !== -1) {
        $(".tb-slide-list li img").each(function() {
            var $_this = $(this),
                    w = $_this.width(),
                    h = $_this.height();
            if (w >= h) {
                if (w / h > 384 / 232) {
                    $_this.css("height", "232px");
                } else {
                    $_this.css("width", "384px");
                }

            } else {
                $_this.css("height", "232px");
            }
        });
    }
});