mp.splash = {};

mp.splash.menu_globals = {
    'current_page': "#splash-starting-info",
    'feat': '',
    'item_list': ["realtime", "funnel", "retention", "events", "api"],
    'flip': '',
    'next_item': 0
};
mp.splash.init = function() {
    mp.splash.update_totals();
    mp.splash.contact.init();
};

mp.splash.contact = {};
mp.splash.contact.label = "email address";
mp.splash.contact.init = function() {
    var form = $("#talk-to-us #message-form");
    var email_form = $("#talk-to-us #email-form");
    email_form.submit(function () {
        var email = $("#talk-to-us #email-form input[name=email]").val();
        if (email != mp.splash.contact.label) {
            $("input[name=email]", form).val(email);
        }
        tb_show("", "#TB_inline?height=350&width=500&inlineId=tb-content");
        $("textarea", form).focus();
        return false;
    });

    var input = $("input[name=email]", email_form);
    if (input.val() == "") {
        input.val(mp.splash.contact.label).addClass("labeled");
    }
    input.focus(function() {
        if ($(this).val() == mp.splash.contact.label) {
            $(this).val("").removeClass("labeled");
        }
    }).blur(function() {
        if ($(this).val() == "") {
            $(this).val(mp.splash.contact.label).addClass("labeled");
        }
    });

    form.submit(function() {
        var data = "email=" + encodeURIComponent($("input[name=email]", form).val());
        data += "&type=6" // sales feedback
        data += "&message=" + encodeURIComponent($("textarea", form).val());
        $.ajax({
            url: form.attr("action"),
            type: form.attr("method"),
            data: data,
            cache: false,
            success: tb_remove,
        });
        return false;
    });
};

mp.splash.cycle = function(item) {
    mp.splash.menu_globals.flip = setTimeout(function() {
        if (item == mp.splash.menu_globals.next_item) {
            $("#"+mp.splash.menu_globals.item_list[item]).fadeOut(100, function() {
                mp.splash.menu_globals.next_item = (item + 1) % mp.splash.menu_globals.item_list.length;
                mp.splash.menu_globals.current_page = "#"+mp.splash.menu_globals.item_list[mp.splash.menu_globals.next_item];
                $(".feature-link-wrapper.selected").attr("style", "background-image: none;");
                $(".feature-link-wrapper.selected").attr("class", "feature-link-wrapper standard");
                $("#wrapper-" + mp.splash.menu_globals.item_list[mp.splash.menu_globals.next_item]).attr("style", "background: url('/site_media/images/splash/arrowbg.png') no-repeat left");
                $("#wrapper-" + mp.splash.menu_globals.item_list[mp.splash.menu_globals.next_item]).attr("class", "feature-link-wrapper selected");
                $(mp.splash.menu_globals.current_page).fadeIn(100);
            });
        }
        // Strange behavior here
        mp.splash.cycle(mp.splash.menu_globals.next_item);
    }, 3500);
};

mp.splash.update_totals = function() {
    $(".realtime-total").each(function(i) {
        setTimeout(function() {
            $("#amount-" + i).fadeOut(100, function() {
                var prev = parseInt($("#amount-" + i).html(), 10);
                $("#amount-" + i).html((prev + Math.floor(Math.random()*11)).toString());
                $("#amount-" + i).fadeIn(100);
            });
        }, Math.floor(Math.random()*1000));
    });
    setTimeout(function() {
        mp.splash.update_totals();
    }, 1000);
};

mp.splash.click_handlers = function() {
    $("#learn-more").click(function() {
        $("#splash-starting-info").fadeOut(100, function() {
             $("#wrapper-realtime").attr("style", "background: url('/site_media/images/splash/arrowbg.png') no-repeat left");
             $("#wrapper-realtime").attr("class", "feature-link-wrapper selected");
            $("#realtime").fadeIn(100);
            mp.splash.menu_globals.current_page = "#realtime";
        });
        mp.splash.cycle(0);
        mpmetrics.register({"feature": "learn more"}, "funnels");
    });

    // Show a feature when they click the list
    $("[id^=tour-]").click(function() {
        clearTimeout(mp.splash.menu_globals.flip);
        $(".feature-link-wrapper.selected").attr("style", "background-image: none;");
        $(".feature-link-wrapper.selected").attr("class", "feature-link-wrapper standard");
        $("#wrapper-" + mp.splash.menu_globals.feat).attr("class", "feature-link-wrapper selected");
        $(this).attr("background-color", "#34567E");
        var slide = this.id.split("-")[1];
        $(mp.splash.menu_globals.current_page).fadeOut(100, function() {
            $(mp.splash.menu_globals.current_page).hide();
            mp.splash.menu_globals.current_page = "#" + slide;
            $(mp.splash.menu_globals.current_page).fadeIn(100);
        });
        mpmetrics.track("splash features", {"referrer": document.referrer, "feature": slide });
        mpmetrics.register({"feature": slide}, "funnels");
    });

    $(".feature-link").hover(function() {
        mp.splash.menu_globals.feat = this.id.split("-")[1];
        $(".feature-link-wrapper.standard").attr("style", "background-image: none;");
        $("#wrapper-" + mp.splash.menu_globals.feat).attr("style", "background: url('/site_media/images/splash/arrowbg.png') no-repeat left");
    }, function() {
        $(".feature-link-wrapper.standard").attr("style", "background-image: none;");
    });
};

mp.splash.download_whitepaper = function(whitepaper_url) {
    mpmetrics.register_once({'Downloaded whitepaper': 'yes'}, 'funnels', 'no');
    mpmetrics.track('Downloaded whitepaper', null, function() {
        window.location = whitepaper_url;
    });
};