/*
  Class: Application.Sections
  Class to create section lists that are sortable.
*/
Application.Sections = new Class({
  Implements : [Options],
  options : {
    scrollParent : null
  },
  initialize : function(sectionsEl){
    this.element = $(sectionsEl);
    this.setOptions(arguments[1]);
    
    this.element.store("application.sections",this);
    
    if(!this.options.scrollParent){
      this.options.scrollParent = this.element.getOffsetParent();
    }
    
    this._initSortable();
  },
  
  addSection : function(section){
    this.sortable.addItem(section);
  },
  
  // Privates methods
  _initSortable : function(){
    this.sortable = new Skyline.Sortable(this.element,{handle: "span.dragSection", clone: this._fakeSection, revert: true});
    this.contentScroller = new Scroller(this.options.scrollParent);
    this.sortable.addEvents({
      "start" : function(){ this.contentScroller.start(); }.bind(this),
      "stop" : function(){ this.contentScroller.stop(); this.contentScroller.detach(); }.bind(this),
      "beforeDrop" : function(el){
        if(ed = el.retrieve("skyline.editor")){
          ed.element.setStyles({height: ed.editor.skyline_editor_height - 1, visibility: "hidden"});
          ed.clear();
        }              
      },
      "afterDrop" : function(el){
        if(ed = el.retrieve("skyline.editor")){
          ed.element.setStyles({height: 5, visibility: "visible"});
          ed.render();
        }                            
      }
    });    
  },
  _fakeSection : function(event,element,parent){
    var section = element.getElement("div.section"), sectionSize, clone, tools;
    sectionSize = section.getSize();

    clone = new Element("li",{"class" : "clone"}).setStyles({
      margin: '0px',
      position: 'absolute',
      visibility: 'hidden'
    });
    var es = clone.adopt(new Element("div",{"class" : "section"}).setStyles({"width": sectionSize.x, "height": sectionSize.y, opacity: 0.5}));
    
    if(tools = element.getElement("ul.sectiontools")){
      clone.adopt(tools.clone(true));
    }
    
    var op = element.getOffsetParent();
    var p = element.getPosition(op);
    var s = op.getScroll();
    p.x = p.x + s.x;
    p.y = p.y + s.y;    
    return clone.inject(parent).setPosition(p);
  }  
});