// JScript File
//Show/hide funnel help text
function ToggleBox(id){
    // $('v' +id).fx.toggle();

    if ($('#v' + id + ':visible').length > 0) {
        $('#v' + id).slideUp(500);
    } else {
        $('#v' + id).slideDown(500);
    }
}

$(document).ready(function () {

    var status = {
        'true': 'open',
        'false': 'close'
    };

    $('#v1').hide();
    $('#v2').hide();
    $('#v3').hide();
    $('#v4').hide();
    $('#v5').hide();
    $('#v6').hide();
    $('#v7').hide();

});

   /* 
window.addEvent('domready', function () {
    var status = {
        'true': 'open',
        'false': 'close'
    };

  $('v1').fx = new Fx.Slide('v1');
    $('v1').fx.hide();
    $('v2').fx = new Fx.Slide('v2');
    $('v2').fx.hide();
    $('v3').fx = new Fx.Slide('v3');
    $('v3').fx.hide();
    $('v4').fx = new Fx.Slide('v4');
    $('v4').fx.hide();
    $('v5').fx = new Fx.Slide('v5');
    $('v5').fx.hide();
    $('v6').fx = new Fx.Slide('v6');
    $('v6').fx.hide();
    $('v7').fx = new Fx.Slide('v7');
    $('v7').fx.hide(); 





});*/

function Calculate() {
    
    document.getElementById('pnlThankyou').style.display = 'none';
    var Visitors = document.getElementById('ctl00_MainContent_Funnel1_TextBoxVisitors').value;
    var Traffic = document.getElementById('ctl00_MainContent_Funnel1_TextBoxTraffic').value;
    Visitors = new Number(Visitors).toFixed(0);
    var VisitorsError = (Visitors == 'NaN' || document.getElementById('ctl00_MainContent_Funnel1_TextBoxVisitors').value == '');
    Traffic = Traffic.replace('%', '');
    Traffic = new Number(Traffic).toFixed(2);
    var TrafficError = (Traffic == 'NaN' || document.getElementById('ctl00_MainContent_Funnel1_TextBoxTraffic').value == '');
    var Leads = Visitors * Traffic / 100;
    Leads = Leads.toFixed(0);
    var Sales = document.getElementById('ctl00_MainContent_Funnel1_TextBoxSales').value;
    Sales = Sales.replace('£', '');
    Sales = new Number(Sales).toFixed(2);
    var SalesError = (Sales == 'NaN' || document.getElementById('ctl00_MainContent_Funnel1_TextBoxSales').value == '');
    var Income = new Number(Leads * Sales).toFixed(2);
    var Cost = document.getElementById('ctl00_MainContent_Funnel1_TextBoxCost').value;
    Cost = Cost.replace('£', '');
    Cost = new Number(Cost).toFixed(2);
    var CostError = (Cost == 'NaN' || document.getElementById('ctl00_MainContent_Funnel1_TextBoxCost').value == '');
    var Clicks = Visitors;
    var Average = document.getElementById('ctl00_MainContent_Funnel1_TextBoxAverage').value;
    Average = Average.replace('£', '');
    Average = new Number(Average).toFixed(2);
    var AverageError = (Average == 'NaN' || document.getElementById('ctl00_MainContent_Funnel1_TextBoxAverage').value == '');
    var PaidSearch = new Number(Cost * Visitors).toFixed(2);
    var ROI = new Number(Income - (new Number(Average) + new Number(PaidSearch))).toFixed(2);
    var NewCustomer = new Number(Leads * Sales).toFixed(2);
    var Transaction = new Number(new Number(ROI) + new Number(NewCustomer)).toFixed(2);
    
    if (!VisitorsError) {
        document.getElementById('ctl00_MainContent_Funnel1_LabelClicks').innerHTML = Clicks;
    }
    if (!TrafficError) {
        document.getElementById('ctl00_MainContent_Funnel1_TextBoxTraffic').value = Traffic + ' %';
    }
    if (!SalesError) {
        document.getElementById('ctl00_MainContent_Funnel1_TextBoxSales').value = '£' + Sales;
    }
    if (!CostError) {
        document.getElementById('ctl00_MainContent_Funnel1_TextBoxCost').value = '£' + Cost;
    }
    if (!AverageError) {
        document.getElementById('ctl00_MainContent_Funnel1_TextBoxAverage').value = '£' + Average;
    }
    
    if (!VisitorsError && !TrafficError) {
        document.getElementById('ctl00_MainContent_Funnel1_LabelLeads').innerHTML = Leads;
        if (!SalesError) {
            document.getElementById('ctl00_MainContent_Funnel1_LabelIncome').innerHTML = '£' + Income;
            document.getElementById('ctl00_MainContent_Funnel1_LabelNewCustomer').innerHTML = NewCustomer;
        }
    }
ResetFunnelButtonSetText("Calculate")
    if (!VisitorsError && !CostError) {
        document.getElementById('ctl00_MainContent_Funnel1_LabelPaidSearch').innerHTML = '£' + PaidSearch;
        document.getElementById('ctl00_MainContent_Funnel1_LabelPaidSearchCost').innerHTML = '£' + Average;
        if (!SalesError && !AverageError) {
            document.getElementById('ctl00_MainContent_Funnel1_LabelROI').innerHTML = '£' + ROI;
            document.getElementById('ctl00_MainContent_Funnel1_LabelROIGenerated').innerHTML = '£' + ROI;
            if (!TrafficError) {
                document.getElementById('ctl00_MainContent_Funnel1_LabelTransaction').innerHTML = '£' + Transaction;
                document.getElementById('pnlThankyou').style.display = '';
                document.getElementById('ctl00_MainContent_Funnel1_btnShowPrint').style.display = '';
                ResetFunnelButtonSetText("Reset Funnel")
            }
        }
    }
    
    if (Visitors == 'NaN'){
        document.getElementById('txtVisitorError').style.display='';
    } else {
        document.getElementById('txtVisitorError').style.display='none';
    }
    if (Traffic == 'NaN'){
        document.getElementById('txtTrafficError').style.display='';
    } else {
        document.getElementById('txtTrafficError').style.display='none';
    }
    if (Sales == 'NaN'){
        document.getElementById('txtSalesError').style.display='';
    } else {
        document.getElementById('txtSalesError').style.display='none';
    }
    if (Cost == 'NaN'){
        document.getElementById('txtCostError').style.display='';
    } else {
        document.getElementById('txtCostError').style.display='none';
    }
    if (Average == 'NaN'){
        document.getElementById('txtAverageError').style.display='';
    } else {
        document.getElementById('txtAverageError').style.display='none';
    }
    
    
}

