//global variables that can be used by ALL the function son this page.
var inputs;
var imgFalse = 'images/basic_calc.gif';
var imgTrue = 'images/basic_calc2.gif';
var total = 0;
var state1 = 0;
var state2 = 0;
var state3 = 0;
var state4 = 0;
var buttonCount = 0;
var precentFlag = false;
var CurrentfixedLine = 0;
var fixedLine = 0;
//this function runs when the page is loaded, put all your other onload stuff in here too.
function init() {
    replaceChecks();
}

function initState(i, checked)
{
	
	switch(i)
{
    

case "6" :
if (checked){
    img2 = 'images/calc6_2.gif';
}else{
   img2 = 'images/calc6.gif';
}

  break
case "26" :

if (checked){
    img2 = 'images/calc26_2.gif';
}else{
   img2 = 'images/calc26.gif';
}
  break
case "46" :
 if (checked){
    img2 = 'images/calc46_2.gif';
}else{
   img2 = 'images/calc46.gif';
}
  break
case "76" :
  if (checked){
    img2 = 'images/calc76_2.gif';
}else{
   img2 = 'images/calc76.gif';
}
  break
 
 case "27" :
  if (checked){
    img2 = 'images/start_calc2.gif';
}else{
   img2 ='images/start_calc.gif';
}
  break
  case "33" :
  if (checked){
    img2 = 'images/smart_calc2.gif';
}else{
   img2 = 'images/smart_calc.gif';
}
  break
  case "69" :
  if (checked){
    img2 = 'images/gold_calc2.gif';
}else{
   img2 = 'images/gold_calc.gif';
}
  break
  case "99" :
  if (checked){
    img2 = 'images/prem_calc2.gif';
}else{
   img2 = 'images/prem_calc.gif';
}
  break
}

return img2;

}

function initStateRad(i, checked)
{
	id = inputs[i].getAttribute('id');
	switch(id)
{

  case "start" :
  if (checked){
    img2 = 'images/start_calc2.gif';
}else{
   img2 ='images/start_calc.gif';
}
  break
  case "smart" :
  if (checked){
    img2 = 'images/smart_calc2.gif';
}else{
   img2 = 'images/smart_calc.gif';
}
  break
  case "gold" :
  if (checked){
    img2 = 'images/gold_calc2.gif';
}else{
   img2 = 'images/gold_calc.gif';
}
  break
  case "prem" :
  if (checked){
    img2 = 'images/prem_calc2.gif';
}else{
   img2 = 'images/prem_calc.gif';
}
  break
}

return img2;

}

