//<!-- Copyright Australian Health Insurance Association Ltd 2007 -->


//      controlId -  control id
//      layerId - reference to layer id
function toggleVisibility(controlId, layerId)
{
    var display = true;
    
    var value;
    
    if ((layerId != null) && (controlId != null))
    {
        var LayerName = document.getElementById(layerId); 
        
        var objectCtrl = document.getElementById(controlId);

        if (objectCtrl != null)
        {     
            value = objectCtrl.value;
	
			document.getElementById("1").innerHTML = "<b>Step 1:</b>";
			document.getElementById("2").innerHTML = "<b>Step 2:</b>";
			document.getElementById("3").innerHTML = "<b>Step 3:</b>";
			document.getElementById("4").innerHTML = "<b>Step 4:</b>";
			document.getElementById("5").innerHTML = "<b>Step 5:</b>";
			document.getElementById("6").innerHTML = "<b>Step 6:</b>";


			if ((document.surchargeForm.Membership_Type[0].checked) || (!document.surchargeForm.Membership_Type[0].checked && !document.surchargeForm.Membership_Type[1].checked && !document.surchargeForm.Membership_Type[2].checked && !document.surchargeForm.Membership_Type[3].checked)){
				if((document.surchargeForm.Hospital_Cover[0].checked)|| (!document.surchargeForm.Hospital_Cover[0].checked && !document.surchargeForm.Hospital_Cover[1].checked)){
					document.getElementById("MembershipType").innerHTML="<div id='MembershipType'>Select your Private Health Insurance Membership Type:</div>";
					document.getElementById("ExcessLevel").innerHTML="<div id='ExcessLevel'><div id='3'><b>Step 3:</b></div>What is your Private Hospital Cover Excess Level? <select name='Excess_Level' onchange='return dropdown(this)'><option selected value=''>please select</option><option value='500'>less than or equal to $500</option><option value='501'>greater than $500</option></select></div>";
				}
				else{
					document.getElementById("MembershipType").innerHTML="<div id='MembershipType'>Tell us your Family Type:</div>";
					document.getElementById("ExcessLevel").innerHTML="<div id='ExcessLevel'><div id='3'><b>Step 3:</b></div>What is your Private Hospital Cover Excess Level? <select name='Excess_Level' onchange='return dropdown(this)' disabled><option selected value='0'>please select</option></select></div>";			
				}
				
				document.getElementById('2').style.color="black"; 
				document.getElementById('MembershipType').style.color="black"; 

				if(document.surchargeForm.Hospital_Cover[0].checked ||document.surchargeForm.Hospital_Cover[1].checked){
					document.getElementById('1').style.color="black"; 
					document.getElementById('hospcover').style.color="black"; 
				}
			}
			else{
				if((document.surchargeForm.Hospital_Cover[0].checked)|| (!document.surchargeForm.Hospital_Cover[0].checked && !document.surchargeForm.Hospital_Cover[1].checked)){
					document.getElementById("MembershipType").innerHTML="<div id='MembershipType'>Select your Private Health Insurance Membership Type:</div>";
					document.getElementById("ExcessLevel").innerHTML="<div id='ExcessLevel'><div id='3'><b>Step 3:</b></div>What is your Private Hospital Cover Excess Level? <select name='Excess_Level' onchange='return dropdown(this)'><option selected value=''>please select</option><option value='1000'>less than or equal to $1,000</option><option value='1001'>greater than $1,000</option></select></div>";
				}
				else{
					document.getElementById("MembershipType").innerHTML="<div id='MembershipType'>Tell us your Family Type:</div>";
					document.getElementById("ExcessLevel").innerHTML="<div id='ExcessLevel'><div id='3'><b>Step 3:</b></div>What is your Private Hospital Cover Excess Level? <select name='Excess_Level' onchange='return dropdown(this)' disabled><option selected value='0'>please select</option></div>";
				}

				
				document.getElementById('2').style.color="black"; 
				document.getElementById('MembershipType').style.color="black"; 
				if(document.surchargeForm.Hospital_Cover[0].checked ||document.surchargeForm.Hospital_Cover[1].checked){
					document.getElementById('1').style.color="black"; 
					document.getElementById('hospcover').style.color="black"; 
				}
			}


	switch (layerId)
	{
	case (layerId = "ExcessLevel"):
		if ((value == '')||(value=='No')){							
			display = false; 
			document.surchargeForm.Excess_Level.disabled=true;
		}
		else{						
			display = true;
			document.surchargeForm.Excess_Level.disabled=false;
		}   
	break;   

	case (layerId = "Dependants"):
		document.getElementById(layerId).innerHTML="<div id='Dependants'><div id='4'><b>Step 4:</b></div>How many dependant children do you have? <select name='Dependants' onchange='return dropdown(this)'><option value='' selected>please select</option><option value='1'>1</option><option value='2'>2</option><option value='3'>3</option><option value='4'>4</option><option value='5'>5</option><option value='6'>6</option><option value='7'>7</option><option value='8'>8</option><option value='9'>9</option><option value='10'>10</option></select></div>";
	if ((value == 'Single') || (value == 'Couple') || (value == '')){			
			display = false;               
			document.surchargeForm.Dependants.disabled=true; 


		}
		else{			
			display = true;
			document.surchargeForm.Dependants.disabled=false;
		  
		}   

	if ((value == 'Single') || (value == 'Single Parent') || (value == '')){

			document.surchargeForm.Your_Spouse_Income.disabled=true;
			document.surchargeForm.Your_Spouse_Income.style.backgroundColor="#F2F2F2";
			document.surchargeForm.Your_Spouse_Income.style.border="1px solid #DDDDDD";
			spouse_income.style.background="#F2F2F2";   
			spouse_income.style.color="#C2C2C2";  
			document.getElementById('6').style.color="#C2C2C2"; 
			document.surchargeForm.Your_Spouse_Income.value="";
	}
		else{
			document.surchargeForm.Your_Spouse_Income.disabled=false;
			document.surchargeForm.Your_Spouse_Income.style.backgroundColor="#ffffff";
			document.surchargeForm.Your_Spouse_Income.style.border="1px solid #3799BE";
			spouse_income.style.background="#ffffff"; 
			spouse_income.style.color="#000000"; 
			document.getElementById('6').style.color="#000000"; 

  	} 
	break;
	}
   
	if((document.surchargeForm.Excess_Level.disabled) && (document.surchargeForm.Dependants.disabled)){
		document.getElementById("5").innerHTML = "<b>Step 3:</b>";
		document.getElementById("6").innerHTML = "<b>Step 4:</b>";
	}
	else if((!document.surchargeForm.Excess_Level.disabled) && (document.surchargeForm.Dependants.disabled)){
		document.getElementById("5").innerHTML = "<b>Step 4:</b>";
		document.getElementById("6").innerHTML = "<b>Step 5:</b>";
	}
	else if((document.surchargeForm.Excess_Level.disabled) && (!document.surchargeForm.Dependants.disabled)){
		document.getElementById("3").innerHTML = "<b>Step 2:</b>";
		document.getElementById("4").innerHTML = "<b>Step 3:</b>";
		document.getElementById("5").innerHTML = "<b>Step 4:</b>";
		document.getElementById("6").innerHTML = "<b>Step 5:</b>";
	}
  		toggleLayerVisibility(LayerName, display);
		//alert(layerId);
		//alert(objectCtrl.value);

        }
    }    
}



function toggleLayerVisibility(layerObj, show)
{
    if (layerObj != null)
    {
        if(show){
            layerObj.style.visibility = "visible"; 
            layerObj.style.display = "block"; 
			layerObj.style.background="#ffffff"; 
			layerObj.style.color="#000000"; 
}
        else {  
           // layerObj.style.visibility = "hidden"; 
           // layerObj.style.display = "none"; 

			layerObj.style.background="#F2F2F2";   
			layerObj.style.color="#C2C2C2";     
        }
    }
}