$E = YAHOO.util.Event;
$D = YAHOO.util.Dom;
$ = $D.get;

YAHOO.namespace('article_panel');
YAHOO.article_panel = function()
{
	
    var link;
    
    var panelId = "article_id_panel";
    // var imageId = "primary_image_id";
    
    var localPanel = new YAHOO.widget.Panel(panelId, { 
               width:"559px",  
               context: ['inside','',''],
               fixedcenter: true,
               constraintoviewport: true,  
               underlay:"shadow",  
               close:true,  
               visible: false,  
               draggable: true,
               modal: false
               } 
            );
      
      return {
        panel : localPanel,
        
        init : function() {
        	
            var panelLinks = $D.getElementsByClassName('panel-article', 'a');
            for(var i = 0; i < panelLinks.length; i++) {
                
                $E.on(panelLinks[i], 'click', YAHOO.article_panel.show);
            }
                        
            var generatedHtml = "Loading...";
            YAHOO.article_panel.panel.setBody(generatedHtml); 
            YAHOO.article_panel.panel.setHeader('&nbsp;');
            YAHOO.article_panel.panel.setFooter('&nbsp;');
                     
            YAHOO.article_panel.panel.render('inside');
            
        },
        
        show : function(e) {
            //setup callback for loading the panel
            $E.stopEvent(e);
            //YAHOO.article_panel.panel.setBody("Loading...");
            //find the url to load
            var url = this;
            
            YAHOO.article_panel.link = new String(url);

            var callback = {
                success : function(o) {
                    
                    YAHOO.article_panel.panel.setBody(o.responseText);
                    
                    var title = YAHOO.article_panel.panel.body.getElementsByTagName('h1')[0];
                    YAHOO.article_panel.panel.body.removeChild(title);
                    YAHOO.article_panel.panel.setHeader(title);
                    
                    // setup close links
                    var closeLinks = $D.getElementsByClassName('close', 'a');
		            for(var i = 0; i < closeLinks.length; i++) {
		                $E.on(closeLinks[i], 'click', YAHOO.article_panel.hide);
		            }
                    
                },
                failure : function(o) {
                    YAHOO.article_panel.panel.setBody("CONNECTION FAILED!!");
                }
                
            }
            var conn = YAHOO.util.Connect.asyncRequest("GET", url, callback);
            YAHOO.article_panel.panel.show();
        },      
              
        hide : function(e) {
            $E.stopEvent(e);
            YAHOO.article_panel.panel.hide();
        }
      }
            
}();


YAHOO.util.Event.on(window, 'load', YAHOO.article_panel.init, YAHOO.article_panel, true);