function selectModel(pn) {

	var size = pn.substr(3, 3);
	var port = pn.substr(8, 2);
	var bowl = pn.substr(7, 1);
//	alert(size);
//	alert(port);
//	alert(bowl);

//----------------------------------- SELECT SIZE ----------------------------	
	if (size == "020") {
		document.codeform.size[0].checked=true;
	}
	if (size == "060") {
		document.codeform.size[1].checked=true;
	}
	if (size == "090") {
		document.codeform.size[2].checked=true;
	}
	if (size == "150") {
		document.codeform.size[3].checked=true;
	}


	if (port == "02") {
		document.codeform.port[0].checked=true;
	}
	if (port == "03") {
		document.codeform.port[1].checked=true;
	}
	if (port == "04") {
		document.codeform.port[2].checked=true;
	}
	if (port == "06") {
		document.codeform.port[3].checked=true;
	}
	if (port == "08") {
		document.codeform.port[4].checked=true;
	}



	if (bowl == "M") {
		document.codeform.bowl[1].checked = 1; // -------------- select aluminum
	}



changeCode();
}

function changeCode() {

// set vars that don't change and initialize others	


var accPrice = 0;
var priceSum = "<b style='font-size:12px; font-weight:bold;'>Pricing:</b>";
var weightSum = "<b style='font-size:12px; font-weight:bold;'>Weight:</b>";


var price = 0;
var accessPrice = 0;
var accessoryPrice = 0;

var assemblyWeight = 0;
var accessWeight = 0;
var accessoryWeight = 0;

var actcad = "";

var bowl = "";


var step1summary = "";
var step2summary = "";

var alertNote = "";
    
    // ====================== reset classes of all selection divs and table cells to UN-selected state
    resetSizeDivs(); 
    resetPortDivs();
    resetBowlDivs();

    document.getElementById('wiringIcon').style.display="none";

	// ================= reset summary boxes ==========================
       document.getElementById('priceSummary').innerHTML = "Error!";
       document.getElementById('weightSummary').innerHTML = "Error!";


    // ================================================ SCFM ====================================================
    if (document.codeform.size[0].checked) { document.getElementById('size1').className="selectionChecked"; var siz = "020"; var sizeDescrip = "20 scfm"; }
    if (document.codeform.size[1].checked) { document.getElementById('size2').className="selectionChecked"; var siz = "060"; var sizeDescrip = "60 scfm"; }
    if (document.codeform.size[2].checked) { document.getElementById('size3').className="selectionChecked"; var siz = "090"; var sizeDescrip = "90 scfm"; }
    if (document.codeform.size[3].checked) { document.getElementById('size4').className="selectionChecked"; var siz = "150"; var sizeDescrip = "150 scfm"; }


// =================== exceptions for certain sizes =================

	if (siz == "020") {				 									
    	if (document.codeform.port[2].checked) { document.codeform.port[1].checked = 1;}
    	if (document.codeform.port[3].checked) { document.codeform.port[1].checked = 1;}
    	if (document.codeform.port[4].checked) { document.codeform.port[1].checked = 1;}
    	
    	document.getElementById('port3').className='selectionDisabled';	
    	document.getElementById('port4').className='selectionDisabled';	
    	document.getElementById('port5').className='selectionDisabled';
	
	    var CADsiz = "020";
    }    

    if (siz == "060") {				 									
    	if (document.codeform.port[3].checked) { document.codeform.port[1].checked = 1;}
    	if (document.codeform.port[4].checked) { document.codeform.port[1].checked = 1;}
    	
    	document.getElementById('port4').className='selectionDisabled';	
    	document.getElementById('port5').className='selectionDisabled';

   	    var CADsiz = "060";
    }    

    if (siz == "090" || siz == "150") {				 									
    	if (document.codeform.port[0].checked) { document.codeform.port[2].checked = 1;}
    	if (document.codeform.port[1].checked) { document.codeform.port[2].checked = 1;}
    	
    	document.getElementById('port1').className='selectionDisabled';	
    	document.getElementById('port2').className='selectionDisabled';
  	    
   	    var CADsiz = "090-150";
    }    
    
          
    
// ================================================ PORT ====================================================
    if (document.codeform.port[0].checked) { document.getElementById('port1').className="selectionChecked"; var port = "02"; var portDescrip = "1/4 inch NPT"; }
    if (document.codeform.port[1].checked) { document.getElementById('port2').className="selectionChecked"; var port = "03"; var portDescrip = "3/8 inch NPT"; }
    if (document.codeform.port[2].checked) { document.getElementById('port3').className="selectionChecked"; var port = "04"; var portDescrip = "1/2 inch NPT"; }
    if (document.codeform.port[3].checked) { document.getElementById('port4').className="selectionChecked"; var port = "06"; var portDescrip = "3/4 inch NPT"; }
    if (document.codeform.port[4].checked) { document.getElementById('port5').className="selectionChecked"; var port = "08"; var portDescrip = "1 inch NPT"; }

	var sizeDescrip = "<b>Max. Air Flow: </b>"+sizeDescrip;
	var portDescrip = "<b>Size and Connections: </b>"+portDescrip;

    var step1summary = sizeDescrip + "<br>" + portDescrip;
    document.getElementById('step1summary').innerHTML = step1summary;

    
// ================================================= BOWL =============================================
    if (document.codeform.bowl[0].checked) { document.getElementById('bowl1').className="selectionChecked"; var bowl = "P"; var bowlDescrip = "Clear polycarbonate with metal guard"; var drainMat = "brass"; }
    if (document.codeform.bowl[1].checked) { document.getElementById('bowl2').className="selectionChecked"; var bowl = "M"; var bowlDescrip = "Aluminum"; var drainMat = "plastic"; }

var step3summary = "<b>Drains:</b> Automatic float drain ("+drainMat+")<br><b>Indicator:</b> Visual differential pressure indicators";


// =========================================================== SET MODEL CODE =============================================
    
	var mc="3P-"+siz+"-"+bowl+port+"-DCI"; 

    var CADmc="3P-"+CADsiz+"-"+bowl;

    var pic=CADsiz+"-"+bowl;

	document.getElementById('PN').innerHTML =mc;
    document.codeform.id.value=mc;
	document.getElementById('MClinks').innerHTML =mc;
    document.getElementById('mainIMG').src = "/coalescing-air-filter/models/"+pic+".jpg";
    document.codeform.imgsrc.value="/coalescing-air-filter/models/"+pic+".jpg";
    
    //----------- SET DIM PAGE =-=-------------------------
   // alert(act);


    var CADmc = "notAvailable";
    document.codeform.CADmc.value=CADmc;
// =========================================================== SET PRICING =============================================

var qty = document.codeform.qty.value;

var actModelNo = 0;
	var bowlDescrip = "<b>Bowls: </b>"+bowlDescrip;    
    
    
    var step2summary = bowlDescrip;
    

    document.getElementById('step2summary').innerHTML = step2summary;

         
var Pricemc = mc.replace(/-/g, "_");          
//         alert(Pricemc);
var fullPrice = eval("_"+Pricemc+".price");
var fullWeight = eval("_"+Pricemc+".weight");

var quantity = eval("_"+Pricemc+".qty");


   var priceSum = priceSum + mc+" In-Stock: "+quantity;
   var weightSum = weightSum + "nothing needed";

//         alert(fullPrice);

   document.getElementById('price').innerHTML = fullPrice;
   document.codeform.price.value=fullPrice;
   document.codeform.weight.value=fullWeight;
   
   document.getElementById('priceSummary').innerHTML = priceSum;
   document.getElementById('weightSummary').innerHTML = weightSum+"<br><b>TOTAL: </b>"+fullWeight+" lbs.";
   
   var totalPrice = (fullPrice + accessoryPrice) * qty;
   
   document.getElementById('totalPrice').innerHTML = totalPrice;


// =========================================================== SET DESCRIPTION =============================================

    var fullSummary = step1summary + "<br>" + step2summary + "<br>" + step3summary;

	if (alertNote != "") {
    //alert('oooooops');
    	var fullSummary = fullSummary + "<br>" + alertNote;
    }
    document.getElementById('fullSummary').innerHTML = fullSummary;

	document.codeform.info.value=fullSummary;

	if (accessoryPrice != 0) {
    	document.getElementById('accessoryPriceText').style.display="block";
    	document.getElementById('accessoryPrice').innerHTML=accessoryPrice;
        document.getElementById('accessorySummary').innerHTML=accessoryDescrip;        
      
    } else {
    	document.getElementById('accessoryPriceText').style.display="none";
    }
    
}

