var focusZ = 1000;
var dragging = false;
var prevOver = null;

function sommaire(id, show){
  id = ""+id;
  
  if(show){
    $('titre_'+id).style.background='#fff'
    $('sidearticleview').style.right = $('sommaire_bounds').getWidth()-(Element.positionedOffset($('titre_'+id)).left)+'px';
    if(!Cake.accueil){
      $('sidearticleview').style.marginTop = (Element.positionedOffset($('titre_'+id)).top)+'px';
    }else{
      $('sidearticleview').style.marginTop = (Element.positionedOffset($('sommaire_articles')).top)+'px';
    }
    $('sidearticleview').update($('resume_'+id).innerHTML); 
  }else{
    $('sidearticleview').update();
    $('resume_'+id).hide(); 
    $('titre_'+id).style.background='#ff0';
  }
}

function windowify(elem){
  //new Draggable(elem); 
   elem.makePositioned();
  var draghandle = elem.select('.draghandle')[0] ? elem.select('.draghandle')[0] : elem;

  elem.topZ = function(){
    if(!dragging){
    
      var elem = this;
      //alert(elem.innerHTML);
      if(prevOver != null){
        prevOver.normalZ();
      }
      //elem.makePositioned();
      
      //if(document.all){
        pelem = elem.up();
        depth = focusZ;
        
        while(pelem && pelem.tagName == "DIV"){
        
          pelem.style.zIndex = depth--;
          pelem = pelem.up();
        }
      //}
      
      if(isNaN(elem.style.zIndex)){
        elem.previousZ = 10;
      }else if(elem.style.zIndex != focusZ){
        elem.previousZ = elem.style.zIndex;
      }
      if(elem.style.zIndex < focusZ){
        elem.style.zIndex = focusZ;
      }
      prevOver = elem;
      //elem.innerHTML += "a";
    }
    
  }
  elem.normalZ = function(){
    if(!dragging){
      var elem = this;
      //if(document.all){
        pelem = elem.up();
        depth = elem.previousZ;
        while(pelem && pelem.tagName == "DIV"){
        
          pelem.style.zIndex = depth;
          
          pelem = pelem.up();
        }
      //}
      elem.style.zIndex = elem.previousZ;
      
    }
  }
  
  Event.observe(elem,"mouseover",elem.topZ);
  
  //Event.observe(elem,"mouseout",elem.normalZ);
 
  if(elem.hasClassName('draggable')){
    // snap:[8,8],
    new Draggable(elem,{handle:draghandle,starteffect:false,endeffect:false,onEnd:function(){dragging=false},onStart:function(){dragging=true;}});  
      draghandle.style.cursor = "move";
     
  }
   if(elem.select('div.piedh')[0] && elem.hasClassName('resizable')){
    new Resizable(elem,{handle:elem.select('div.piedh')[0],constraint:'horizontal',minHeight:50,minWidth:50,min:[50,50]});
   }
   if(elem.select('div.corps')[0] && elem.select('div.piedv') && elem.hasClassName('resizable')){
    new Resizable(elem.select('div.corps')[0],{handle:elem.select('div.piedv')[0],constraint:'vertical',minHeight:50,minWidth:50,min:[50,50]});
   }
   //if(elem.hasClassName('sortable')){
   
   
   /*
    elem.onmouseout = function(){
      qu = Effect.Queue.get('win'+elem.name);
      qu.each(function(e) { e.cancel() }
      new Effect.Scale(elem,50,{scaleContent:false,scaleY:false,queue:{position:'end',scope:'win'+elem.name,limit:2}});
    }
    */
   //}
   //Droppables.add($('left'),{accept:'div'});
   //new Droppable(elem.select('div.corps')[0]);
  //Droppables.add(elem.select('div.corps')[0],{accept:'blox'});
  //Sortable.create(elem.select('div.corps')[0],{tag:'div',constraint:false,dropOnEmpty:true,containment:$$('div'),handle:'titre'});
  //Sortable.create("bloxs",{tag:'div',constraint:false,dropOnEmpty:true,containment:$$('div'),handle:'titre'});
  //Sortable.create("sort0",{tag:'div',constraint:false,dropOnEmpty:true,containment:$$('div'),handle:'titre'});
  return elem;
}