﻿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){
        pageTracker._trackPageview(actionString);
    }
}

/***************************************
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;
    });
}