$(function () {
    $("#slider .item").hide();
    sliderRecursive();
});

function sliderRecursive() {
    var control = true;
    $("#slider .item").each(function (i) {
        var element = $(this);
        element.delay(i * 4000).fadeIn(1000, function () {
            $("#head-bg").click(function () {
                window.location = element.attr("href");
            });

            $("#slider .item .slogan").hide().css("right", "20px");
            $("#slider .item .subSlogan").hide().css("right", "20px");

            if (control) {
                $("#slider .item .slogan").hide().css("top", "60px");
                $("#slider .item .subSlogan").hide().css("top", "100px");
                control = false;
            } else {
                $("#slider .item .slogan").hide().css("top", "140px");
                $("#slider .item .subSlogan").hide().css("top", "180px");
                control = true;
            }

            $("#slider .item .slogan").animate({
                opacity: 0
            }, 1);

            $("#slider .item .subSlogan").animate({
                opacity: 0
            }, 1);

            $("#slider .item .slogan").show();
            $("#slider .item .subSlogan").show();

            element.find(".slogan").animate({
                opacity: 1,
                right: "300px"
            }, 4000);

            element.find(".subSlogan").animate({
                opacity: 1,
                right: "250px"
            }, 4000);

        }).delay(3000).fadeOut(1000, function () {
            if (i == $("#slider .item").length - 1)
                sliderRecursive();
        });
    });
}