function replaceChecks() {
    
    //get all the input fields on the page
    inputs = document.getElementsByTagName('input');

    //cycle through the input fields
    for(var i=0; i < inputs.length; i++) {

        //check if the input is a checkbox
        if(inputs[i].getAttribute('type') == 'checkbox') {
            
            //create a new image
            var img = document.createElement('img');
			b = inputs[i].getAttribute('value');
		
            initImg = initState(b, inputs[i].checked);
		
            //check if the checkbox is checked
            
                img.src = initImg;
         

            //set image ID and onclick action
            img.id = 'checkImage'+i;
            //set image
            img.onclick = new Function('checkChange('+i+')');
            //place image in front of the checkbox
            inputs[i].parentNode.insertBefore(img, inputs[i]);
            
            //hide the checkbox
            inputs[i].style.display='none';
        }
    }
}
function getState(i, checked)
{
	
	switch(i)
{
    
case 1 :
if (checked){
    img = 'images/calc6_2.gif';
	
}else{
   img = 'images/calc6.gif';
}
  break
case 2 :
if (checked){
    img = 'images/calc26_2.gif';
}else{
   img = 'images/calc26.gif';
}
  break
case 3 :
if (checked){
    img = 'images/calc46_2.gif';
}else{
   img = 'images/calc46.gif';
}
  break
case 4 :
if (checked){
    img = 'images/calc76_2.gif';
}else{
   img = 'images/calc76.gif';
}
  break
 case 7 :
if (checked){
    img = 'images/calc6_2.gif';
}else{
   img = 'images/calc6.gif';
}
  break
case 8 :
if (checked){
    img = 'images/calc26_2.gif';
}else{
   img = 'images/calc26.gif';
}
  break
case 9 :
if (checked){
    img = 'images/calc46_2.gif';
}else{
   img = 'images/calc46.gif';
}
  break
case 10 :
if (checked){
    img = 'images/calc76_2.gif';
}else{
   img = 'images/calc76.gif';
}
  break
  case 12 :
if (checked){
    img = 'images/calc6_2.gif';
}else{
   img = 'images/calc6.gif';
}
  break
case 13 :
if (checked){
    img = 'images/calc26_2.gif';
}else{
   img = 'images/calc26.gif';
}
  break
case 14 :
if (checked){
    img = 'images/calc46_2.gif';
}else{
   img = 'images/calc46.gif';
}
  break
case 15 :
if (checked){
    img = 'images/calc76_2.gif';
}else{
   img = 'images/calc76.gif';
}
  break
  case 17 :
if (checked){
    img = 'images/calc6_2.gif';
}else{
   img = 'images/calc6.gif';
}
  break
case 18 :
if (checked){
    img = 'images/calc26_2.gif';
}else{
   img = 'images/calc26.gif';
}
  break
case 19 :
if (checked){
    img = 'images/calc46_2.gif';
}else{
   img = 'images/calc46.gif';
}
  break
case 20 :
if (checked){
    img = 'images/calc76_2.gif';
}else{
   img = 'images/calc76.gif';
}
  break
   case 0 :
  if (checked){
	  precentFlag = true;
	 
    img = 'images/start_calc2.gif';
	
}else{
	  
   img ='images/start_calc.gif';
}
  break
  case 6 :
  if (checked){
	  precentFlag = true;
	   alert("in here");
    img = 'images/smart_calc2.gif';
	
}else{
   img = 'images/smart_calc.gif';
}
  break
  case 11 :
  if (checked){
	  precentFlag = true;
	   alert("in here");
    img = 'images/gold_calc2.gif';
	
}else{
   img = 'images/gold_calc.gif';
}
  break
  case 16 :
  if (checked){
	  precentFlag = true;
	   alert("in here");
    img = 'images/prem_calc2.gif';
}else{
   img = 'images/prem_calc.gif';
}
  break
}

return img;

}

