﻿// JScript File
//Show/hide funnel help text
function ToggleBox(id){
    $('v' +id).fx.toggle();
}

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;
        }
    }
    
    if (!VisitorsError && !CostError) {
        document.getElementById('ctl00_MainContent_Funnel1_LabelPaidSearch').innerHTML = '£' + PaidSearch;
        document.getElementById('ctl00_MainContent_Funnel1_LabelPaidSearchCost').innerHTML = '£' + PaidSearch;
        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 = '';
            }
        }
    }
    
    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';
}

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");
}

