function ao(c,txt,val,idx){ c.options[idx] = new Option(txt,val); } function setSizes(c, s){ var id; var x=0; var opt; if (!s || !c) return; if (c.selectedIndex < 1){ clearSizes(); return; } id = c.options[c.selectedIndex].value; s.options.length = 0; opt = new Option('Please select a size', ''); s.options[x++] = opt; switch(id){ case "RED/BLACK": ao(s, "AXS 28\" - $9.79","AXS 28\"", x++); ao(s, "AS 29\" - $9.79","AS 29\"", x++); ao(s, "AM 30\" - $9.79","AM 30\"", x++); ao(s, "AL 31\" - $9.79","AL 31\"", x++); ao(s, "AXL 32\" - $9.79","AXL 32\"", x++); break; case "LIME": ao(s, "AXS 28\" - $9.79","AXS 28\"", x++); ao(s, "AS 29\" - $9.79","AS 29\"", x++); ao(s, "AM 30\" - $9.79","AM 30\"", x++); ao(s, "AL 31\" - $9.79","AL 31\"", x++); ao(s, "AXL 32\" - $9.79","AXL 32\"", x++); break; case "BROWN/BABY BLUE": ao(s, "AXS 28\" - $9.79","AXS 28\"", x++); ao(s, "AS 29\" - $9.79","AS 29\"", x++); ao(s, "AM 30\" - $9.79","AM 30\"", x++); ao(s, "AL 31\" - $9.79","AL 31\"", x++); ao(s, "AXL 32\" - $9.79","AXL 32\"", x++); break; case "BLACK/PINK": ao(s, "YS (6-8) - $9.39","YS (6-8)", x++); ao(s, "YM (10-12) - $9.39","YM (10-12)", x++); ao(s, "YL (14-16) - $9.39","YL (14-16)", x++); ao(s, "AXS 28\" - $9.79","AXS 28\"", x++); ao(s, "AS 29\" - $9.79","AS 29\"", x++); ao(s, "AM 30\" - $9.79","AM 30\"", x++); ao(s, "AL 31\" - $9.79","AL 31\"", x++); ao(s, "AXL 32\" - $9.79","AXL 32\"", x++); break; case "NAVY/SILVER": ao(s, "AXS 28\" - $9.79","AXS 28\"", x++); ao(s, "AS 29\" - $9.79","AS 29\"", x++); ao(s, "AM 30\" - $9.79","AM 30\"", x++); ao(s, "AL 31\" - $9.79","AL 31\"", x++); ao(s, "AXL 32\" - $9.79","AXL 32\"", x++); break; case "PINK/BLACK": ao(s, "YS (6-8) - $9.39","YS (6-8)", x++); ao(s, "YM (10-12) - $9.39","YM (10-12)", x++); ao(s, "YL (14-16) - $9.39","YL (14-16)", x++); ao(s, "AXS 28\" - $9.79","AXS 28\"", x++); ao(s, "AS 29\" - $9.79","AS 29\"", x++); ao(s, "AM 30\" - $9.79","AM 30\"", x++); ao(s, "AL 31\" - $9.79","AL 31\"", x++); break; case "BABY BLUE": ao(s, "AXS 28\" - $9.79","AXS 28\"", x++); ao(s, "AS 29\" - $9.79","AS 29\"", x++); ao(s, "AM 30\" - $9.79","AM 30\"", x++); break; case "MULTI-COLOR": ao(s, "AXS 28\" - $9.79","AXS 28\"", x++); ao(s, "AS 29\" - $9.79","AS 29\"", x++); ao(s, "AM 30\" - $9.79","AM 30\"", x++); ao(s, "AL 31\" - $9.79","AL 31\"", x++); ao(s, "AXL 32\" - $9.79","AXL 32\"", x++); break; case "BROWN/PINK": ao(s, "AXS 28\" - $9.79","AXS 28\"", x++); ao(s, "AS 29\" - $9.79","AS 29\"", x++); ao(s, "AM 30\" - $9.79","AM 30\"", x++); ao(s, "AL 31\" - $9.79","AL 31\"", x++); ao(s, "AXL 32\" - $9.79","AXL 32\"", x++); break; } } function initSizes (){ var s, c, f=document.frmOrder; if ( !f ) return; s = f.sizes; c = f.colors; if (!c || !s) return; if (c.selectedIndex > 0){ setSizes(c, s); } else { s.options.length = 0; var opt = new Option('Please select a color first', ''); s.options[0] = opt; } } function clearSizes (){ var s, c, f=document.frmOrder; if ( !f ) return; s = f.sizes; c = f.colors; if (!c || !s) return; if (c.selectedIndex > 0) return; s.options.length = 0; var opt = new Option('Please select a color first', ''); s.options[0] = opt; } window.onload = initSizes;