// ========================================================== END OF MAIN changecode FUNCTION ============================================================


// ============================================================= OTHER FUNCTIONS =========================================================

function addToCart() {
document.codeform.submit();
//	alert ('not quite yet... need to add in pricing');
}


function showHideAccess(item) { 
	if (document.getElementById(item+"BOX").style.display == "none") {
    	document.getElementById(item+"BOX").style.display = "block";
        document.getElementById(item+"HEAD").className = "accessHeadOpen";
        document.getElementById(item).checked = 1;
    } else {
    	document.getElementById(item+"BOX").style.display = "none";
        document.getElementById(item+"HEAD").className = "accessHead";
        document.getElementById(item).checked = 0;
    }
}


function resetSizeDivs() {
	document.getElementById('size1').className="selection";
	document.getElementById('size2').className="selection";
	document.getElementById('size3').className="selection";
	document.getElementById('size4').className="selection";
}


function resetPortDivs() {
	document.getElementById('port1').className="selection";
	document.getElementById('port2').className="selection";
	document.getElementById('port3').className="selection";
	document.getElementById('port4').className="selection";
	document.getElementById('port5').className="selection";
}


function resetBowlDivs() {
	document.getElementById('bowl1').className="selection";
	document.getElementById('bowl2').className="selection";
}


function closeStep(step) {
	document.getElementById('step'+step+'close').style.display="none";
	document.getElementById('step'+step+'edit').style.display="block";

	document.getElementById('step'+step+'section').style.display="none";
	document.getElementById('step'+step+'summary').style.display="block";
}


function editStep(step) {
	document.getElementById('step'+step+'close').style.display="block";
	document.getElementById('step'+step+'edit').style.display="none";
    
	document.getElementById('step'+step+'section').style.display="block";
	document.getElementById('step'+step+'summary').style.display="none";    
}

function showInfo(what) {
	if (document.getElementById(what).style.display != "none") {
    	document.getElementById(what).style.display = "none";
            document.getElementById("specsBut").className = "infoTab";
            document.getElementById("descripBut").className = "infoTab";
    } else {
    	if (what == "description") {
 	   		document.getElementById("specs").style.display = "none";
 	   		document.getElementById("description").style.display = "block";
            document.getElementById("descripBut").className = "infoTabSelected";
            document.getElementById("specsBut").className = "infoTab";
        } else {
 	   		document.getElementById("specs").style.display = "block";
 	   		document.getElementById("description").style.display = "none";
            document.getElementById("specsBut").className = "infoTabSelected";
            document.getElementById("descripBut").className = "infoTab";
        }
    }
}