YAHOO.namespace("example.overlay");

	YAHOO.example.overlay.overlays = [];

	function init() {

			YAHOO.example.overlay.artisticPanel = new YAHOO.widget.Overlay("artisticPanel", {visible:false, ofixedcenter:true} );
			YAHOO.example.overlay.artisticPanel.render();
			
			YAHOO.util.Event.addListener("openArtisticPanel", "click", openArtisticPanel, YAHOO.example.overlay.artisticPanel, false);
			YAHOO.util.Event.addListener("artistic", "click", openArtisticPanel, YAHOO.example.overlay.artisticPanel, false);
            YAHOO.util.Event.addListener("closeArtisticPanel", "click", closeArtisticPanel, YAHOO.example.overlay.artisticPanel, false);
            
            YAHOO.example.overlay.environmentalPanel = new YAHOO.widget.Overlay("environmentalPanel", {visible:false, ofixedcenter:true} );
			YAHOO.example.overlay.environmentalPanel.render();
			
			YAHOO.util.Event.addListener("openEnvironmentalPanel", "click", openEnvironmentalPanel, YAHOO.example.overlay.environmentalPanel, false);
			YAHOO.util.Event.addListener("environmental", "click", openEnvironmentalPanel, YAHOO.example.overlay.environmentalPanel, false);
            YAHOO.util.Event.addListener("closeEnvironmentalPanel", "click", closeEnvironmentalPanel, YAHOO.example.overlay.environmentalPanel, false);
            
           
    }
    
    function openArtisticPanel(e){
        YAHOO.util.Event.preventDefault(e);
        showModal();
        YAHOO.example.overlay.artisticPanel.show();
        
        var el = YAHOO.ext.Element.get('artisticPanel');
        var elCenter = YAHOO.ext.Element.get('body');
        el.center(elCenter);   
        
         if (el.getTop() < 0) {
            el.setTop(0);
        }     
    }
    function closeArtisticPanel(e)
    {
        YAHOO.util.Event.preventDefault(e);
        YAHOO.example.overlay.artisticPanel.hide();
        hideModal();
    }
    
    function openEnvironmentalPanel(e){
        YAHOO.util.Event.preventDefault(e);
        showModal();
        YAHOO.example.overlay.environmentalPanel.show();
        
        var el = YAHOO.ext.Element.get('environmentalPanel');
        var elCenter = YAHOO.ext.Element.get('body');
        el.center(elCenter);  
        
         if (el.getTop() < 0) {
            el.setTop(0);
        }      
    }
    function closeEnvironmentalPanel(e)
    {
        YAHOO.util.Event.preventDefault(e);
        YAHOO.example.overlay.environmentalPanel.hide();
        hideModal();
    }

    
   
YAHOO.util.Event.addListener(window, "load", init);