function trackAction(actionKey){
    var actionString = "";
    switch (actionKey.toLowerCase()){
        case "flash_homebanner_viewfeatures":
            actionString = "/customevent/flash/home/bannerViewFeatures.ce";
            break;
            
        case "flash_homebanner_choosenumber":
            actionString = "/customevent/flash/home/bannerChooseNumber.ce";
            break;
        
        case "flash_homebanner_monitor":
            actionString = "/customevent/flash/home/bannerHowItWorks.ce";
            break;
            
        case "flash_howitworks_hostedlocal":
            actionString = "/customevent/flash/howItWorks/HostedLocalTollFreeVideo.ce";
            break;
            
        case "flash_howitworks_reporting":
            actionString = "/customevent/flash/howItWorks/ReportingAnalyticsVideo.ce";
            break;
            
        case "flash_howitworks_hostedvoicemail":
            actionString = "/customevent/flash/howItWorks/HostedVoicemailFaxVideo.ce";
            break;
    }
    
    if (actionString.length > 0){
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-30630-5']);
        _gaq.push(['_setDomainName', '.hostednumbers.com']);
        _gaq.push(['_trackPageview', actionString]);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
    }
}

/***************************************
How It Works - Manage Content
****************************************/
var sectionTitle = new Object();
var sectionContent = new Object();
var sectionBGs = new Array("/assets/images/HowItWorks/infobg_local.jpg", "/assets/images/HowItWorks/infobg_reporting.jpg", "/assets/images/HowItWorks/infobg_fax.jpg");
function pageload(hash) {
    if (hash) {
        $(sectionTitle).each(function(i) {
            if (hash == $(sectionTitle[i]).children("a").attr("name"))
                showContent(i);
        });
    } else {
        showContent(0);
    }
}

function showContent(i) {
    $(".tocNav td").removeClass("activeNav");
    $(".tocContent").html("<h4>" + $(sectionTitle[i]).children("span").html() + "</h4>" + $(sectionContent[i]).html());
    $(".tocNav td:eq(" + i + ")").addClass("activeNav");
    $(".tocNav").css("background-repeat", "no-repeat");
    $(".tocNav").css("background-position", "center 73px");
    $(".tocNav").css("background-image", "url('" + sectionBGs[i] + "')");
}

function updateHowItWorksContent() {
    sectionTitle = $(".tocTable dt");
    sectionContent = $(".tocTable dd");
    var tocTableHTML = '<table border="0" cellpadding="0" cellspacing="0" class="tocTable">';
    tocTableHTML += '<tr>';
    tocTableHTML += '<td align="left" valign="top" rowspan="' + sectionTitle.length + 1 + '" class="tocNav" width="200">';
    tocTableHTML += '<table border="0" cellpadding="4" cellspacing="0" width="100%">';
    sectionTitle.each(function(i) {
        var curSectionHref = '#' + $(sectionTitle[i]).children("a").attr("name");
        var curSectionTitle = $(sectionTitle[i]).children("span").html();
        tocTableHTML += '<tr>';
        tocTableHTML += '<td align="left" valign="top"><a href="' + curSectionHref + '" onclick="showContent(' + i + ');return false;">' + curSectionTitle + '</a></td>';
        tocTableHTML += '</tr>';
    });
    tocTableHTML += '</table>';
    tocTableHTML += '</td>';
    tocTableHTML += '<td align="left" valign="top" class="tocContent">';
    tocTableHTML += '</td>';
    tocTableHTML += '</tr>';
    tocTableHTML += '</table>';
    $(".tocTableContainer").html(tocTableHTML);

    $.historyInit(pageload);

    $(".tocNav td a").click(function() {
        var hash = this.href;
        hash = hash.replace(/^.*#/, '');
        $.historyLoad(hash);
        return false;
    });
}

function showOverlay(objToShow, options) {
    // set standard options
    var modalOptions = new Object();
    modalOptions.opacity = 50;
    modalOptions.overlayCss = { background: "#000" };
    if (options == null || options.escClose == null) {
        modalOptions.escClose = true;
    }
    if (options == null || options.closeClass == null) {
        modalOptions.closeClass = "closeBtn";
    }

    // for each option
    for (var item in options) {
        switch (item.toString().toLowerCase()) {
            // Anything else gets passed to simple modal  
            default:
                modalOptions[item] = options[item];
        }
    }

    modalOptions.onOpen = function (dialog) {
        dialog.overlay.fadeIn(200, function () {
            dialog.container.show();
            dialog.data.show();
        });
    };

    $(objToShow).modal(modalOptions);
}

$(document).ready(function () {
    setupNewsletterForm();
});

function setupNewsletterForm() {
    $("#newsletterSignup input").focus(function () {
        $(this).removeClass("helpText");
        if ($(this).val() == $(this).attr("title")) {
            $(this).val("");
        }
    });

    $("#newsletterSignup input").blur(function () {
        if ($(this).val() == "") {
            $(this).val($(this).attr("title"));
            $(this).addClass("helpText");
        }
    });

    $("#newsletterSignup input").blur();
}

function newsletterSignup() {
    if ($("#txtNewsletterName").val() == "" || $("#txtNewsletterName").val() == $("#txtNewsletterName").attr("title")) {
        $("#txtNewsletterName").focus();
        alert("Please enter your name");
    } else if ($("#txtNewsletterEmail").val() == "" || $("#txtNewsletterEmail").val() == $("#txtNewsletterEmail").attr("title")) {
        $("#txtNewsletterEmail").focus();
        alert("Please enter your email address");
    } else {
        var strName = $("#txtNewsletterName").val();
        var strEmail = $("#txtNewsletterEmail").val();

        $("#txtNewsletterName").attr("disabled", "disabled");
        $("#txtNewsletterName").val("Loading...");

        $("#txtNewsletterEmail").attr("disabled", "disabled");
        $("#txtNewsletterEmail").val("");

        $.ajax({
            url: "NewsletterSignup.aspx/SaveNewsletterSignup",
            data: "{name: " + JSON.stringify(strName) + ", email: " + JSON.stringify(strEmail) + ", pageSubmittedFrom: " + JSON.stringify(document.location.href) + "}",
            type: "POST",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                var json = JSON.parse(data.d);
                if (json[0].ErrorMessage) {
                    alert(json[0].ErrorMessage);

                    $("#txtNewsletterName").attr("disabled", "");
                    $("#txtNewsletterName").val(strName);

                    $("#txtNewsletterEmail").attr("disabled", "");
                    $("#txtNewsletterEmail").val(strEmail);
                } else {
                    alert("Thank you for you submission.");

                    $("#txtNewsletterName").attr("disabled", "");
                    $("#txtNewsletterName").val("");

                    $("#txtNewsletterEmail").attr("disabled", "");
                    $("#txtNewsletterEmail").val("");

                    $("#newsletterSignup input").blur();
                }
            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert("We are unable to save your request at this time. Please try again later.");


                $("#txtNewsletterName").attr("disabled", "");
                $("#txtNewsletterName").val(strName);

                $("#txtNewsletterEmail").attr("disabled", "");
                $("#txtNewsletterEmail").val(strEmail);
            }
        });
    }
}