var SIZE1=""; var SIZE2=""; var ONESIZE=""; var FIT=""; var CUFF=""; var COLLAR=""; var COLOUR=""; var PATTERN=""; var PATTERN2=""; var FEATURE=""; var CONTENT=""; var SLEEVE=""; var STOCK=""; var RANGENO=""; var TICK="0"; var im = "url(images/chkbox.jpg)"; function clearFilters(main,cat){ SIZE1=""; SIZE2=""; ONESIZE=""; FIT=""; CUFF=""; COLLAR=""; COLOUR=""; PATTERN=""; PATTERN2=""; CONTENT=""; SLEEVE=""; STOCK=""; RANGENO=""; TICK="0"; CODE=""; if(main == "MEN" || main == "CASUALS" ||main == "POLOS" || main == "TIES" || main == "CUFFLINKS"){ document.getElementById('txtRangeNumber').value = ""; } if(main=="MEN"){ resetMEN(); resetSleeveSizes('searchpage'); }else if(main=="DINNER"){ resetDINNER(); resetSleeveSizes('searchpage'); }else if(main=="CASUALS"){ resetCASUALS(); }else if(main=="TIES"){ resetTIES(); }else if(main=="POLOS"){ resetPOLOS(); }else if(main=="CUFFLINKS"){ resetCUFFLINKS(); } checkAllFilters(main,cat); } function resetSleeveSizes(page){ SIZE1=""; SIZE2=""; switch(page){ case 'productpage': var c = 'ProductSize1'; break; case 'searchpage': var c = 'SearchSize'; break; } document.getElementById('3784').className = c; document.getElementById('3881').className = c; document.getElementById('3885').className = c; document.getElementById('3981').className = c; document.getElementById('3986').className = c; document.getElementById('3989').className = c; document.getElementById('3991').className = c; document.getElementById('4081').className = c; document.getElementById('4087').className = c; document.getElementById('4089').className = c; document.getElementById('4091').className = c; document.getElementById('4184').className = c; document.getElementById('4186').className = c; document.getElementById('4188').className = c; document.getElementById('4190').className = c; document.getElementById('4192').className = c; document.getElementById('4195').className = c; document.getElementById('4284').className = c; document.getElementById('4286').className = c; document.getElementById('4289').className = c; document.getElementById('4292').className = c; document.getElementById('4295').className = c; document.getElementById('4386').className = c; document.getElementById('4389').className = c; document.getElementById('4392').className = c; document.getElementById('4395').className = c; document.getElementById('4486').className = c; document.getElementById('4490').className = c; document.getElementById('4492').className = c; document.getElementById('4495').className = c; document.getElementById('4686').className = c; document.getElementById('4690').className = c; document.getElementById('4692').className = c; document.getElementById('4695').className = c; document.getElementById('4892').className = c; } //////////////////////////////////////////////////////////////////////////////////////////////////////// // Start - S M L XL 2XL etc. //////////////////////////////////////////////////////////////////////////////////////////////////////// function changeBoxOneSize(maincat,elementID,onesize) { if (document.getElementById(elementID).className == "SearchOneSize") { document.getElementById(elementID).className = "SearchOneSize-active"; TICK = "1"; addFilterOneSize(maincat,onesize); }else{ document.getElementById(elementID).className = "SearchOneSize"; TICK = "0"; removeFilterOneSize(maincat,onesize); } } function addFilterOneSize(maincat,s1){ if(ONESIZE==""){ if(ONESIZE.search(s1) == -1){ ONESIZE = ONESIZE + s1; } }else{ if(ONESIZE.search(s1) == -1){ ONESIZE = ONESIZE + "," + s1; } } checkAllFilters(maincat,"ONESIZE"); } function removeFilterOneSize(maincat,s1){ var pos; var v1 = ONESIZE; v2 = v1.replace(","+s1, ""); v3 = v2.replace(s1, ""); pos = v3.indexOf(","); if(pos==0){ //if there is comma at the beginning of the string - remove it v4 = v3.substring(1); ONESIZE = v4; }else{ ONESIZE = v3; } checkAllFilters(maincat,"ONESIZE"); } // End - S M L XL 2XL etc. //////////////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////////////////////////////// // Start - 38/81 38/35 39/81 etc. //////////////////////////////////////////////////////////////////////////////////////////////////////// function changeBoxSize(maincat,elementID,size1,size2) { //alert(maincat+" "+elementID+" "+size1+" "+size2); if (document.getElementById(elementID).className == "SearchSize") { document.getElementById(elementID).className = "SearchSize-active"; TICK = "1"; addFilterSize(maincat,elementID,size1,size2); }else{ document.getElementById(elementID).className = "SearchSize"; TICK = "0"; removeFilterSize(maincat,elementID,size1,size2); } //alert(maincat+" "+elementID+" "+size1+" "+size2); } function addFilterSize(maincat,val,s1,s2){ switch(s1){ case "%37%": SIZE1 = SIZE1 + s1; SIZE2 = SIZE2 + s2; break; case "%38%": case "%39%": case "%40%": case "%41%": case "%42%": case "%43%": case "%44%": case "%46%": case "%48%": addSize(val,s1,s2); break; } checkAllFilters(maincat,"SIZE"); } function addSize(val,s1,s2){ if(SIZE1==""){ if(SIZE1.search(s1) == -1){ SIZE1 = SIZE1 + s1; } SIZE2 = SIZE2 + s2; }else{ if(SIZE1.search(s1) == -1){ SIZE1 = SIZE1 + "," + s1; } SIZE2 = SIZE2 + "," + s2; } } function removeFilterSize(maincat,val,s1,s2){ var pos; var v1 = SIZE2; v2 = v1.replace(","+s2, ""); v3 = v2.replace(s2, ""); pos = v3.indexOf(","); if(pos==0){ //if there is comma at the beginning of the string - remove it v4 = v3.substring(1); SIZE2 = v4; }else{ SIZE2 = v3; } //clear size1 when there is no size2 if(SIZE2==""){ SIZE1="" } checkAllFilters(maincat,"SIZE"); } // End - 38/81 38/35 39/81 etc. //////////////////////////////////////////////////////////////////////////////////////////////////////// //////////////////////////////////////////////////////////////////////////////////////////////////////// // Start - FIT COLLAR CUFF COLOUR etc. //////////////////////////////////////////////////////////////////////////////////////////////////////// function changeBox(maincat,category,elementID,filter) { var img = document.getElementById(elementID).style.backgroundImage; //clean img img = img.replace('"', ''); img = img.replace('"', ''); /* Do it twice for firefox */ img = img.replace('http://www.gantonshop.com.au/', ''); /* Do it for safari */ img = img.replace('http://localhost/ganton_mit/', ''); /* Do it for local */ showhide('divLoadingResults', 1); showhide2('divNumResults', 0); if(img == 'url(images/chkbox.jpg)') { document.getElementById(elementID).style.backgroundImage = "url(images/chkbox-dn.jpg)"; TICK = "1"; addFilter(maincat,category,elementID,filter); }else if(img.backgroundImage = "url(images/chkbox-dn.jpg)"){ document.getElementById(elementID).style.backgroundImage = "url(images/chkbox.jpg)"; TICK = "0"; removeFilter(maincat,category,elementID,filter); } //alert(maincat+" "+category+" "+elementID+" "+filter); } function getRange(maincat,category,filter){ addFilter(maincat,category,'',filter); } //add filters from flash to filter variables function addFlashFilter(fit,pattern,colour){ if(FIT==""){ FIT = FIT + fit; }else{ FIT = FIT + "," + fit; } if(PATTERN==""){ PATTERN = PATTERN + pattern; }else{ PATTERN = PATTERN + "," +pattern; } if(COLOUR==""){ COLOUR = COLOUR + colour; }else{ COLOUR = COLOUR + "," + colour; } } function addFilter(maincat,cat,val,filter){ switch(cat){ case "FIT": if(FIT==""){ FIT = FIT + filter; }else{ FIT = FIT + "," + filter; } break; case "CUFF": if(CUFF==""){ CUFF = CUFF + filter; }else{ CUFF = CUFF + "," + filter; } break; case "COLLAR": if(COLLAR==""){ COLLAR = COLLAR + filter; }else{ COLLAR = COLLAR + "," + filter; } break; case "COLOUR": if(COLOUR==""){ COLOUR = COLOUR + filter; }else{ COLOUR = COLOUR + "," + filter; } break; case "PATTERN": if(PATTERN==""){ PATTERN = PATTERN + filter; }else{ PATTERN = PATTERN + "," + filter; } break; case "PATTERN2": if(PATTERN2==""){ PATTERN2 = PATTERN2 + filter; }else{ PATTERN2 = PATTERN2 + "," + filter; } break; case "FEATURE": if(PATTERN2==""){ FEATURE = FEATURE + filter; }else{ FEATURE = FEATURE + "," + filter; } break; case "CONTENT": if(CONTENT==""){ CONTENT = CONTENT + filter; }else{ CONTENT = CONTENT + "," + filter; } break; case "SLEEVE": if(SLEEVE==""){ SLEEVE = SLEEVE + filter; }else{ SLEEVE = SLEEVE + "," + filter; } break; case "STOCK": if(STOCK==""){ STOCK = STOCK + filter; }else{ STOCK = STOCK + "," + filter; } break; case "RANGENO": if(RANGENO==""){ RANGENO = RANGENO + filter; }else{ RANGENO = RANGENO + "," + filter; } break; } checkAllFilters(maincat,cat); } function removeFilter(maincat,cat,val,filter){ var pos; var v2; var v3; var v4; switch(cat){ case "FIT": var v1 = FIT; v2 = v1.replace(","+filter, ""); v3 = v2.replace(filter, ""); pos = v3.indexOf(","); if(pos==0){ //if there is comma at the beginning of the string - remove it v4 = v3.substring(1); FIT = v4; }else{ FIT = v3; } break; case "CUFF": var v1 = CUFF; v2 = v1.replace(","+filter, ""); v3 = v2.replace(filter, ""); pos = v3.indexOf(",") if(pos==0){ v4 = v3.substring(1); CUFF = v4; }else{ CUFF = v3; } break; case "COLLAR": var v1 = COLLAR; v2 = v1.replace(","+filter, ""); v3 = v2.replace(filter, ""); pos = v3.indexOf(",") if(pos==0){ v4 = v3.substring(1); COLLAR = v4; }else{ COLLAR = v3; } break; case "COLOUR": var v1 = COLOUR; v2 = v1.replace(","+filter, ""); v3 = v2.replace(filter, ""); pos = v3.indexOf(",") if(pos==0){ v4 = v3.substring(1); COLOUR = v4; }else{ COLOUR = v3; } break; case "PATTERN": var v1 = PATTERN; v2 = v1.replace(","+filter, ""); v3 = v2.replace(filter, ""); pos = v3.indexOf(",") if(pos==0){ v4 = v3.substring(1); PATTERN = v4; }else{ PATTERN = v3; } break; case "PATTERN2": var v1 = PATTERN2; v2 = v1.replace(","+filter, ""); v3 = v2.replace(filter, ""); pos = v3.indexOf(",") if(pos==0){ v4 = v3.substring(1); PATTERN2 = v4; }else{ PATTERN2 = v3; } break; case "FEATURE": var v1 = FEATURE; v2 = v1.replace(","+filter, ""); v3 = v2.replace(filter, ""); pos = v3.indexOf(",") if(pos==0){ v4 = v3.substring(1); FEATURE = v4; }else{ FEATURE = v3; } break; case "CONTENT": var v1 = CONTENT; v2 = v1.replace(","+filter, ""); v3 = v2.replace(filter, ""); pos = v3.indexOf(",") if(pos==0){ v4 = v3.substring(1); CONTENT = v4; }else{ CONTENT = v3; } break; case "SLEEVE": var v1 = SLEEVE; v2 = v1.replace(","+filter, ""); v3 = v2.replace(filter, ""); pos = v3.indexOf(",") if(pos==0){ v4 = v3.substring(1); SLEEVE = v4; }else{ SLEEVE = v3; } break; case "STOCK": var v1 = STOCK; v2 = v1.replace(","+filter, ""); v3 = v2.replace(filter, ""); pos = v3.indexOf(",") if(pos==0){ v4 = v3.substring(1); STOCK = v4; }else{ STOCK = v3; } break; case "RANGENO": var v1 = RANGENO; v2 = v1.replace(","+filter, ""); v3 = v2.replace(filter, ""); pos = v3.indexOf(",") if(pos==0){ v4 = v3.substring(1); RANGENO = v4; }else{ RANGENO = v3; } break; } checkAllFilters(maincat,cat); } // End - FIT COLLAR CUFF COLOUR etc. //////////////////////////////////////////////////////////////////////////////////////////////////////// function checkAllFilters(maincat,category){ // Check all categories var filters = ""; var goToLink=""; if(maincat == "MEN" || maincat == "CASUALS" ||maincat == "POLOS" || maincat == "TIES" || maincat == "CUFFLINKS"){ var prodCode = document.getElementById('txtRangeNumber').value; } if(FIT != ""){ filters = filters + "&FIT=" + FIT; } if(CUFF != ""){ filters = filters + "&CUFF=" + CUFF; } if(COLLAR != ""){ filters = filters + "&COLLAR=" + COLLAR; } if(COLOUR != ""){ filters = filters + "&COLOUR=" + COLOUR; } if(PATTERN != ""){ filters = filters + "&PATTERN=" + PATTERN; } if(PATTERN2 != ""){ filters = filters + "&PATTERN2=" + PATTERN2; } if(FEATURE != ""){ filters = filters + "&FEATURE=" + FEATURE; } if(CONTENT != ""){ filters = filters + "&CONTENT=" + CONTENT; } if(SIZE1 != ""){ filters = filters + "&SIZE1=" + SIZE1; } if(SIZE2 != ""){ filters = filters + "&SIZE2=" + SIZE2; } if(ONESIZE != ""){ filters = filters + "&ONESIZE=" + ONESIZE; } if(SLEEVE != ""){ //Long or short sleeve for casuals filters = filters + "&SLEEVE=" + SLEEVE; } if(STOCK != ""){ //Long or short sleeve for casuals filters = filters + "&STOCK=" + STOCK; } if(RANGENO != ""){ filters = filters + "&RANGENO=" + RANGENO; } if(prodCode != ""){ filters = filters + "&CODE=" + prodCode; } filters = filters.replace(/%/gi, "'"); switch(maincat){ case "MEN": goToLink = "menshirts"; break; case "DINNER": goToLink = "dinnershirts"; break; case "CASUALS": goToLink = "casuals"; break; case "POLOS": goToLink = "polos"; break; case "TIES": goToLink = "ties"; break; case "CUFFLINKS": goToLink = "cufflinks"; break; case "STOCK": goToLink = "menshirts"; break; case "RANGENO": goToLink = "menshirts"; break; } if(filters == ""){ showhide('resetSearch', 0); }else{ showhide('resetSearch', 1); } //alert("search-"+goToLink+".php?currentCategory="+category+"&tick="+TICK+filters); callToServer("search-"+goToLink+".php?currentCategory="+category+"&tick="+TICK+filters, 'classicfit'); //document.getElementById('txtBackLink').value = "search-"+goToLink+".php?currentCategory="+category+"&tick="+TICK+filters; } function handleFIT(classic, city, extra){ document.getElementById('classicfit').style.visibility = classic; document.getElementById('citymidfit').style.visibility= city; if(extra!=""){document.getElementById('extraslimfit').style.visibility = extra; } } function handleCUFF(single, french){ document.getElementById('singlecuff').style.visibility = single; document.getElementById('frenchcuff').style.visibility = french; } function handleCOLLAR(narrow, buttondown, peak, cutaway, spread){ if(narrow!=""){document.getElementById('narrow').style.visibility = narrow; } document.getElementById('buttondown').style.visibility = buttondown; document.getElementById('peak').style.visibility = peak; if(cutaway!=""){document.getElementById('cutaway').style.visibility = cutaway; } document.getElementById('spread').style.visibility = spread; } function handleCOLOUR(white, blue, black, silver, grey, pink, purple, gold, red, green, neutral){ document.getElementById('white').style.visibility = white; document.getElementById('blue').style.visibility = blue; document.getElementById('black').style.visibility = black; if(silver != ''){ document.getElementById('silver').style.visibility = silver; } document.getElementById('grey').style.visibility = grey; document.getElementById('pink').style.visibility = pink; document.getElementById('purple').style.visibility = purple; if(gold!=''){ document.getElementById('gold').style.visibility = gold; }; document.getElementById('red').style.visibility = red; document.getElementById('green').style.visibility = green; document.getElementById('neutral').style.visibility = neutral; //alert(white+" "+blue+" "+black+" "+silver+" "+grey+" "+pink+" "+purple+" "+gold+" "+red+" "+green+" "+neutral); } function handlePATTERN(plain, stripe, check, herringbone, oxford, textured, twill, goldlabel, dobby, pattern){ document.getElementById('plain').style.visibility = plain; document.getElementById('stripe').style.visibility = stripe; if(check!=""){ document.getElementById('check').style.visibility = check; } if(herringbone!=""){ document.getElementById('herringbone').style.visibility = herringbone; } if(oxford!=""){ document.getElementById('royaloxford').style.visibility = oxford; } if(textured!=""){ document.getElementById('textured').style.visibility = textured; } if(twill!=""){ document.getElementById('twill').style.visibility = twill; } if(goldlabel!=""){ document.getElementById('goldlabel').style.visibility = goldlabel; } if(dobby!=""){ document.getElementById('dobby').style.visibility = dobby; } if(pattern!=""){ document.getElementById('pattern').style.visibility = pattern; } } function handleFEATURE(special){ document.getElementById('special').style.visibility = special; } function handleCONTENT(purecotton, cottonpolyester){ document.getElementById('purecotton').style.visibility = purecotton; document.getElementById('cottonpolyester').style.visibility = cottonpolyester; } function handleDINNERPATTERN(pleat, marcella){ document.getElementById('pleat').style.visibility = pleat; document.getElementById('marcella').style.visibility = marcella; } function handleDINNERCOLLAR(spread, wing){ document.getElementById('spread').style.visibility = spread; document.getElementById('wing').style.visibility = wing; } function handlePOLOCOLLAR(withcollar, nocollar){ document.getElementById('withcollar').style.visibility = withcollar; document.getElementById('nocollar').style.visibility = nocollar; } function handleSLEEVE(short, long){ document.getElementById('shortsleeve').style.visibility = short; document.getElementById('longsleeve').style.visibility = long; } function handleONESIZE(s,m,l,xl,size_2xl,size_3xl,size_4xl,size_5xl,size_6xl,size_7xl){ document.getElementById('size_s').style.display = s; document.getElementById('size_m').style.display = m; document.getElementById('size_l').style.display = l; document.getElementById('size_xl').style.display = xl; document.getElementById('size_2xl').style.display = size_2xl; if(size_3xl!=""){ document.getElementById('size_3xl').style.display = size_3xl; } if(size_4xl!=""){ document.getElementById('size_4xl').style.display = size_4xl; } if(size_5xl!=""){ document.getElementById('size_5xl').style.display = size_5xl; } if(size_6xl!=""){ document.getElementById('size_6xl').style.display = size_6xl; } if(size_7xl!=""){ document.getElementById('size_7xl').style.display = size_7xl; } } function handleCUFFLINKCONTENT(ninectgold, sterlingsilver, rhodium, goldplated, onyx, ceramic, stainless){ document.getElementById('ninectgold').style.visibility = ninectgold; document.getElementById('sterlingsilver').style.visibility = sterlingsilver; document.getElementById('rhodium').style.visibility = rhodium; document.getElementById('goldplated').style.visibility = goldplated; document.getElementById('onyx').style.visibility = onyx; document.getElementById('ceramic').style.visibility = ceramic; document.getElementById('stainless').style.visibility = stainless; } function handleCUFFLINKPATTERN(formal, fun, blacktie){ document.getElementById('formal').style.visibility = formal; document.getElementById('fun').style.visibility = fun; document.getElementById('blacktie').style.visibility = blacktie; } function handleTIEPATTERN2(slim, regular){ document.getElementById('slim').style.visibility = slim; document.getElementById('regular').style.visibility = regular; } function resetMEN(){ rCheck('classicfit'); rCheck('citymidfit'); rCheck('extraslimfit'); rCheck('singlecuff'); rCheck('frenchcuff'); rCheck('narrow'); rCheck('buttondown'); rCheck('peak'); rCheck('cutaway'); rCheck('spread'); rCheck('white'); rCheck('blue'); rCheck('black'); rCheck('grey'); rCheck('pink'); rCheck('purple'); rCheck('red'); rCheck('green'); rCheck('neutral'); rCheck('plain'); rCheck('stripe'); rCheck('check'); rCheck('herringbone'); rCheck('royaloxford'); rCheck('textured'); rCheck('twill'); rCheck('goldlabel'); rCheck('special'); rCheck('purecotton'); rCheck('cottonpolyester'); } function resetDINNER(){ rCheck('pleat'); rCheck('marcella'); rCheck('spread'); rCheck('wing'); } function resetCASUALS(){ rCheck('white'); rCheck('blue'); rCheck('black'); rCheck('grey'); rCheck('pink'); rCheck('purple'); rCheck('red'); rCheck('green'); rCheck('neutral'); rCheck('buttondown'); rCheck('peak'); rCheck('spread'); rCheck('plain'); rCheck('stripe'); rCheck('check'); rCheck('shortsleeve'); rCheck('longsleeve'); resetPOLOSCASUALsizes(); } function resetPOLOS(){ rCheck('white'); rCheck('blue'); rCheck('black'); rCheck('grey'); rCheck('pink'); rCheck('purple'); rCheck('red'); rCheck('green'); rCheck('neutral'); rCheck('plain'); rCheck('stripe'); rCheck('check'); rCheck('pattern'); resetPOLOSCASUALsizes(); } function resetPOLOSCASUALsizes(){ document.getElementById('size_s').className = "SearchOneSize"; document.getElementById('size_m').className = "SearchOneSize"; document.getElementById('size_l').className = "SearchOneSize"; document.getElementById('size_xl').className = "SearchOneSize"; document.getElementById('size_2xl').className = "SearchOneSize"; document.getElementById('size_3xl').className = "SearchOneSize"; } function resetTIES(){ rCheck('white'); rCheck('blue'); rCheck('black'); rCheck('silver'); rCheck('grey'); rCheck('pink'); rCheck('purple'); rCheck('gold'); rCheck('red'); rCheck('green'); rCheck('neutral'); rCheck('slim'); rCheck('regular'); rCheck('plain'); rCheck('stripe'); rCheck('textured'); } function resetCUFFLINKS(){ rCheck('rhodium'); rCheck('stainless'); rCheck('white'); rCheck('blue'); rCheck('black'); rCheck('grey'); rCheck('gold'); rCheck('purple'); rCheck('silver'); rCheck('red'); rCheck('fun'); rCheck('formal'); } //reset Check function rCheck(val){ document.getElementById(val).style.backgroundImage = im; }