// ========================================================================
// SproutCore -- JavaScript Application Framework
// ========================================================================

/**
  This View is used by Greenhouse when application is in design mode
  It darkens the area around the rootDesigner
*/
SC.RootDesignerHighLightView = SC.View.extend(
/** @scope SC.RootDesignerHighLight.prototype */ {

  /**
    The designer that owns this highlight
  */
  designer: null,
  
  classNames: 'high-light',
  
  render: function(context, firstTime) {
    var targetFrame = this.get('targetFrame');
    // render shadows
    context
    .begin('div').classNames(['top', 'cover']).addStyle({top: 0, height: targetFrame.y, left:0, right: 0}).end()
    .begin('div').classNames(['bottom', 'cover']).addStyle({top: targetFrame.y + targetFrame.height, bottom:0, left: 0, right:0}).end()
    .begin('div').classNames(['left', 'cover']).addStyle({left: 0, width: targetFrame.x, top: targetFrame.y, height: targetFrame.height}).end()
    .begin('div').classNames(['right', 'cover']).addStyle({left: targetFrame.x + targetFrame.width, right:0, top: targetFrame.y, height: targetFrame.height}).end();
    
  }

  // ..........................................................
  // EVENT HANDLING
  // 
  
  // mouseDown: function(evt){
  //   return this._handle_click_event(evt);
  // },
  // 
  // mouseUp: function(evt) {
  //   return this._handle_click_event(evt);
  // },
  // 
  // mouseMoved: function(evt) {
  //   return this._handle_click_event(evt);
  // },
  // 
  // mouseDragged: function(evt) {
  //   return this._handle_click_event(evt);
  // },
  // 
  // 
  // _handle_click_event: function(evt) {
  //   var d = this.designer,
  //       targetFrame = this.get('targetFrame');    
  //   if(this.clickInside(targetFrame, evt) && d){
  //     return (d && d.mouseDown) ? d.mouseDown(evt) : null;
  //   }
  //   else if(d){
  //     d.resignRootDesigner();
  //     return YES;
  //   }
  //   else{
  //     return NO;
  //   }
  // }
  
});