jQuery(document).ready(function()
    {
        jQuery('.design-scroll').jScrollPane({ scrollbarWidth: 5, scrollbarMargin: 8 });
	    jQuery("#div-Walls").hide();
        jQuery("#div-Windows").hide();
        jQuery("#div-Foundations").hide();
        jQuery("#non-green").hide();   
        jQuery(".fancy").fancybox();
    })

    var el='#div-Roof';
    
    function SwitchText(div)
    {
    	if (el!=null) jQuery(el).fadeOut();    
        el = '#div-'+div
	    jQuery("#aRoof,#aWalls,#aWindows,#aFoundations").removeClass("select");
        
        jQuery("#Roof-button").attr("src","/assets/images/design/Roof.png");
        jQuery("#Walls-button").attr("src","/assets/images/design/Walls.png");
        jQuery("#Windows-button").attr("src","/assets/images/design/Windows.png");
        jQuery("#Foundations-button").attr("src","/assets/images/design/Foundations.png");
    
        jQuery(el).fadeIn();
        jQuery("#a"+div).addClass("select");
        jQuery("#"+div+"-button").attr("src","/assets/images/design/"+div+"-s.png");  
    }
    
    function ToggleGreen(div)
    {
        if (div == "green")
        {
            jQuery("#non-green").removeClass("gselect").fadeOut();
            jQuery("#green").addClass("gselect").fadeIn();
        }
        else
        {
            jQuery("#non-green").addClass("gselect").fadeIn();
            jQuery("#green").removeClass("gselect").fadeOut();
        }
    }