function ResetFunnel()
{
    document.getElementById('ctl00_MainContent_Funnel1_TextBoxVisitors').value = ''
    document.getElementById('ctl00_MainContent_Funnel1_TextBoxTraffic').value = ''
    document.getElementById('ctl00_MainContent_Funnel1_TextBoxSales').value = ''
    document.getElementById('ctl00_MainContent_Funnel1_TextBoxCost').value = ''
    document.getElementById('ctl00_MainContent_Funnel1_TextBoxAverage').value = ''
    document.getElementById('ctl00_MainContent_Funnel1_LabelClicks').innerHTML = ''
    document.getElementById('ctl00_MainContent_Funnel1_LabelLeads').innerHTML = ''
    document.getElementById('ctl00_MainContent_Funnel1_LabelIncome').innerHTML = ''
    document.getElementById('ctl00_MainContent_Funnel1_LabelNewCustomer').innerHTML = ''
    document.getElementById('ctl00_MainContent_Funnel1_LabelPaidSearch').innerHTML = ''
    document.getElementById('ctl00_MainContent_Funnel1_LabelROI').innerHTML = ''
    document.getElementById('ctl00_MainContent_Funnel1_LabelTransaction').innerHTML = ''
    document.getElementById('pnlThankyou').style.display = 'none';
    document.getElementById('txtVisitorError').style.display='none';
    document.getElementById('txtTrafficError').style.display='none';
    document.getElementById('txtSalesError').style.display='none';
    document.getElementById('txtCostError').style.display='none';
    document.getElementById('txtAverageError').style.display='none';
    document.getElementById('ctl00_MainContent_Funnel1_btnShowPrint').style.display='none';
    
    ResetFunnelButtonSetText("Calculate")
}

function PrintFunnel()
{
    window.open("/print-funnel.aspx?TextBoxVisitors=" + document.getElementById('ctl00_MainContent_Funnel1_TextBoxVisitors').value + "&TextBoxTraffic=" + document.getElementById('ctl00_MainContent_Funnel1_TextBoxTraffic').value + "&TextBoxSales=" + document.getElementById('ctl00_MainContent_Funnel1_TextBoxSales').value + "&TextBoxCost=" + document.getElementById('ctl00_MainContent_Funnel1_TextBoxCost').value + "&TextBoxAverage=" + document.getElementById('ctl00_MainContent_Funnel1_TextBoxAverage').value + "","PrintFunnel", "menubar=no,width=750,height=650,toolbar=no,scrollbars=yes");
}


function ResetFunnelButton(ButtonId, ButtonText)
{
    this.ButtonId = ButtonId;
    this.ButtonText = ButtonText;
    this.ButtonPrint = function()
                       {
                            var HTMLforButton = "";
                            
                            HTMLforButton += "<div id='btnxReset' class='button test narrow' style='float: right; margin: 10px -20px 0px 10px;position:relative;'>";
                            HTMLforButton += "<div class='left'><div class='n' style='border: none;'><div class='e'><div class='s'><div class='w'><div class='nw'>";
                            HTMLforButton += "<div class='sw'><div class='se'><div class='ne'>";
                            HTMLforButton += "<a id='" + this.ButtonId + "' href='javascript:ResetFunnel();' onmouseout='ResetFunnelButtonOff(" + this.ButtonId + ")' onmouseover='ResetFunnelButtonOn(" + this.ButtonId + ")'>" + this.ButtonText + "</a>";
                            HTMLforButton += "</div></div></div></div></div></div></div></div></div></div>";
                            
                            return HTMLforButton;
                       }
    this.ChangeText = function()
                      {
                            if (this.ButtonText == "Reset Funnel")
                            {
                                this.ButtonText = "Calculate";
                                document.getElementById(this.ButtonId).innerHTML = "Calculate";
                                ResetFunnel();
                            }
                            else
                            {
                                this.ButtonText = "Reset Funnel";
                                document.getElementById(this.ButtonId).innerHTML = "Reset Funnel";
                            }
                      }
    this.SetText = function(Text)
                        {
                            document.getElementById(this.ButtonId).innerHTML = Text;
                        }
    this.ButtonHover = function()
                       {
                            document.getElementById(this.ButtonId).className = "button";
                       }
    this.ButtonOut = function()
                     {
                            document.getElementById(this.ButtonId).className = "button over";
                     }
}

function ResetFunnelButtonOn(ButtonId)
{
    ButtonId.ButtonHover();
}
function ResetFunnelButtonOff(ButtonId)
{
    ButtonId.ButtonOut();
}
function ResetFunnelButtonClicked(ButtonId)
{
    ButtonId.ChangeText();
}
function ResetFunnelButtonSetText(Text)
{
    btnFunnelReset.SetText(Text)
}