function selectModel(pn) { var mat = pn.substr(1, 1); var func = pn.substr(2, 1); var size = pn.substr(5, 4); var access = pn.substr(9); //----------------------------------- SELECT Material ---------------------------- if (mat == "C") { document.codeform.mat[0].checked=true; } if (mat == "S") { document.codeform.mat[1].checked=true; } //----------------------------------- SELECT Function ---------------------------- if (func == "S") { document.codeform.act_p[0].checked=true; } //----------------------------------- SELECT SIZE ---------------------------- changeCode(); } function changeCode() { // set vars that don't change and initialize others var con = "150"; var type = "BPSL"; var sizeDescrip = ""; var sealDescrip = ""; var limDescrip = ""; var posDescrip = ""; var solConDescrip = ""; var solVoltDescrip = ""; var solTypeDescrip = ""; var solRatingDescrip = ""; var accessDescrip = ""; // ----------- actuator accesories on assembly var accessoryDescrip = ""; // ------- accesories that ship loose var actpic = ""; var solpic = ""; var accPrice = 0; var priceSum = "Pricing:"; var weightSum = "Weight:"; var price = 0; var accessPrice = 0; var accessoryPrice = 0; var assemblyWeight = 0; var accessWeight = 0; var accessoryWeight = 0; var step1summary = ""; var step2summary = ""; var step3summary = ""; var alertNote = ""; //============================= reset some things that were disabled =================== // ====================== reset classes of all selection divs and table cells to UN-selected state resetSizeDivs(); resetTempDivs(); // ================= reset summary boxes ========================== document.getElementById('priceSummary').innerHTML = "Error!"; document.getElementById('weightSummary').innerHTML = "Error!"; document.getElementById('add2cartLable').innerHTML='Add to Cart'; document.getElementById('trim1').className = "selection" // ================================================ SIZE ==================================================== // ----------------------- 150# ------------------------------------------- if (document.codeform.size[0].checked) { document.getElementById('size1').className="selectionChecked"; var siz = "0200"; var sizeDescrip = "2 inch 150# ANSI Flange"; } if (document.codeform.size[1].checked) { document.getElementById('size2').className="selectionChecked"; var siz = "0250"; var sizeDescrip = "2 1/2 inch 150# ANSI Flange"; } if (document.codeform.size[2].checked) { document.getElementById('size3').className="selectionChecked"; var siz = "0300"; var sizeDescrip = "3 inch 150# ANSI Flange"; } if (document.codeform.size[3].checked) { document.getElementById('size4').className="selectionChecked"; var siz = "0400"; var sizeDescrip = "4 inch 150# ANSI Flange"; } if (document.codeform.size[4].checked) { document.getElementById('size5').className="selectionChecked"; var siz = "0500"; var sizeDescrip = "5 inch 150# ANSI Flange"; } if (document.codeform.size[5].checked) { document.getElementById('size6').className="selectionChecked"; var siz = "0600"; var sizeDescrip = "6 inch 150# ANSI Flange"; } if (document.codeform.size[6].checked) { document.getElementById('size7').className="selectionChecked"; var siz = "0800"; var sizeDescrip = "8 inch 150# ANSI Flange"; } if (document.codeform.size[7].checked) { document.getElementById('size8').className="selectionChecked"; var siz = "1000"; var sizeDescrip = "10 inch 150# ANSI Flange"; } if (document.codeform.size[8].checked) { document.getElementById('size9').className="selectionChecked"; var siz = "1200"; var sizeDescrip = "12 inch 150# ANSI Flange"; } if (document.codeform.size[9].checked) { document.getElementById('size10').className="selectionChecked"; var siz = "1400"; var sizeDescrip = "14 inch 150# ANSI Flange"; } if (document.codeform.size[10].checked) { document.getElementById('size11').className="selectionChecked"; var siz = "1600"; var sizeDescrip = "16 inch 150# ANSI Flange"; } // ----------------------- 300# ------------------------------------------- if (document.codeform.size[11].checked) { document.getElementById('size12').className="selectionChecked"; var siz = "0200"; var sizeDescrip = "2 inch 300# ANSI Flange"; var con = "300"; } if (document.codeform.size[12].checked) { document.getElementById('size13').className="selectionChecked"; var siz = "0250"; var sizeDescrip = "2 1/2 inch 300# ANSI Flange"; var con = "300"; } if (document.codeform.size[13].checked) { document.getElementById('size14').className="selectionChecked"; var siz = "0300"; var sizeDescrip = "3 inch 300# ANSI Flange"; var con = "300"; } if (document.codeform.size[14].checked) { document.getElementById('size15').className="selectionChecked"; var siz = "0400"; var sizeDescrip = "4 inch 300# ANSI Flange"; var con = "300"; } if (document.codeform.size[15].checked) { document.getElementById('size16').className="selectionChecked"; var siz = "0500"; var sizeDescrip = "5 inch 300# ANSI Flange"; var con = "300"; } if (document.codeform.size[16].checked) { document.getElementById('size17').className="selectionChecked"; var siz = "0600"; var sizeDescrip = "6 inch 300# ANSI Flange"; var con = "300"; } if (document.codeform.size[17].checked) { document.getElementById('size18').className="selectionChecked"; var siz = "0800"; var sizeDescrip = "8 inch 300# ANSI Flange"; var con = "300"; } if (document.codeform.size[18].checked) { document.getElementById('size19').className="selectionChecked"; var siz = "1000"; var sizeDescrip = "10 inch 300# ANSI Flange"; var con = "300"; } if (document.codeform.size[19].checked) { document.getElementById('size20').className="selectionChecked"; var siz = "1200"; var sizeDescrip = "12 inch 300# ANSI Flange"; var con = "300"; } if (document.codeform.size[20].checked) { document.getElementById('size21').className="selectionChecked"; var siz = "1400"; var sizeDescrip = "14 inch 300# ANSI Flange"; var con = "300"; } if (document.codeform.size[21].checked) { document.getElementById('size22').className="selectionChecked"; var siz = "1600"; var sizeDescrip = "16 inch 300# ANSI Flange"; var con = "300"; } // ===================== BODY MATERIAL ============================ if (document.codeform.mat[0].checked) { document.getElementById('mat1').className="selectionChecked"; var mat = "C"; var matDescrip = "Carbon Steel"; } if (document.codeform.mat[1].checked) { document.getElementById('mat2').className="selectionChecked"; var mat = "S"; var matDescrip = "Stainless Steel"; } if (mat == "S") { // ---------------------- If it's SS, disable Trim 8 document.codeform.trim[1].checked = true; document.getElementById('trim1').className = "selectionDisabled" } // ========================== TRIM ================================ if (document.codeform.trim[0].checked) { document.getElementById('trim1').className='selectionChecked'; var trim = "08"; var trimDescrip = "API trim 8"; } if (document.codeform.trim[1].checked) { document.getElementById('trim2').className='selectionChecked'; var trim = "12"; var trimDescrip = "API trim 12"; } var bodyMatDescrip = "Body Material: "+matDescrip; var sizeDescrip = "Size and Connection: "+sizeDescrip; var sealDescrip = "Trim Material: "+trimDescrip; var step1summary = bodyMatDescrip + "
" + sizeDescrip + "
" + sealDescrip +"
"; document.getElementById('step1summary').innerHTML = step1summary; // =================== exceptions for certain sizes ================= // ================================================= ACTUATORS ============================================= // ============================================= TYPE ====================================================== if (document.codeform.type[0].checked) { document.getElementById('type1').className="selectionChecked"; var type = "BPSL"; var typeDescrip = "Basic Spring Assisted Closure with Fusible Link Trigger"; } if (document.codeform.type[1].checked) { document.getElementById('type2').className="selectionChecked"; var type = "XPSL"; var typeDescrip = "Spring Assisted Closure with Fusible Link Trigger PLUS Manual Pull-cable Remote Trigger"; } if (document.codeform.type[2].checked) { document.getElementById('type3').className="selectionChecked"; var type = "CPSL"; var typeDescrip = "Spring Assisted Closure with Fusible Link Trigger PLUS Pneumatic Cyinder Remote Trigger"; } if (document.codeform.type[3].checked) { document.getElementById('type4').className="selectionChecked"; var type = "MPSL"; var typeDescrip = "Spring Assisted Closure with Fusible Link Trigger PLUS Electro-magnetic Remote Trigger"; } // ============================================= TEMP ====================================================== if (document.codeform.temp[0].checked) { document.getElementById('temp1').className="selectionChecked"; var temp = "135F"; var tempDescrip = "135°F"; } if (document.codeform.temp[1].checked) { document.getElementById('temp2').className="selectionChecked"; var temp = "165F"; var tempDescrip = "165°F"; } if (document.codeform.temp[2].checked) { document.getElementById('temp3').className="selectionChecked"; var temp = "212F"; var tempDescrip = "212°F"; } if (document.codeform.temp[3].checked) { document.getElementById('temp4').className="selectionChecked"; var temp = "280F"; var tempDescrip = "280°F"; } if (document.codeform.temp[4].checked) { document.getElementById('temp5').className="selectionChecked"; var temp = "360F"; var tempDescrip = "360°F"; } // ======================================================== SET step 2 summary ================================================== var step2summary = "Trigger Type: "+typeDescrip + "
Trigger Temperature: "+tempDescrip; document.getElementById('step2summary').innerHTML = step2summary; // =========================================================== SET MODEL CODE ============================================= var mcPrice = "ESOV_"+siz+"_"+type+"_"+con+"_"+mat+"_"+trim+"_165F"; var mc = "ESOV-"+siz+"-"+type+"-"+con+"-"+mat+"-"+trim+"-"+temp; var pic = type; var CADmc="CADmc"; document.getElementById('PN').innerHTML =mc; document.codeform.id.value=mc; document.getElementById('MClinks').innerHTML =mc; document.getElementById('mainIMG').src = "/ESOV/models/"+pic+".jpg"; document.codeform.imgsrc.value="/ESOV/models/"+pic+".jpg"; //----------- SET DIM PAGE =-=------------------------- // alert(act); if (con == "N") { document.codeform.dimPage.value = 4; } if (con == "T") { document.codeform.dimPage.value = 5;} document.codeform.CADmc.value=CADmc; // =========================================================== SET PRICING ============================================= var qty = document.codeform.qty.value; if ((con == "300" && siz == "1200") || (siz == "1400" || siz == "1600") ) { // alert('This model is not available to purchase online.\nPlease call 1-800-899-0553 for pricing and availability'); var basePrice = 0; document.getElementById('price').innerHTML = 0; document.getElementById('totalPrice').innerHTML = 0; document.codeform.price.value=0; document.codeform.weight.value=0; } else { var basePrice = eval(mcPrice+".price"); var baseWeight = eval(mcPrice+".weight"); // alert(basePrice); var priceSum = priceSum + "
Valve Price: "+basePrice+" ("+mcPrice+")"; var weightSum = weightSum + "
Valve: "+baseWeight+" ("+siz+")"; var fullPrice = Math.ceil(basePrice); var fullWeight = Math.ceil(baseWeight); 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+"
TOTAL: "+fullWeight+" lbs."; var totalPrice = (fullPrice + accessoryPrice) * qty; document.getElementById('totalPrice').innerHTML = totalPrice; } // =========================================================== SET DESCRIPTION ============================================= var fullSummary = step1summary + step2summary; // + "
"; + step3summary; //var fullSummary = fullSummary + "
*Max. 150 PSIG for ALL STEAM APPLICATIONS"; if (alertNote != "") { //alert('oooooops'); var fullSummary = fullSummary + "
" + 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"; } if (basePrice == 0) { alert('This model is not available to purchase online.\nPlease call 1-800-899-0553 for pricing and availability'); document.getElementById('add2cartLable').innerHTML='Call for Pricing'; } } // ========================================================== END OF MAIN changecode FUNCTION ============================================================ // ============================================================= OTHER FUNCTIONS ========================================================= function addToCart() { if (document.getElementById('add2cartLable').innerHTML == "Add to Cart") { document.codeform.submit(); } else { alert('Please call 1-800-899-0553 for pricing and availability'); } } 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 resetTempDivs() { document.getElementById('temp1').className="selection"; document.getElementById('temp2').className="selection"; document.getElementById('temp3').className="selection"; document.getElementById('temp4').className="selection"; document.getElementById('temp5').className="selection"; } function resetSizeDivs() { document.getElementById('size1').className="selection"; document.getElementById('size2').className="selection"; document.getElementById('size3').className="selection"; document.getElementById('size4').className="selection"; document.getElementById('size5').className="selection"; document.getElementById('size6').className="selection"; document.getElementById('size7').className="selection"; document.getElementById('size8').className="selection"; document.getElementById('size9').className="selection"; document.getElementById('size10').className="selection"; document.getElementById('size11').className="selection"; document.getElementById('size12').className="selection"; document.getElementById('size13').className="selection"; document.getElementById('size14').className="selection"; document.getElementById('size15').className="selection"; document.getElementById('size16').className="selection"; document.getElementById('size17').className="selection"; document.getElementById('size18').className="selection"; document.getElementById('size19').className="selection"; document.getElementById('size20').className="selection"; document.getElementById('size21').className="selection"; document.getElementById('size22').className="selection"; document.getElementById('mat1').className="selection"; document.getElementById('mat2').className="selection"; document.getElementById('trim1').className="selection"; document.getElementById('trim2').className="selection"; document.getElementById('type1').className="selection"; document.getElementById('type2').className="selection"; document.getElementById('type3').className="selection"; document.getElementById('type4').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"; } } }