// Savings Calculator script
// How many members do you have?
var memSize = new Array();
memSize[0] = 'No Selection';
memSize[1] = '1 - 500';
memSize[2] = '501 - 1000';
memSize[3] = '1001 - 2000';
memSize[4] = '2001 - 5000';
memSize[5] = '5001+';

// Average Monthly Recurring Dues
var recCharge = new Array();
recCharge[0] = 'No Selection';
recCharge[1] = '$10 - $20';
recCharge[2] = '$21 - $35';
recCharge[3] = '$36 - $50';
recCharge[4] = '$50+';

// Savings table
var savings = new Array();
savings[0] = new Array();
// Oops! Forgot to select
savings[0][0] = 'Select from below';
// Oops! Forgot to select Membership Size
savings[0][1] = 'Select membership size';
savings[0][2] = 'Select membership size';
savings[0][3] = 'Select membership size';
savings[0][4] = 'Select membership size';
savings[0][5] = 'Select membership size';
// Row 1
savings[1] = new Array();
savings[1][0] = 'Select recurring charge'; // Oops! Forgot to select Recurring Charge
savings[1][1] = '$750 - $1500';
savings[1][2] = '$1500-$2000';
savings[1][3] = '$2000-$2500';
savings[1][4] = '$2500-$4000';
// Row 2
savings[2] = new Array();
savings[2][0] = 'Select recurring charge'; // Oops! Forgot to select Recurring Charge
savings[2][1] = '$1500-$2000';
savings[2][2] = '$2000-$2500';
savings[2][3] = '$2500-$3350';
savings[2][4] = '$3350-$4200';
// Row 3
savings[3] = new Array();
savings[3][0] = 'Select recurring charge'; // Oops! Forgot to select Recurring Charge
savings[3][1] = '$2000-$3000';
savings[3][2] = '$3000-$5200';
savings[3][3] = '$5200-$6750';
savings[3][4] = '$6750-$8000';
// Row 4
savings[4] = new Array();
savings[4][0] = 'Select recurring charge'; // Oops! Forgot to select Recurring Charge
savings[4][1] = '$4500-$7500';
savings[4][2] = '$7500-$11500';
savings[4][3] = '$11500-$18000';
savings[4][4] = '$18000-$25000';
// Row 5
savings[5] = new Array();
savings[5][0] = 'Select recurring charge'; // Oops! Forgot to select Recurring Charge
savings[5][1] = '$7500-$15000';
savings[5][2] = '$15000-$23500';
savings[5][3] = '$23500-$32000';
savings[5][4] = '$32000-$45500';

