function init() {
    changeC();    
    changePT(); 
    changeCI(); 
    changeDU();
    changeDS();
    changeSW();
    changeW();
    changeM();
	changeShipping();
    //alert('test');
}

  function changeShipping() {
        if (document.mask_request.shipping[1].checked) {
            document.getElementById('shipping-span').style.display = 'block';
        }
        else {
            document.getElementById('shipping-span').style.display = 'none';
        }
    }
  
  function changePT() {
        if (document.mask_request.paymenttype[0].checked) {
            document.getElementById('projectnumber-span').style.display = 'block';
            document.getElementById('po-span').style.display = 'none';
            document.getElementById('cc-span').style.display = 'none';
        }
		else if(document.mask_request.paymenttype[1].checked) {
            document.getElementById('projectnumber-span').style.display = 'none';
            document.getElementById('po-span').style.display = 'block';
            document.getElementById('cc-span').style.display = 'none';
		}
		else if(document.mask_request.paymenttype[2].checked) {
            document.getElementById('projectnumber-span').style.display = 'none';
            document.getElementById('po-span').style.display = 'none';
            document.getElementById('cc-span').style.display = 'block';
		}		
        else {
            document.getElementById('projectnumber-span').style.display = 'none';
            document.getElementById('po-span').style.display = 'none';
            document.getElementById('cc-span').style.display = 'none';
        }
    }
    
    function changeDU() {
        if (document.mask_request.designunits[2].checked) {
            document.getElementById('designunits-span').style.display = 'block';
        }
        else {
            document.getElementById('designunits-span').style.display = 'none';
        }
    }
    
    // for changing th enumber of masks
    function changeM() {
        var maskNumber = document.mask_request.numberofmasks.value;
        
        for(var i=1;i<=10;i++) {
            if(maskNumber < i) {
                document.getElementById('mask' + i).style.display = 'none';
            }
            else {
                document.getElementById(('mask' + i)).style.display = 'block';
            }
        }
    }
    
    // for toggling the  circles fields
    function changeC() {
        if (document.mask_request.circles[0].checked) {
            document.getElementById('circlediameter-span').style.display = 'block';
        }
        else {
            document.getElementById('circlediameter-span').style.display = 'none';
        }
    }    
   
    function changeW() {
        //alert('test');
        if (document.mask_request.waveguide[0].checked) {
            document.getElementById('guidelength-span').style.display = 'block';
            document.getElementById('guidewidth-span').style.display = 'block';
        }
        else {
            document.getElementById('guidelength-span').style.display = 'none';
            document.getElementById('guidewidth-span').style.display = 'none';
        }
    }
    
    function changeSW() {
        if (document.mask_request.software[3].checked) {
            document.getElementById('software-span').style.display = 'block';
        }
        else {
            document.getElementById('software-span').style.display = 'none';
        }
    }
    
    function changeDS() {
        if (document.mask_request.designscale[1].checked) {
            document.getElementById('designscale-span').style.display = 'block';
        }
        else {
            document.getElementById('designscale-span').style.display = 'none';
        }
    }
  
    function changeCI() {
        if (document.mask_request.infoselect[0].checked) {
            document.getElementById('coralname-span').style.display = 'block';
        
            document.getElementById('firstname-span').style.display = 'none';
            document.getElementById('lastname-span').style.display = 'none';
            document.getElementById('email-span').style.display = 'none';
            document.getElementById('phone-span').style.display = 'none';
            document.getElementById('fax-span').style.display = 'none';
            document.getElementById('institution-span').style.display = 'none';
            document.getElementById('advisor-span').style.display = 'none';
        }
        else if (document.mask_request.infoselect[1].checked) {
            document.getElementById('firstname-span').style.display = 'block';
            document.getElementById('lastname-span').style.display = 'block';
            document.getElementById('email-span').style.display = 'block';
            document.getElementById('phone-span').style.display = 'block';
            document.getElementById('fax-span').style.display = 'block';
            document.getElementById('institution-span').style.display = 'block';
            document.getElementById('advisor-span').style.display = 'block';
            
            document.getElementById('coralname-span').style.display = 'none';
        }
        else {
            document.getElementById('firstname-span').style.display = 'none';
            document.getElementById('lastname-span').style.display = 'none';
            document.getElementById('email-span').style.display = 'none';
            document.getElementById('phone-span').style.display = 'none';
            document.getElementById('fax-span').style.display = 'none';
            document.getElementById('institution-span').style.display = 'none';
            document.getElementById('advisor-span').style.display = 'none';
            
            document.getElementById('coralname-span').style.display = 'none';
        }
    }
  
    function toggle_visibility(id) {
        var e = document.getElementById(id);
        if(e.style.display == 'none')
        e.style.display = 'block';
        else
        e.style.display = 'none';
    }