// copyright 2011 Coastal Style, LLC All Rights Reserved

 function lgcolorway(pic, cap, wx, wy) {
   document.images['lgim'].src = "http://lib.store.yahoo.net/lib/coastal-style/" + pic + ".jpg";
   document.getElementById('lgimcap').innerHTML = cap
   var f = document.getElementsByName("opacityimg");
   for (n = 0; n < f.length; n++) {
     f[n].style.opacity = 0.6;
     f[n].style.filter = "alpha(opacity='60')";
   }
   var f1 = document.getElementById('flowimg' + wx + wy).style;
   f1.opacity = 1.0;
   f1.filter = "alpha(opacity='100')";
 }

 function rplim(pic, cap, wx, wy) {
   document.images['lgim'].src = "http://lib.store.yahoo.net/lib/coastal-style/" + pic + ".jpg";
   document.getElementById('lgimcap').innerHTML = cap;
   var f = document.getElementsByName("opacityimg");
   for (n = 0; n < f.length; n++) {
     f[n].style.opacity = 0.6;
     f[n].style.filter = "alpha(opacity='60')";
   }
   var f1 = document.getElementById('smimg' + wx).style;
   f1.opacity = 1.0;
   f1.filter = "alpha(opacity='100')";
 }

 function cw(nm, wvclr, wx, wy) {
   document.images['mat'].src = "http://lib.store.yahoo.net/lib/coastal-style/" + nm + "-large.jpg";
   var a = document.getElementById('wchold').value;
   a += " " + wvclr;
   document.getElementById('weavecol').innerHTML = a;
   document.getElementById('ddw').innerHTML = a;
   for (n = 0; n < wy; n++) {
     document.getElementById('flowimg' + n + wy).style.borderColor = "#CCD3B3";
   }
   document.getElementById('flowimg' + wx + wy).style.borderColor = "#7D775C";
   document.getElementById('wvarrayno').value = wx;
   document.getElementById('weaveid').value = nm;
   var r4 = document.getElementById('bindcoll');
   var r5 = r4[r4.selectedIndex].value;
   cbc(r5);
 }

 function chgdescript() {
   var r1 = document.getElementById('bindcoll');
   var r = r1[r1.selectedIndex].text;
   r += " " + document.getElementById('bchold').value;
   document.getElementById('bindcol').innerHTML = r;
   r += " applied at ";
   var r2 = document.getElementById('bindwidth');
   var r3 = r2[r2.selectedIndex].text.toLowerCase();
   r += r3 + " with ";
   var r4 = document.getElementById('bindcorner');
   var r5 = r4[r4.selectedIndex].text.toLowerCase();
   r += r5;
   document.getElementById('ddb').innerHTML = r;
   getprice();
 }

 function cbc(series) {
   if (series == "Select") {
     document.getElementById('bindcol').innerHTML = "not chosen";
     document.getElementById('ddb').innerHTML = "not chosen";
     document.getElementById('flowcontainer').innerHTML = "&nbsp;";
     document.getElementById('selectcontainer').style.display = "none";
     document.getElementById("rborder").src = "http://lib.store.yahoo.net/lib/coastal-style/fff-side.gif";
     document.getElementById("bborder").src = "http://lib.store.yahoo.net/lib/coastal-style/fff-bottom.gif";
     document.getElementById('btn1').style.display = "none";
     document.getElementById('rugprice').innerHTML = "Price: $0.00";
   } else {
     var b1, b2, b3, b4, b5,b6,b7,r,t,t1;
     var u1="";
     var u2="";
     var t4 = new Array();
     var bindnc = new Array("Fuchia+Coral+Violet+Chick-Pea+Sweet-Pea+Artichoke+Banana-Cream+Moss-Brown+Hedgehog+Bamboo+Onyx+Butter-Cream+Cappuccino+Chardonnay+Fudge+Blue-Isle+Raffia+Sherry+Smoke+Taffy+Ivory", "Narrow Cotton", 1, 1, 0, 8.36);
     var bindwc = new Array("Pitch-Black+Cadet-Blue+Midnight-Blue+Lavender+Cobalt-Blue+Cornflower-Blue+Viridian-Green+Thyme+Antique-Gold+Yellow+Tangerine+Venetian-Red+Alizarin+Lipstick-Red+Persimmon+Berry-Red+Chino+Beige+Ochre+Natural+Sage+Honey+Chamois+Latte+Mocha+Chocolate+Chestnut", "Wide Cotton", 2, 2, 160, 10.64);
     var bindsct = new Array("American-Beauty+Canyon+Chartreuse+Chasm+Dark-Roast+Dolphin+Gardenia+Gray-Green+Inkberry+Legion+Malibu+Meadow+Mesa-Verde+Prairie-Mist+Pumpkin+Riviera+Sawdust+Seed-Brown+Shoreline+Soapstone+Soldier-Blue+Tan", "Soft Cotton Twill", 4, 2, 200, 19.19);
     var bindpw = new Array("Bark+Blue-Jay+Camouflage+Capri-Blue+Chinese-Red+Deep-Brown+Desert-Tan+Ebony+Emerald+Georgia-Clay+Glacial-Green+Jade+London-Tan+Smoky-Blue+White-Sand", "Cotton Pebble Weave", 4, 2, 200, 19.19);
     var bindsl = new Array("Antler+Auburn+Banana+Bravo-Red+California+Dunes+Gull+Moth+Peanut-Brittle+Quarry+Sable+Seal-Brown+Spearmint+Toast+Vermilion+Wild-Silk+Yellowstone+Yosemite", "Smooth Linen", 4, 2, 200, 19.76);
     var bindle = new Array("Black+Cinnabar+Espresso+Jamocha+Moss+Saddle+Taupe+Wine", "Leather", 4, 3, 0, 35.53);
     var bindps = new Array("Aztec-Gold+Buckeye+Fern+Marble+Mediterranean-Blue+Old-Cork+Sahara-Sand+Sesame+Shadow+Shale", "Pigskin Suede", 4, 3, 0, 35.53);
     var bindes = new Array("Sevilla+Espana+Marbella+Costa-Del-Sol+Valencia+Pamplona+Cordoba+Costa-Brava+Barcelona+Madrid", "Espadrille", 5, 3, 0, 27.17);
     var bindwj = new Array("Anthracite+Dark-Khaki+Blackberry+Brick-Red+Brown+Light-Green+Mustard+Jute+Navy-Blue+Royal-Blue+Rust", "Wide Jute", 4, 2, 200, 16.91);
     var bmatches = new Array("le", "me", "nc", "ps", "pw", "sct", "sfl", "sl", "wc", "wj");

     t = document.getElementById('bindcoll');
     t = t[t.selectedIndex].value;
     t1 = eval("rb" + document.getElementById('weaveid').value);
     if (t=="es"){
     t4[0] = "na";
     }else{
     for (n = 0; n < bmatches.length; n++) {if (bmatches[n] == series) {var t3 = n;} };
     t4 = t1[t3].split("+");
};
     xxb = eval("bind" + t);
     document.getElementById('bindc').value = xxb[5];
     document.getElementById('miterc').value = xxb[4];
     var bcollects = new Array();
     bcollects = xxb[0].split("+");
     var blgth = bcollects.length;
      b5=bcollects[0].toLowerCase();
      b6=0;
     if (t4[0] == "na") {
        for (n=0; n<blgth; n++){ 
           b1=bcollects[n];b2=b1.replace(/-/, " ");
           b3= b1.toLowerCase();
           u1+= "<a class=\"flow3\" href=\"javascript:cb('" + b1 + "','"+n+"','"+blgth+"');\"><img src=\"http://lib.store.yahoo.net/lib/coastal-style/" + b3 + "-sm.jpg\" id=\"flow3img" + n + blgth +"\" alt=\"" + b2 + "\"></a>";
      }
     r = bcollects[0].replace(/-/, " ");
     document.getElementById('bchold').value = r;
    }else{
       var clgth = t4.length;
       u1 = "<p class='leftbd'>Recommended colors</p>";
       u2 = "<p class='leftbd'>Other colors</p>";
       for (n = 0; n < blgth; n++) {
          b1=bcollects[n];  
          b2=b1.replace(/-/, " ");  
          b3= b1.toLowerCase();
          b7=0;
          for (p = 0; p< clgth; p++) {
             if (t4[p]==bcollects[n]){ 
                if (p==0){
                   u1+= "<a class=\"flow3 selected\""; 
                   u1 += " href=\"javascript:cb('" + b1 + "','"+n+"','"+blgth+"');\"><img src=\"http://lib.store.yahoo.net/lib/coastal-style/" + b3 + "-sm.jpg\" id=\"flow3img" + n + blgth +"\" alt=\"" + b2 + "\"></a>";
                   b5=b3;
                   b6=n;  
                   b7=1; 
                  r = bcollects[n].replace(/-/, " ");
                  document.getElementById('bchold').value = r;
                }else{
                   u1+= "<a class=\"flow3\"";
                   u1 += " href=\"javascript:cb('" + b1 + "','"+n+"','"+blgth+"');\"><img src=\"http://lib.store.yahoo.net/lib/coastal-style/" + b3 + "-sm.jpg\" id=\"flow3img" + n + blgth +"\" alt=\"" + b2 + "\"></a>";
                   b7=1; 
                };
             };
         };
     if (b7==0){
              u2+= "<a class=\"flow3\" href=\"javascript:cb('" + b1 + "','"+n+"','"+blgth+"');\"><img src=\"http://lib.store.yahoo.net/lib/coastal-style/" + b3 + "-sm.jpg\" id=\"flow3img" + n + blgth +"\" alt=\"" + b2 + "\"></a>";}
       };};


     document.getElementById('rborder').src = "http://www.coastal-style.com/lib/coastal-style/" + b5 + "-sidebinding.jpg";
     document.getElementById('bborder').src = "http://www.coastal-style.com/lib/coastal-style/" + b5 + "-bottombinding.jpg";
     document.getElementById('flowcontainer').innerHTML = u1 +" "+ u2;
     document.getElementById('flow3img' + b6 + blgth).style.borderColor = "#7D775C";
     var bw0 = document.selection.bindwidth;
     for (n = bw0.options.length; n >= 0; n--) {
       bw0.options[n] = null;
     };
     var bw1 = new Array("1/2 inch on Face");
     var bw2 = new Array("3/4 inch on Face", "1 inch on Face", "1-1/4 inches on Face", "1-1/2 inches on Face");
     var bw3 = new Array("2 inches on Face");
     var bw4 = new Array("1 inch on Face", "1-1/4 inches on Face", "1-1/2 inches on Face", "1-3/4 inches on Face", "2 inches on Face", "2-1/4 inches on Face", "2-1/2 inches on Face", "2-3/4 inches on Face", "3 inches on Face");
     var bw5 = new Array("1 inch on Face", "1-1/2 inches on Face", "2 inches on Face", "2-1/2 inches on Face", "3 inches on Face", "3-1/2 inches on Face", "4 inches on Face", "4-1/2 inches on Face", "5 inches on Face");
     var bw6 = new Array("1 inch on Face", "1-1/2 inches on Face", "2 inches on Face", "2-1/2 inches on Face", "3 inches on Face", "3-1/2 inches on Face", "4 inches on Face");
     var bx = eval("bw" + xxb[2]);
     for (var i = 0; i < bx.length; ++i) {
       bw0.options[i] = new Option(bx[i]);
     }
     var bc0 = document.selection.bindcorner;
     for (n = bc0.options.length; n >= 0; n--) {
       bc0.options[n] = null;
     };
     var bc1 = new Array("Lapped Corners");
     var bc2 = new Array("Lapped Corners", "Mitered Corners");
     var bc3 = new Array("Mitered Corners");
     var bz = eval("bc" + xxb[3]);
     for (var i = 0; i < bz.length; ++i) {
       bc0.options[i] = new Option(bz[i]);
     }
     document.getElementById('selectcontainer').style.display = "block";
     chgdescript()
   }
 }

 function cb(bc, wx, wy) {
   var bclow = bc.toLowerCase();
   document.getElementById('rborder').src = "http://www.coastal-style.com/lib/coastal-style/" + bclow + "-sidebinding.jpg";
   document.getElementById('bborder').src = "http://www.coastal-style.com/lib/coastal-style/" + bclow + "-bottombinding.jpg";
   for (n = 0; n < wy; n++) {
     document.getElementById('flow3img' + n + wy).style.borderColor = "#CCD3B3";
   }
   document.getElementById('flow3img' + wx + wy).style.borderColor = "#7D775C";
   var toMatch = bc.replace(/-/, " ");
   var r = toMatch.replace(/(\w)(\w*)/g, function (_, i, r) {
     return i.toUpperCase() + (r != null ? r : "");
   })
   document.getElementById('bchold').value = r;
   chgdescript()
 }

 function checkSize() {
   document.getElementById('dds').innerHTML = "not chosen";
   if (parseFloat(document.getElementById("length1").value) >= 0 && parseFloat(document.getElementById("width1").value) >= 0) {
     var maxWidth = parseFloat(document.selection.maxwid.value);
     switch (maxWidth) {
     case 12.833333333333334:
       var maxWidthText = "12ft. 10in";
       break;
     case 12.91666667:
       var maxWidthText = "12ft. 11in";
       break;
     case 11.833333333333334:
       var maxWidthText = "11ft. 10in";
       break;
     case 13:
       var maxWidthText = "13ft. 3in";
       break;
     }
     var l2 = parseFloat(document.selection.length2.value) * 0.083333333333333333333333333333333;
     var w2 = parseFloat(document.selection.width2.value) * 0.083333333333333333333333333333333;
     var checkLength = parseFloat(document.selection.length1.value) + l2;
     var checkWidth = parseFloat(document.selection.width1.value) + w2;
     if (checkLength > maxWidth && checkWidth > maxWidth) {
       document.getElementById('rugprice').innerHTML = "Price: $0.00";
       document.getElementById('dds').innerHTML = "<b>Please choose a smaller size.</b>";
       document.getElementById('btn1').style.display = "block";
       document.getElementById('rugprice').style.display = "block";
       alert("This rug is too large for our broadloom. At least one Dimension should be less then or equal to " + maxWidthText);
       return;
     } else {
       if (checkLength >= checkWidth && checkLength <= maxWidth) {
         document.selection.width.value = checkLength;
         document.selection.length.value = checkWidth;
         document.getElementById('rw').value = document.selection.length1.value + "\'-" + document.selection.length2.value + "\"";
         document.getElementById('rl').value = document.selection.width1.value + "\'-" + document.selection.width2.value + "\"";
         document.getElementById('standard').value = document.selection.length1.value + document.selection.length2.value + document.selection.width1.value + document.selection.width2.value;
       } else if (checkWidth >= checkLength && checkWidth <= maxWidth) {
         document.selection.width.value = checkWidth;
         document.selection.length.value = checkLength;
         document.getElementById('rl').value = document.selection.length1.value + "\'-" + document.selection.length2.value + "\"";
         document.getElementById('rw').value = document.selection.width1.value + "\'-" + document.selection.width2.value + "\"";
         document.getElementById('standard').value = document.selection.width1.value + document.selection.width2.value + document.selection.length1.value + document.selection.length2.value;
       } else if (checkLength > maxWidth) {
         document.selection.width.value = checkWidth;
         document.selection.length.value = checkLength;
         document.getElementById('rl').value = document.selection.length1.value + "\'-" + document.selection.length2.value + "\"";
         document.getElementById('rw').value = document.selection.width1.value + "\'-" + document.selection.width2.value + "\"";
         document.getElementById('standard').value = document.selection.width1.value + document.selection.width2.value + document.selection.length1.value + document.selection.length2.value;
       } else {
         document.selection.width.value = checkLength;
         document.selection.length.value = checkWidth;
         document.getElementById('rw').value = document.selection.length1.value + "\'-" + document.selection.length2.value + "\"";
         document.getElementById('rl').value = document.selection.width1.value + "\'-" + document.selection.width2.value + "\"";
         document.getElementById('standard').value = document.selection.length1.value + document.selection.length2.value + document.selection.width1.value + document.selection.width2.value;
       }
     }
     getprice();
   }
 }

 function getprice() {
   if (document.selection.weavec[0]) {
     var w = (parseFloat(document.selection.length.value) * 1.4537) * parseFloat(document.selection.weavec[document.getElementById('wvarrayno').value].value);
   } else {
     var w = (parseFloat(document.selection.length.value) * 1.4537) * parseFloat(document.selection.weavec.value);
   }
   var x = (parseFloat(document.selection.length.value) + parseFloat(document.selection.width.value)) * 2;
   var y = 0;
   var z = 0;
   x *= parseFloat(document.selection.bindc.value);
   if (document.selection.bindcorner.selectedIndex == "1") {
     y = parseFloat(document.selection.miterc.value);
   }
   if (document.selection.length.value > 8 && document.selection.width.value > 8) {
     z = 100;
   }
   var prhold, prholdsc;
   prhold = Math.round(w + x + y + z + 20);
   if (document.getElementById('standard').value == "6040") {
     prhold = Math.floor(prhold * .9);
   }
   if (document.getElementById('standard').value == "8050") {
     prhold = Math.floor(prhold * .9);
   }
   if (document.getElementById('standard').value == "9060") {
     prhold = Math.floor(prhold * .9);
   }
   if (document.getElementById('standard').value == "12090") {
     prhold = Math.floor(prhold * .9);
   }
   if (document.selection.salec) {
     var sc = document.selection.salec.value;
     prholdsc = Math.floor(prhold * (1 - sc));
     document.getElementById('rugprice').innerHTML = "Price $" + prhold + ".00";
     document.getElementById('saleprice').innerHTML = "Sale  Price$" + prholdsc + ".00";
     document.selection.rugp.value = prholdsc;
   } else {
     document.selection.rugp.value = document.getElementById('rugprice').innerHTML = "Price: $" + prhold + ".00";
     document.selection.rugp.value = prhold;
   }
   if (document.selection.length.value < 1 || isNaN(document.selection.length.value)) {
     document.selection.rugp.value = 0;
   }
   if (document.selection.width.value < 1 || isNaN(document.selection.width.value)) {
     document.selection.rugp.value = 0;
   }
   var r, r1, s, t
   if (document.selection.rugp.value == 0) {
     document.getElementById('btn1').style.display = "none";
     r = "";
     document.getElementById('rugprice').innerHTML = "Price $_______";
     if (document.selection.salec) {
       document.getElementById('saleprice').innerHTML = "Sale  Price$_______";
     }
     document.getElementById('dimension').innerHTML = "0'-0\" wide by 0'-0\" long";
   } else {
     document.getElementById('btn1').style.display = "block";
     s = document.getElementById('rw').value + " wide by " + document.getElementById('rl').value + " long";
     document.getElementById('dds').innerHTML = s;
     document.getElementById('dimension').innerHTML = s;
     r = document.getElementById('weavecol').innerHTML;
     r += " bound in " + document.getElementById('bindcol').innerHTML;
   }
   document.getElementById('Rug').value = document.getElementById('ddw').innerHTML + " bound in " + document.getElementById('ddb').innerHTML;
   document.getElementById('Rug-Dim').value = s;
   document.getElementById('Rug-Quote').value = "(+" + document.selection.rugp.value + ".00)";
 }

 function brdlmcw(nm, wvclr, wx, wy) {
   document.images['bdlm'].src = "http://lib.store.yahoo.net/lib/coastal-style/" + nm + "-large.jpg";
   var a = document.getElementById('wchold').value;
   a += " " + wvclr;
   document.getElementById('bddw').innerHTML = a;
   document.getElementById('bdlm-weavecol').innerHTML = a;
   for (n = 0; n < wy; n++) {
     document.getElementById('flowimgB' + n + wy).style.borderColor = "#CCD3B3";
   }
   document.getElementById('flowimgB' + wx + wy).style.borderColor = "#7D775C";
   brdlmCkSize()
 }

 function brdlmCkSize() {
   var brdlmLen, brdlmWid, brdlmSqFt, frt, bdlen, bp, bpfrt;
   brdlmLen = parseFloat(document.getElementById('length8').value) * 0.083333333333333333333333333333333;
   brdlmLen += parseFloat(document.getElementById('length7').value);
   if (isNaN(brdlmLen)) {
     document.getElementById('btn2').style.display = "none";
     document.getElementById('bdlmprice').style.display = "none";
     document.getElementById('bquoteprice').style.display = "none";
   } else {
     document.getElementById('btn2').style.display = "block";
     document.getElementById('bdlmprice').style.display = "block";
     bdlen = document.getElementById('length7').value + "'-" + document.getElementById('length8').value + "\" long ";
     document.getElementById('bdds').innerHTML = bdlen;
     document.getElementById('bdlmdescript').innerHTML = document.getElementById('bddw').innerHTML + "<br>" + document.getElementById('bwidhold').innerHTML + " by " + bdlen;;
     document.getElementById('bdlmdescript').style.display = "block";
     brdlmWid = parseFloat(document.getElementById('maxwid').value + 0.18333333);
     brdlmSqFt = brdlmLen * brdlmWid;
     document.getElementById('Brdlm').value = document.getElementById('bdlmdescript').innerHTML + " broadloom";
     if (brdlmLen == 0) {
       frt = 0;
     } else if (brdlmLen <= 8.51) {
       frt = 120;
     } else if (brdlmLen <= 12.1) {
       frt = 150;
     } else if (brdlmLen <= 17.1) {
       frt = 180;
     } else if (brdlmLen <= 22.1) {
       frt = 220;
     } else if (brdlmLen <= 30.1) {
       frt = 280;
     } else {
       frt = 375;
     }
     if (document.selection.weavec[0]) {
       var wp = parseFloat(document.selection.weavec[document.getElementById('wvarrayno').value].value);
     } else {
       var wp = parseFloat(document.selection.weavec.value);
     }
     bp = Math.round(brdlmSqFt * wp / 9 * 0.842);
     bpfrt = bp + frt;
     if (bp == 0) {
       document.getElementById('btn2').style.display = "none"
     } else {
       document.getElementById('btn2').style.display = "block"
     };
     document.getElementById('Brdlm-Quote').value = "(+" + bpfrt + ".00)";
     document.getElementById('bdlmprice').innerHTML = "&nbsp;&nbsp;&nbsp;Price $" + bp + ".00<br>Freight  $" + frt + ".00";
   }
 }