$(document).ready(function() {


    // contact form
    $("ul.contactForm li").click(function () {
        $("ul.contactForm li").css("background-color","white");
        $("ul.contactForm li.veri").css("background-color","#d2f3ff");
        $(this).css("background-color","#e6e6e6");
    });

    //request a quote

    ///////////////////////////
    //hide un needed form elements

    $(".cfefl,.ocfm,.cfspbks,.cffss,.cftt").hide();

    //belustrading
    $(".cfb").click(function(){
        $(".ocfm,.cfefl,.cfspbks,.cffss,.cftt").slideUp("fast");
        $(".cfbsrg").slideDown("fast");
    });
    //pool fences
    $(".rqcfpf").click(function(){
        $(".ocfm,.cfbsrg,.cfspbks,.cffss,.cftt").slideUp("fast");
        $(".cfefl").slideDown("fast");
    });
    //splash backs
    $(".cfsb").click(function(){
        $(".cfefl,.ocfm,.cfbsrg,.cffss,.cftt").slideUp("fast");
        $(".cfspbks").slideDown("fast");
    });
    //frameless shower screen
    $(".bcffss").click(function(){
        $(".cfefl,.ocfm,.cfbsrg,.cfspbks,.cftt").slideUp("fast");
        $(".cffss").slideDown("fast");
    });
    //mirrors
    $(".rqcfm").click(function(){
        $(".cfefl,.cfbsrg,.cfspbks,.cffss,.cftt").slideUp("fast");
        $(".ocfm").slideDown("fast");
    });
    //table tops
    $(".rqtt").click(function(){
        $(".cfefl,.cfbsrg,.cfspbks,.cffss,.ocfm").slideUp("fast");
        $(".cftt").slideDown("fast");
    });

    ///////////////////////////////////////


    // home page
    $(".home-btn").animate({
        opacity: "0.50"
    });
    $(".home-btn-b,.home-btn-ss,.home-btn-pf,.home-btn-m").hover(function() {
        $(this).animate({
            opacity: "1.00"
        }, "slow");
    }, function() {
        $(this).animate({
            opacity: "0.50"
        }, "slow");
    });
    // gallery text
    $(".galleryPane span").animate({
        opacity: "0.50"
    });
    // gallery
    $(".gp-m,.gp-b,.gp-pf,.gp-sb ").hide();
    $(".gs-fss").hover(function() {
        $(".gp-m,.gp-b,.gp-pf,.gp-sb ").hide();
        $(".gp-fss").show();
    })
    $(".gs-m").hover(function() {
        $(".gp-fss,.gp-b,.gp-pf,.gp-sb ").hide();
        $(".gp-m").show();
    })
    $(".gs-b").hover(function() {
        $(".gp-fss,.gp-m,.gp-pf,.gp-sb ").hide();
        $(".gp-b").show();
    })
    $(".gs-pf").hover(function() {
        $(".gp-fss,.gp-m,.gp-b,.gp-sb ").hide();
        $(".gp-pf").show();
    })
    $(".gs-sb").hover(function() {
        $(".gp-fss,.gp-m,.gp-b,.gp-sb ").hide();
        $(".gp-sb").show();
    })
});