// ======================================================================== // 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({

/**
  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').addClass(['top', 'cover']).addStyle({top: 0, height: targetFrame.y, left:0, right: 0}).end()
  .begin('div').addClass(['bottom', 'cover']).addStyle({top: targetFrame.y + targetFrame.height, bottom:0, left: 0, right:0}).end()
  .begin('div').addClass(['left', 'cover']).addStyle({left: 0, width: targetFrame.x, top: targetFrame.y, height: targetFrame.height}).end()
  .begin('div').addClass(['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;
//   }
// }

});