var ArticleMenu = Class.create({
    element:null,
    close:null,
    inner_element:null,
    initialize: function() {
        this.url = '/modules/articles/front/server.php';
    },
    show: function(moduleinstance, id){

        var params=$H(
        {
			cmd:'detail',
			moduleinstance:moduleinstance,
            article_id:id,
            sid:Math.random()
        }
        ).toQueryString();
    
    
        if(this.element==null){
            this.element = new Element("div",{ 'id': 'article_overlay_container', 'class' : 'article_overlay_container', 'style': 'display:none'});
            this.close = new Element("div",{ 'id': 'article_overlay_close', 'class' : 'icon_close'}).update(" ");
            this.inner_element = new Element("div",{ 'id': 'article_overlay_inner', 'class' : 'article_inner_container'});
            
            Element.extend(this.element);
            Element.extend(this.close);
            Element.extend(this.inner_element);                                                                     
            
            this.element.insert({top:this.close});     
            this.element.insert(this.inner_element);     
            
            this.body = $(document.body);
            this.body.insert({top:this.element});
            
            this.close.observe('click',function(event){

                this.element.hide();
            }.bind(this));
            
            this.element.clonePosition( this.body.down('div.website'),{setHeight:false,setWidth:false});
            
            this.element.absolutize();
        }
        else{
        
           this.element.hide();
        }
        

        this.inner_element.ajaxUpdate(
            this.url,
            {
                method: 'get',
                parameters: params,
                onComplete: function(){

                    Effect.Grow(this.element.id,{direction:'top-right',duration:2.0});

                }.bind(this)
            }    
        );  
    }

});