// Calculator
function savingsCalculator()
{
	/* For drop downs
	var theScreen = document.getElementById( 'screen' );
	var membershipSize = document.getElementById( 'how-many-members' ).selectedIndex;
	var recurringCharge = document.getElementById( 'monthly-recurring-charges' ).selectedIndex;
	//alert( savings[membershipSize][recurringCharge] );
	if ( membershipSize == 0 || recurringCharge == 0 ) 
	{
		theScreen.style.fontSize = '12px';
	}
	else
	{
		theScreen.style.fontSize = '24px';
	}
	var theSavings = savings[membershipSize][recurringCharge];
	theScreen.value = theSavings;
	*/
	// For radio buttons
	var membershipSize = 0; // Membership size default
	var recurringCharge = 0; // Recurring charge default
	var state = 'calculator'; // Default state is to show the calculator
	var theScreen = document.getElementById( 'screen' ); // The calculator screen
	var memSizePara = document.getElementById( 'membership_size' ); // The Membership Size field
	var recChargePara = document.getElementById( 'recurring_charge' ); // The Recurring Charge field
	var reqForm = document.getElementById( 'calculator-form-container' ); // The container for the request form
	var savingsCalcBtn = document.getElementById( 'savings-calculator-btn' ); // The caculator button
	
	// Grab the value from the Membership Size radio buttons
	var membershipSizeRBs = document.savings_calculator.membership_size;
	for( var i = 0; i < membershipSizeRBs.length; i++ )
	{
		if ( membershipSizeRBs[i].checked )
		{
			var membershipSize = membershipSizeRBs[i].value;	
		}
	}
	
	// Grab the value from the Recurring Charges radio buttons
	var recurringChargeRBs = document.savings_calculator.recurring_charge;
	for( var i = 0; i < recurringChargeRBs.length; i++ )
	{
		if ( recurringChargeRBs[i].checked )
		{
			var recurringCharge = recurringChargeRBs[i].value;	
		}
	}
	
	// Enter the savings in the screen
	var theSavings = savings[membershipSize][recurringCharge];
	
	// Set up the request form if both radio buttons are selected
	if ( membershipSize > 0 && recurringCharge > 0 )
	{
		theScreen.value = 'Save ' + theSavings + '!'; // Show the savings
		reqForm.style.visibility = 'visible'; // Make the request form visible
		// Place values selected into the hidden fields of the form
		for ( var element_cnt = 0; element_cnt < document.calculator_form.elements.length; element_cnt++ )
		{
			if ( document.calculator_form.elements[element_cnt].value == 'Membership Size' )
			{
				//alert( 'Membership Size' );
				document.calculator_form.elements[element_cnt].value = memSize[membershipSize];
			}
			if ( document.calculator_form.elements[element_cnt].value == 'Recurring Charge' )
			{
				document.calculator_form.elements[element_cnt].value = recCharge[recurringCharge];
			}
			if ( document.calculator_form.elements[element_cnt].value == 'Savings' )
			{
				document.calculator_form.elements[15].value = theSavings;
			}
		}
		savingsCalcBtn.style.background = 'url(/wp-content/themes/motionsoft1/_images/start-over-btn.png) no-repeat center center';	
		savingsCalcBtn.onmouseover = function () 
		{ 
			savingsCalcBtn.style.background = 'url(/wp-content/themes/motionsoft1/_images/start-over-btn-mouseover.png) no-repeat center center';
		}
		savingsCalcBtn.onmouseout = function () 
		{ 
			savingsCalcBtn.style.background = 'url(/wp-content/themes/motionsoft1/_images/start-over-btn.png) no-repeat center center';
		}
		// Reset the form
		savingsCalcBtn.onclick = function () 
		{ 
			// Reset the form
			theScreen.value = 'Calculate your savings!';
			document.savings_calculator.reset();
			// Reset the Membership Size radio buttons
			var membershipSizeRBs = document.savings_calculator.membership_size;
			membershipSizeRBs.selectedIndex = -1;
			recurringChargeRBs.selectedIndex = -1;
			// Make all the valid imgs hidden again
			var imgIDs = new Array(
				'name',
				'facility',
				'phone',
				'email',
				'comments'
			);
			for ( var img_cnt = 0; img_cnt < imgIDs.length; img_cnt++ )
			{
				document.getElementById( 'calculator-form-' + imgIDs[img_cnt] + '-val' ).style.visibility = 'hidden';	
			}
			reqForm.style.visibility = 'hidden'; 
			savingsCalcBtn.style.background = 'url(/wp-content/themes/motionsoft1/_images/savings-calculator-btn.png) no-repeat center center';
			savingsCalcBtn.onmouseover = function () 
			{ 
				savingsCalcBtn.style.background = 'url(/wp-content/themes/motionsoft1/_images/savings-calculator-mouseover-btn.png) no-repeat center center'; 
			}
			savingsCalcBtn.onmouseout = function () 
			{ 
				savingsCalcBtn.style.background = 'url(/wp-content/themes/motionsoft1/_images/savings-calculator-btn.png) no-repeat center center';
			}
			savingsCalcBtn.onclick = function () { savingsCalculator(); }
		}
	}
	// If the Membership Size field has not been selected
	if ( membershipSize == 0 ) 
	{ 
		memSizePara.style.color = '#ff0000'; 
		theScreen.value = theSavings;
	}
	// If selected
	else 
	{ 
		memSizePara.style.color = '#002b5c'; 
	}
	// If the Recurring Charges field has not been selected
	if ( recurringCharge == 0 ) 
	{ 
		recChargePara.style.color = '#ff0000'; 
		theScreen.value = theSavings;
	}
	// If selected
	else 
	{ 
		recChargePara.style.color = '#002b5c'; 
	}
	// alert( savings[membershipSize][recurringCharge] );
}

// Function in the demo form/start over state
/*
function startOver()
{
	// Grab the button
	var startOverBtn = document.getElementById( 'savings-calculator-btn' );
	// Make the background start over button
	startOverBtn.style.background = 'url(/wp-content/themes/motionsoft1/_images/start-over-btn.png) no-repeat center center';
	// Start over mouseover
	startOverBtn.onmouseover = function () 
	{ 
		startOverBtn.style.background = 'url(/wp-content/themes/motionsoft1/_images/start-over-btn-mouseover.png) no-repeat center center';
	}
	// Start over mouseout
	savingsCalcBtn.onmouseout = function () 
	{ 
		startOverBtn.style.background = 'url(/wp-content/themes/motionsoft1/_images/start-over-btn.png) no-repeat center center';
	}
	// Start over onclick, go back to original state
	startOverBtn.onclick = function () 
	{ 
		savingsCalculator(); 
	}
}
*/