YAHOO.namespace("example.overlay");

	function init() {

			YAHOO.example.overlay.clairemontSkatePanel = new YAHOO.widget.Overlay("clairemontSkatePanel", {visible:false} );
			YAHOO.example.overlay.clairemontSkatePanel.render();
			
			YAHOO.util.Event.addListener("openClairemontSkatePanel", "click", openClairemontSkatePanel, YAHOO.example.overlay.clairemontSkatePanel, false);
            YAHOO.util.Event.addListener("closeClairemontSkatePanel", "click", closeClairemontSkatePanel, YAHOO.example.overlay.clairemontSkatePanel, false);
            
            YAHOO.example.overlay.laMesaSkatePanel = new YAHOO.widget.Overlay("laMesaSkatePanel", {visible:false} );
			YAHOO.example.overlay.laMesaSkatePanel.render();
			
			YAHOO.util.Event.addListener("openLaMesaSkatePanel", "click", openLaMesaSkatePanel, YAHOO.example.overlay.laMesaSkatePanel, false);
            YAHOO.util.Event.addListener("closeLaMesaSkatePanel", "click", closeLaMesaSkatePanel, YAHOO.example.overlay.laMesaSkatePanel, false);
            
            YAHOO.example.overlay.penasquitosSkatePanel = new YAHOO.widget.Overlay("penasquitosSkatePanel", {visible:false} );
			YAHOO.example.overlay.penasquitosSkatePanel.render();
			
			YAHOO.util.Event.addListener("openPenasquitosSkatePanel", "click", openPenasquitosSkatePanel, YAHOO.example.overlay.penasquitosSkatePanel, false);
            YAHOO.util.Event.addListener("closePenasquitosSkatePanel", "click", closePenasquitosSkatePanel, YAHOO.example.overlay.penasquitosSkatePanel, false);
            
            YAHOO.example.overlay.windingWalkPanel = new YAHOO.widget.Overlay("windingWalkPanel", {visible:false} );
			YAHOO.example.overlay.windingWalkPanel.render();
			
			YAHOO.util.Event.addListener("openWindingWalkPanel", "click", openWindingWalkPanel, YAHOO.example.overlay.windingWalkPanel, false);
            YAHOO.util.Event.addListener("closeWindingWalkPanel", "click", closeWindingWalkPanel, YAHOO.example.overlay.windingWalkPanel, false);
            
           
    }
    
    function openClairemontSkatePanel(e){
        YAHOO.util.Event.preventDefault(e);
        showModal();
        YAHOO.example.overlay.clairemontSkatePanel.show();
        
        var el = YAHOO.ext.Element.get('clairemontSkatePanel');
        var elCenter = YAHOO.ext.Element.get('body');
        el.center(elCenter);   
        
         if (el.getTop() < 0) {
            el.setTop(0);
        }
        
             
    }
    function closeClairemontSkatePanel(e)
    {
        YAHOO.util.Event.preventDefault(e);
        YAHOO.example.overlay.clairemontSkatePanel.hide();
        hideModal();
    }
////////////////////////////////
    function openLaMesaSkatePanel(e){
        YAHOO.util.Event.preventDefault(e);
        showModal();
        YAHOO.example.overlay.laMesaSkatePanel.show();
        
        var el = YAHOO.ext.Element.get('laMesaSkatePanel');
        var elCenter = YAHOO.ext.Element.get('body');
        el.center(elCenter); 
        
         if (el.getTop() < 0) {
            el.setTop(0);
        }       
    }
    function closeLaMesaSkatePanel(e)
    {
        YAHOO.util.Event.preventDefault(e);
        YAHOO.example.overlay.laMesaSkatePanel.hide();
        hideModal();
    }
////////////////////////////////
    function openPenasquitosSkatePanel(e){
        YAHOO.util.Event.preventDefault(e);
        showModal();
        YAHOO.example.overlay.penasquitosSkatePanel.show();
        
        var el = YAHOO.ext.Element.get('penasquitosSkatePanel');
        var elCenter = YAHOO.ext.Element.get('body');
        el.center(elCenter);   
        
         if (el.getTop() < 0) {
            el.setTop(0);
        }     
    }
    function closePenasquitosSkatePanel(e)
    {
        YAHOO.util.Event.preventDefault(e);
        YAHOO.example.overlay.penasquitosSkatePanel.hide();
        hideModal();
    }
////////////////////////////////     
    function openWindingWalkPanel(e){
        YAHOO.util.Event.preventDefault(e);
        showModal();
        YAHOO.example.overlay.windingWalkPanel.show();
        
        var el = YAHOO.ext.Element.get('windingWalkPanel');
        var elCenter = YAHOO.ext.Element.get('body');
        el.center(elCenter);   
        
         if (el.getTop() < 0) {
            el.setTop(0);
        }     
    }
    function closeWindingWalkPanel(e)
    {
        YAHOO.util.Event.preventDefault(e);
        YAHOO.example.overlay.windingWalkPanel.hide();
        hideModal();
    }
   
 ////////////////////////////////
   
    
   
YAHOO.util.Event.addListener(window, "load", init);