function getRadio(i, checked)
{
switch(i)
{
case 0:
  if (checked){
precentFlag = true;
	    state1 ='images/start_calc2.gif';
   state2 = 'images/smart_calc.gif';
   state3 = 'images/gold_calc.gif';
   state4 = 'images/prem_calc.gif';
   inputs[16].checked = '';
   inputs[11].checked = '';
   inputs[6].checked = '';
   inputs[0].checked = 'checked';
   
}else{
	   precentFlag = false;
    state1 ='images/start_calc.gif';
   state2 = 'images/smart_calc.gif';
   state3 = 'images/gold_calc.gif';
   state4 = 'images/prem_calc.gif';
   inputs[16].checked = '';
   inputs[11].checked = '';
   inputs[6].checked = '';
   inputs[0].checked = '';
}
 
  break    
case 6:
  if (checked){
precentFlag = true;
   state1 ='images/start_calc.gif';
   state2 = 'images/smart_calc2.gif';
   state3 = 'images/gold_calc.gif';
   state4 = 'images/prem_calc.gif';
   inputs[16].checked = '';
   inputs[11].checked = '';
   inputs[6].checked = 'checked';
   inputs[0].checked = '';
   }else{
	      precentFlag = false;
    state1 ='images/start_calc.gif';
   state2 = 'images/smart_calc.gif';
   state3 = 'images/gold_calc.gif';
   state4 = 'images/prem_calc.gif';
   inputs[16].checked = '';
   inputs[11].checked = '';
   inputs[6].checked = '';
   inputs[0].checked = '';
}
  break
  case 11:
  if (checked){
precentFlag = true;
   state1 ='images/start_calc.gif';
   state2 = 'images/smart_calc.gif';
   state3 = 'images/gold_calc2.gif';
   state4 = 'images/prem_calc.gif';
   inputs[16].checked = '';
   inputs[11].checked = 'checked';
   inputs[6].checked = '';
   inputs[0].checked = '';
   }else{
	   precentFlag = false;
    state1 ='images/start_calc.gif';
   state2 = 'images/smart_calc.gif';
   state3 = 'images/gold_calc.gif';
   state4 = 'images/prem_calc.gif';
   inputs[16].checked = '';
   inputs[11].checked = '';
   inputs[6].checked = '';
   inputs[0].checked = '';
}
  break
  case 16:
  if (checked){
precentFlag = true;
   state1 ='images/start_calc.gif';
   state2 = 'images/smart_calc.gif';
   state3 = 'images/gold_calc.gif';
   state4 = 'images/prem_calc2.gif';
   inputs[16].checked = 'checked';
   inputs[11].checked = '';
   inputs[6].checked = '';
   inputs[0].checked = '';
   }else{
	     precentFlag = false;
    state1 ='images/start_calc.gif';
   state2 = 'images/smart_calc.gif';
   state3 = 'images/gold_calc.gif';
   state4 = 'images/prem_calc.gif';
    inputs[16].checked = '';
   inputs[11].checked = '';
   inputs[6].checked = '';
   inputs[0].checked = '';
}
  break
default:
   state1 ='images/start_calc.gif';
   state2 = 'images/smart_calc.gif';
   state3 = 'images/gold_calc.gif';
   state4 = 'images/prem_calc.gif';
       inputs[16].checked = '';
   inputs[11].checked = '';
   inputs[6].checked = '';
   inputs[0].checked = '';
   
}
//alert(precentFlag);
}
//change the checkbox status and the replacement image
function checkChange(i) {

value = inputs[i].getAttribute('value');
value = parseInt(value);
var flag = true;
    if(inputs[i].checked) {
        inputs[i].checked = '';
flag = false;

    } else {
        inputs[i].checked = 'checked';
			
flag = true;
    }

 if(inputs[i].getAttribute('name') == 'rad') {
//alert("flag"+flag);	      
fixedLine = value;
neq = 0;

//alert("fixed line"+fixedLine);
//alert("current"+CurrentfixedLine);
if (fixedLine != CurrentfixedLine)
{
	//alert("5%");
	total = total - CurrentfixedLine;
	total = total + fixedLine;
	neq = 1;
	CurrentfixedLine = value;
	percent  = 0;
}

if ((fixedLine == CurrentfixedLine) && (neq == 0))
{
	//alert("-5%");
	
	    if(flag == false) {
		  	total = total - fixedLine;
			percent  = 1;
		//optionCount =  optionCount + 1;	
		} else {
		total = total + fixedLine;
		percent  = 0;
		}
		CurrentfixedLine = 0;

}


//alert("total"+total);


//alert("current"+CurrentfixedLine);
	getRadio(i, inputs[i].checked);
	
	document.getElementById('checkImage0').src=state1;
	
	document.getElementById('checkImage6').src=state2;
	document.getElementById('checkImage11').src=state3;
	document.getElementById('checkImage16').src=state4;
	
	document.getElementById('total').value = total;

 }else{
	 
	     if(flag) {
		  total  = total + value;
		  percent2  = 0;
	buttonCount =  buttonCount + 1;
		} else {
	total = total - value; 
buttonCount =  buttonCount - 1;
	percent2  = 1;
		}
	 state = getState(i, inputs[i].checked);
	     document.getElementById('checkImage'+i).src=state;
		
		
	
	
	

 }
	// alert(precentFlag);
	//	alert("but"+buttonCount);
		if ((precentFlag) && (buttonCount != 0))
		{
		displayTotal = total * 0.95;
		document.getElementById('total').value = "$"+displayTotal.toFixed(2)  ;
		}else
		{
		
		document.getElementById('total').value = "$"+total.toFixed(2) ;	
		} 



	
}

window.onload = init;