//swap gallery image on click
//this function is not used by the doors section see doors.js
function swapimage(id, imageid, imagefile) {
    //set the current image as background
    //document.getElementById(id).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";

    // url required for IE;
    document.getElementById(id).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
    //this line added to cleare photo gallery of last image clicked
    document.getElementById(id).style.backgroundImage = ""

    //make new image
    document.getElementById(imageid).src = imagefile;
}


//changes the gallery text on the left
function changeInfo(id) {
    //kitchen
    if (id == "kp1") {
        //display and reposition
        document.getElementById('ginfoS').style.display = "block";
        document.getElementById('ginfo').style.display = "block";
        document.getElementById('ginfo').className = "gallery_info";
        //switch out text 
        document.getElementById('gspecies').innerHTML = "Maple";
        document.getElementById('gstyle').innerHTML = "Monterey";
        document.getElementById('gfinish').innerHTML = "Fig<br>Coffee Glaze<br>Distressed";
    } else if (id == "kp2") {
        //display and reposition
        document.getElementById('ginfoS').style.display = "none";
        document.getElementById('ginfo').style.display = "block";
        document.getElementById('ginfo').className = "gallery_info_noSpecies";
        //switch out text
        document.getElementById('gstyle').innerHTML = "Serenity";
        document.getElementById('gfinish').innerHTML = "White";
    } else if (id == "kp3") {
        //display and reposition
        document.getElementById('ginfoS').style.display = "block";
        document.getElementById('ginfo').style.display = "block";
        document.getElementById('ginfo').className = "gallery_info";
        //switch out text
        document.getElementById('gspecies').innerHTML = "Maple";
        document.getElementById('gstyle').innerHTML = "Valley";
        document.getElementById('gfinish').innerHTML = "Fruitwood";
    } else if (id == "kp4") {
        //display and reposition
        document.getElementById('ginfoS').style.display = "block";
        document.getElementById('ginfo').style.display = "block";
        document.getElementById('ginfo').className = "gallery_info";
        //switch out text
        document.getElementById('gspecies').innerHTML = "Maple";
        document.getElementById('gstyle').innerHTML = "Ventura";
        document.getElementById('gfinish').innerHTML = "Alabaster<br>Chocolate Glaze";
    } else if (id == "kp5") {
        //display and reposition
        document.getElementById('ginfoS').style.display = "block";
        document.getElementById('ginfo').style.display = "block";
        document.getElementById('ginfo').className = "gallery_info";
        //switch out text
        document.getElementById('gspecies').innerHTML = "Maple";
        document.getElementById('gstyle').innerHTML = "Ventura";
        document.getElementById('gfinish').innerHTML = "Fig";
    } else if (id == "kp6") {
        //display and reposition
        document.getElementById('ginfoS').style.display = "none";
        document.getElementById('ginfo').style.display = "block";
        document.getElementById('ginfo').className = "gallery_info_noSpecies";
        //switch out text
        document.getElementById('gstyle').innerHTML = "Serenity";
        document.getElementById('gfinish').innerHTML = "White";
    } else if (id == "kp7") {
        //display and reposition
        document.getElementById('ginfoS').style.display = "block";
        document.getElementById('ginfo').style.display = "none";
        //document.getElementById('ginfo').className = "gallery_info";
        //switch out text
        document.getElementById('gspecies').innerHTML = "";
        document.getElementById('gstyle').innerHTML = "";
        document.getElementById('gfinish').innerHTML = "";
    } else if (id == "kp8") {
        //display and reposition
        document.getElementById('ginfoS').style.display = "block";
        //document.getElementById('ginfo').className = "gallery_info";
        document.getElementById('ginfo').style.display = "none";
        //switch out text
        document.getElementById('gspecies').innerHTML = "";
        document.getElementById('gstyle').innerHTML = "";
        document.getElementById('gfinish').innerHTML = "";
    } else if (id == "kp9") {
        //display and reposition
        document.getElementById('ginfoS').style.display = "block";
        //document.getElementById('ginfo').className = "gallery_info";
        document.getElementById('ginfo').style.display = "none";
        //switch out text
        document.getElementById('gspecies').innerHTML = "";
        document.getElementById('gstyle').innerHTML = "";
        document.getElementById('gfinish').innerHTML = "";

        //bath and office    
    } else if (id == "bp1") {
        //display and reposition
    document.getElementById('ginfoS').style.display = "block";
    document.getElementById('ginfo').style.display = "block";
        document.getElementById('ginfo').className = "gallery_info";
        //switch out text
        document.getElementById('gspecies').innerHTML = "Maple";
        document.getElementById('gstyle').innerHTML = "Monterey";
        document.getElementById('gfinish').innerHTML = "Sandstone<br>Chocolate Glaze";

    } else if (id == "bp2") {
        //display and reposition
    document.getElementById('ginfoS').style.display = "block";
    document.getElementById('ginfo').style.display = "none";
        //document.getElementById('ginfo').className = "gallery_info";
        //switch out text
        document.getElementById('gspecies').innerHTML = "";
        document.getElementById('gstyle').innerHTML = "";
        document.getElementById('gfinish').innerHTML = "";

    } else if (id == "bp3") {
        //display and reposition
    document.getElementById('ginfoS').style.display = "block";
    document.getElementById('ginfo').style.display = "none";
        //document.getElementById('ginfo').className = "gallery_info";
        //switch out text
        document.getElementById('gspecies').innerHTML = "";
        document.getElementById('gstyle').innerHTML = "";
        document.getElementById('gfinish').innerHTML = "";

    } else if (id == "bp4") {
        //display and reposition
    document.getElementById('ginfoS').style.display = "block";
    document.getElementById('ginfo').style.display = "none";
        //document.getElementById('ginfo').className = "gallery_info";
        //switch out text
        document.getElementById('gspecies').innerHTML = "";
        document.getElementById('gstyle').innerHTML = "";
        document.getElementById('gfinish').innerHTML = "";

    } else if (id == "bp5") {
        //display and reposition
    document.getElementById('ginfoS').style.display = "none";
    document.getElementById('ginfo').style.display = "block";
        document.getElementById('ginfo').className = "gallery_info";
        //switch out text
        //document.getElementById('gspecies').innerHTML = "";
        document.getElementById('gstyle').innerHTML = "Serenity";
        document.getElementById('gfinish').innerHTML = "White";


    } else if (id == "bp6") {
        //display and reposition
    document.getElementById('ginfoS').style.display = "none";
    document.getElementById('ginfo').style.display = "block";
        document.getElementById('ginfo').className = "gallery_info";
        //switch out text
        //document.getElementById('gspecies').innerHTML = "";
        document.getElementById('gstyle').innerHTML = "Serenity";
        document.getElementById('gfinish').innerHTML = "White";

    } else if (id == "bp7") {
        //display and reposition
    document.getElementById('ginfoS').style.display = "block";
    document.getElementById('ginfo').style.display = "none";
        //document.getElementById('ginfo').className = "gallery_info";
        //switch out text
        document.getElementById('gspecies').innerHTML = "";
        document.getElementById('gstyle').innerHTML = "";
        document.getElementById('gfinish').innerHTML = "";



        //smart box 
    } else if (id == "smbxp1") {
        //switch out text
        document.getElementById('title').innerHTML = "Strong and Stable";
        document.getElementById('text').innerHTML = "Our 5/8&#34; back and fused interlock joint allow cabinets to be attached securely to kitchen walls at almost any point. Extra- strong construction means less wood waste, faster installation, little or no damage during shipping and installation, and years of trouble-free use.";
    } else if (id == "smbxp2") {
        //switch out text
        document.getElementById('title').innerHTML = "Fused Interlock Joint";
        document.getElementById('text').innerHTML = "With Luxe’s advanced bonding agents, joints actually become stronger than wood. Only Luxe leverages that advantage by extending the touch point to the entire length, width and depth of the cabinet.";
    } else if (id == "smbxp3") {
        //switch out text
        document.getElementById('title').innerHTML = "True Square";
        document.getElementById('text').innerHTML = "Compare Luxe’s 5/8&#34; structural back to the typical flimsy 1/8&#34; or 1/4&#34; fiberboard, add 3/4&#34; front stretchers, and you get the industry’s best installation stability as well as improved drawer clearance.";
    } else if (id == "smbxp4") {
        //switch out text
        document.getElementById('title').innerHTML = "Separate, recessed toe kicks";
        document.getElementById('text').innerHTML = "Cutting the box and base separately prevents wood waste and gives you a wonderful extra benefit: recessed ends. Others charge for this feature, if they offer it at all.";
    } else if (id == "smbxp5") {
        //switch out text
        document.getElementById('title').innerHTML = "Strength and stability";
        document.getElementById('text').innerHTML = "Full-depth, 3/4&#34; shelves are standard &#150; and much more resistant to warping than thinner shelves. One more way that the Luxe SmartBox stays true through stresses that tear ordinary cabinets to splinters.";

        //smart choice
    } else if (id == "smchp1") {
        //switch out text
        document.getElementById('title1').innerHTML = "White Laminate Interior";
        document.getElementById('text1').innerHTML = "A clean, bright choice. Choose any drawer style. Soft-close door hinges are available with White Laminate Interiors.";
    } else if (id == "smchp2") {
        //switch out text
        document.getElementById('title1').innerHTML = "Maple Laminate Interior";
        document.getElementById('text1').innerHTML = "A natural maple look, made affordable.  Choose a Metal, Plywood or Solid Wood Drawer. Soft-close door hinges are available with Maple Laminate Interiors.";
    } else if (id == "smchp3") {
        //switch out text
        document.getElementById('title1').innerHTML = "Wood Veneer Interior";
        document.getElementById('text1').innerHTML = "Real wood veneer on solid plywood is a top-of-the-line choice. It comes with a Solid Wood Drawer with beautiful dovetails and convenient full extension. Soft-close door hinges are available with Wood Veneer Interiors.";
    } else if (id == "smchp4") {
        //switch out text
        document.getElementById('title1').innerHTML = "White or Maple Laminate Drawer";
        document.getElementById('text1').innerHTML = "These drawers have side-mounted slides and laminate linings in natural maple or bright white.";
    } else if (id == "smchp5") {
        //switch out text
        document.getElementById('title1').innerHTML = "Metal Drawer";
        document.getElementById('text1').innerHTML = "Side-mounted slides and easy-clean metal make a drawer that lasts a lifetime.";
    } else if (id == "smchp6") {
        //switch out text
        document.getElementById('title1').innerHTML = "Plywood Drawer";
        document.getElementById('text1').innerHTML = "With full-extension slides, under-mounted for maximum accessibility and width.  The popular soft-close feature is available with Plywood Drawers. The advantages of wood, more affordable.";
    } else if (id == "smchp7") {
        //switch out text
        document.getElementById('title1').innerHTML = "Solid Wood Drawer";
        document.getElementById('text1').innerHTML = "Nothing compares to a solid  wood drawer. Beautiful dovetail joints and full-extension slides, under-mounted for maximum accessibility and width. The popular soft-close feature is available with Solid Wood Drawers.";

        //species change info
    } else if (id == "sp1") {
        //switch out text
        document.getElementById('title').innerHTML = "Lyptus";
        document.getElementById('text').innerHTML = "Luxe is pleased to offer cabinetry made of Lyptus® hardwood, an elegant wood from fast-growing eucalyptus trees cultivated on well-managed plantations and harvested to sustainable certification standards.<br /><br /> Ranking at the top for hardness and smoothness, Lyptus’ fine grain takes a stain beautifully. Lyptus is today’s mahogany with a twist: it looks gorgeous in light finishes as well as dark ones. Lyptus has the glamour of exotic hardwood but is (for now) surprisingly affordable.";

    } else if (id == "sp2") {
        //switch out text
        document.getElementById('title').innerHTML = "Cherry";
        document.getElementById('text').innerHTML = "Cherry’s natural reddish hue adds richness and elegance to any room. It has a fine, tight grain and color consistency that takes stains beautifully, darkening over time to even richer tones. Cherry is an ever- popular hardwood widely used by fine furniture makers.";

    } else if (id == "sp3") {
        //switch out text
        document.getElementById('title').innerHTML = "Maple";
        document.getElementById('text').innerHTML = "Maple’s pale, clean hues and its natural glow – a subtle iridescence – are perfect for contemporary homes. A strong, durable hardwood with an even, close grain, Maple occasionally shows significant color streaking.";

    } else if (id == "sp4") {
        //switch out text
        document.getElementById('title').innerHTML = "Oak";
        document.getElementById('text').innerHTML = "No wonder Oak is a symbol of strength: It is extremely strong. Oak’s owes its lasting popularity to a distinctive open grain and a subtle variation in color from delicate browns to off-white with the occasional hint of pink. Oak is a hardwood that takes stains beautifully.";

    } else if (id == "sp5") {
        //switch out text
        document.getElementById('title').innerHTML = "Alder";
        document.getElementById('text').innerHTML = "&#34;All the rage&#34; is what some say about alder. As a furniture grade hardwood with a tight grain, Alder stains beautifully. Its reddish hue is reminiscent of Cherry, but unlike Cherry, Alder does not darken with time.";

    } else if (id == "sp6") {
        //switch out text
        document.getElementById('title').innerHTML = "Beech";
        document.getElementById('text').innerHTML = "Beech is a hard, strong wood with a reddish tint reminiscent of Cherry. Its straight, even grain, exceptional consistency and ability to take finishes well make it popular in both contemporary and traditional homes.";

        //hardware gallery info
    } else if (id == "hp1") {
        //switch out text
        document.getElementById('hfinish').innerHTML = "White";

    } else if (id == "hp2") {
        //switch out text
        document.getElementById('hfinish').innerHTML = "Polished Brass";

    } else if (id == "hp3") {
        //switch out text
        document.getElementById('hfinish').innerHTML = "Satin Brass";

    } else if (id == "hp4") {
        //switch out text
        document.getElementById('hfinish').innerHTML = "Antique Brass";

    } else if (id == "hp5") {
        //switch out text
        document.getElementById('hfinish').innerHTML = "Polished Chrome";

    } else if (id == "hp6") {
        //switch out text
        document.getElementById('hfinish').innerHTML = "Satin Nickel";

    } else if (id == "hp7") {
        //switch out text
        document.getElementById('hfinish').innerHTML = "Black Nickel";

    } else if (id == "hp8") {
        //switch out text
        document.getElementById('hfinish').innerHTML = "Dark Antique Copper";

    } else if (id == "hp9") {
        //switch out text
        document.getElementById('hfinish').innerHTML = "Matte Black";

    } else if (id == "hp10") {
        //switch out text
        document.getElementById('hfinish').innerHTML = "Oil Rubbed Bronze";


        //stain galleries -lyptus        
    } else if (id == "lyptus1") {
        //switch out text
        document.getElementById('title').innerHTML = "Natural on Lytpus";

    } else if (id == "lyptus2") {
        //switch out text
        document.getElementById('title').innerHTML = "Ginger on Lytpus";

    } else if (id == "lyptus3") {
        //switch out text
        document.getElementById('title').innerHTML = "Honey on Lytpus";

    } else if (id == "lyptus4") {
        //switch out text
        document.getElementById('title').innerHTML = "Caramel on Lytpus";

    } else if (id == "lyptus5") {
        //switch out text
        document.getElementById('title').innerHTML = "Mocha on Lytpus";

    } else if (id == "lyptus6") {
        //switch out text
        document.getElementById('title').innerHTML = "Rosewood on Lytpus";

    } else if (id == "lyptus7") {
        //switch out text
        document.getElementById('title').innerHTML = "Date on Lytpus";

    } else if (id == "lyptus8") {
        //switch out text
        document.getElementById('title').innerHTML = "Fig on Lytpus";


        //stain galleries -cherry
    } else if (id == "cherry1") {
        //switch out text
        document.getElementById('title').innerHTML = "Natural on Cherry";

    } else if (id == "cherry2") {
        //switch out text
        document.getElementById('title').innerHTML = "Ginger on Cherry";

    } else if (id == "cherry3") {
        //switch out text
        document.getElementById('title').innerHTML = "Honey on Cherry";

    } else if (id == "cherry4") {
        //switch out text
        document.getElementById('title').innerHTML = "Mocha on Cherry";

    } else if (id == "cherry5") {
        //switch out text
        document.getElementById('title').innerHTML = "Rosewood on Cherry";

    } else if (id == "cherry6") {
        //switch out text
        document.getElementById('title').innerHTML = "Date on Cherry";

    } else if (id == "cherry7") {
        //switch out text
        document.getElementById('title').innerHTML = "Fig on Cherry";

    } else if (id == "cherry8") {
        //switch out text
        document.getElementById('title').innerHTML = "Seville on Cherry";

    } else if (id == "cherry9") {
        //switch out text
        document.getElementById('title').innerHTML = "Plum on Cherry";


        //stain galleries -maple
    } else if (id == "maple1") {
        //switch out text
        document.getElementById('title').innerHTML = "Natural on Maple";

    } else if (id == "maple2") {
        //switch out text
        document.getElementById('title').innerHTML = "Ginger on Maple";

    } else if (id == "maple3") {
        //switch out text
        document.getElementById('title').innerHTML = "Honey on Maple";

    } else if (id == "maple4") {
        //switch out text
        document.getElementById('title').innerHTML = "Mocha on Maple";

    } else if (id == "maple5") {
        //switch out text
        document.getElementById('title').innerHTML = "Fruitwood on Maple";

    } else if (id == "maple6") {
        //switch out text
        document.getElementById('title').innerHTML = "Rosewood on Maple";

    } else if (id == "maple7") {
        //switch out text
        document.getElementById('title').innerHTML = "Date on Maple";

    } else if (id == "maple8") {
        //switch out text
        document.getElementById('title').innerHTML = "Fig on Maple";


        //stain galleries -oak
    } else if (id == "oak1") {
        //switch out text
        document.getElementById('title').innerHTML = "Natural on Oak";

    } else if (id == "oak2") {
        //switch out text
        document.getElementById('title').innerHTML = "Ginger on Oak";

    } else if (id == "oak3") {
        //switch out text
        document.getElementById('title').innerHTML = "Honey on Oak";

    } else if (id == "oak4") {
        //switch out text
        document.getElementById('title').innerHTML = "Mocha on Oak";

    } else if (id == "oak5") {
        //switch out text
        document.getElementById('title').innerHTML = "Fruitwood on Oak";

    } else if (id == "oak6") {
        //switch out text
        document.getElementById('title').innerHTML = "Rosewood on Oak";

    } else if (id == "oak7") {
        //switch out text
        document.getElementById('title').innerHTML = "Date on Oak";

    } else if (id == "oak8") {
        //switch out text
        document.getElementById('title').innerHTML = "Fig on Oak";



        //stain galleries -alder
    } else if (id == "alder1") {
        //switch out text
        document.getElementById('title').innerHTML = "Natural on Alder";

    } else if (id == "alder2") {
        //switch out text
        document.getElementById('title').innerHTML = "Ginger on Alder";

    } else if (id == "alder3") {
        //switch out text
        document.getElementById('title').innerHTML = "Honey on Alder";

    } else if (id == "alder4") {
        //switch out text
        document.getElementById('title').innerHTML = "Mocha on Alder";

    } else if (id == "alder5") {
        //switch out text
        document.getElementById('title').innerHTML = "Fruitwood on Alder";

    } else if (id == "alder6") {
        //switch out text
        document.getElementById('title').innerHTML = "Rosewood on Alder";

    } else if (id == "alder7") {
        //switch out text
        document.getElementById('title').innerHTML = "Date on Alder";

    } else if (id == "alder8") {
        //switch out text
        document.getElementById('title').innerHTML = "Fig on Alder";


        //stain galleries -beech
    } else if (id == "beech1") {
        //switch out text
        document.getElementById('title').innerHTML = "Natural on Beech";

    } else if (id == "beech2") {
        //switch out text
        document.getElementById('title').innerHTML = "Ginger on Beech";

    } else if (id == "beech3") {
        //switch out text
        document.getElementById('title').innerHTML = "Honey on Beech";

    } else if (id == "beech4") {
        //switch out text
        document.getElementById('title').innerHTML = "Caramel on Beech";

    } else if (id == "beech5") {
        //switch out text
        document.getElementById('title').innerHTML = "Mocha on Beech";

    } else if (id == "beech6") {
        //switch out text
        document.getElementById('title').innerHTML = "Fruitwood on Beech";

    } else if (id == "beech7") {
        //switch out text
        document.getElementById('title').innerHTML = "Rosewood on Beech";

    } else if (id == "beech8") {
        //switch out text
        document.getElementById('title').innerHTML = "Date on Beech";

    } else if (id == "beech9") {
        //switch out text
        document.getElementById('title').innerHTML = "Fig on Beech";

        //coatings gallery
    } else if (id == "coatings1") {
        //switch out text
        document.getElementById('title').innerHTML = "White";

    } else if (id == "coatings2") {
        //switch out text
        document.getElementById('title').innerHTML = "Alabaster";

    } else if (id == "coatings3") {
        //switch out text
        document.getElementById('title').innerHTML = "Sandstone";

    } else if (id == "coatings4") {
        //switch out text
        document.getElementById('title').innerHTML = "Oyster";

    } else if (id == "coatings5") {
        //switch out text
        document.getElementById('title').innerHTML = "Sage";

    } else if (id == "coatings6") {
        //switch out text
        document.getElementById('title').innerHTML = "Exspresso";


        //glazes gallery

    } else if (id == "glazes1") {
        //switch out text
        document.getElementById('title').innerHTML = "Alabaster with Chocolate Glaze";

    } else if (id == "glazes2") {
        //switch out text
        document.getElementById('title').innerHTML = "Cherry Natural with Chocolate Glaze";

    } else if (id == "glazes3") {
        //switch out text
        document.getElementById('title').innerHTML = "Maple Ginger with Chocolate Glaze";

    } else if (id == "glazes4") {
        //switch out text
        document.getElementById('title').innerHTML = "Maple Honey with Chocolate Glaze";

    } else if (id == "glazes5") {
        //switch out text
        document.getElementById('title').innerHTML = "Maple Natural with Chocolate Glaze";

    } else if (id == "glazes6") {
        //switch out text
        document.getElementById('title').innerHTML = "Cherry Ginger with Coffee Glaze";

    } else if (id == "glazes7") {
        //switch out text
        document.getElementById('title').innerHTML = "Cherry Honey with Coffee Glaze";

    } else if (id == "glazes8") {
        //switch out text
        document.getElementById('title').innerHTML = "Cherry Mocha with Coffee Glaze";

    } else if (id == "glazes9") {
        //switch out text
        document.getElementById('title').innerHTML = "Cherry Rosewood with Coffee Glaze";

    } else if (id == "glazes10") {
        //switch out text
        document.getElementById('title').innerHTML = "Date with Coffee Glaze";

    } else if (id == "glazes11") {
        //switch out text
        document.getElementById('title').innerHTML = "Maple Fruitwood with Coffee Glaze";

    } else if (id == "glazes12") {
        //switch out text
        document.getElementById('title').innerHTML = "Maple Mocha with Coffee Glaze";

    } else if (id == "glazes13") {
        //switch out text
        document.getElementById('title').innerHTML = "Maple Rosewood with Coffee Glaze";

    } else if (id == "glazes14") {
        //switch out text
        document.getElementById('title').innerHTML = "Maple Sage with Coffee Glaze";


        //distressing gallery

    } else if (id == "distress1") {
        //switch out text
        document.getElementById('title').innerHTML = "Dings & Dents";

    } else if (id == "distress2") {
        //switch out text
        document.getElementById('title').innerHTML = "Cracks & Splits";

    } else if (id == "distress3") {
        //switch out text
        document.getElementById('title').innerHTML = "Wormholes";

    } else if (id == "distress4") {
        //switch out text
        document.getElementById('title').innerHTML = "Gouging, Sand-Through & Edging";



    }


}