var ss;
var className = "";
var count = 0;
var index = 0;
var disTime = 0;
var animateTime = 700;
play = function (obj) {
    if (obj.className != null) {
        className = obj.className;
    }
    if (obj.count != null) {
        count = obj.count;
    }
    if (obj.index != null) {
        index = obj.index;
    }
    if (obj.disTime != null) {
        disTime = obj.disTime;
    }
    if (obj.animateTime != null) {
        animateTime = obj.animateTime;
    }
    clearInterval(ss);
    ss = setInterval(steps, disTime + animateTime);
};
steps = function () {
    index++;
    if (index == count) index = 0;
    $("." + className).animate({ scrollLeft: index * 1200 }, animateTime);
    $(".film_nav li").removeClass("active");
    $(".film_nav li").eq(index).addClass("active");
};
next = function () {
    index++;
    if (index == count) index = 0;
    $("." + className).animate({ scrollLeft: index * 1200 }, animateTime);
    $(".film_nav li").removeClass("active");
    $(".film_nav li").eq(index).addClass("active");
};

function showTopMenu(id) {
    $("#t_" + id).mouseenter(function () {
        $(this).addClass("hover");
        $("#tm_" + id).show();
    });
    $(".t-" + id).mouseleave(function () {
        $("#t_" + id).removeClass("hover");
        $("#tm_" + id).hide();
    });
    $("#tm_" + id).mouseleave(function () {
        $("#t_" + id).removeClass("hover");
        $(this).hide();
    });
}

$(document).ready(function () {
    $(".film_layt").find("a").each(function() {
		$(this).hover(function() {
			$(this).siblings().find(".film_layer").stop();
			$(this).siblings().find(".film_layer").fadeTo("slow",0.5);
		},
		function() {
			$(this).siblings().find(".film_layer").stop();
			$(this).siblings().find(".film_layer").fadeTo("slow",0);
		});
	});
    $(".film_layt").each(function (_index) {
        $(this).mouseover(function () {
            $(".film_scr").stop();
            clearInterval(ss);
            $(".film_scr").animate({ scrollLeft: _index * 1200 }, 100);
            $(".film_nav li").removeClass("active");
            $(".film_nav li").eq(_index).addClass("active");
            index = _index;
        });
        $(this).mouseout(function () {
            play({ index: index, count: count, className: className, disTime: disTime });
        });
    });
    $(".film_nav").find("li").each(function (_index) {
        $(this).hover(function () {
            $(".film_scr").stop();
            clearInterval(ss);
            $(".film_scr").animate({ scrollLeft: _index * 1200 }, animateTime);
            $(".film_nav li").removeClass("active");
            $(".film_nav li").eq(_index).addClass("active");
            index = _index;
        }, function () {
            play({ index: index, count: count, className: className, disTime: disTime });
        });
    });
    $(".film_btn").click(function () {
        $(".film_scr").stop();
        clearInterval(ss);
        next();
        play({ index: index, count: count, className: className, disTime: disTime });
    });
    showTopMenu("vjia");
    showTopMenu("nav");
    play({ index: 0, count: $(".film_layt").length, className: "film_scr", disTime: 3000 });
});