/**
widgets
**/

$(document).ready(function() {
  dw_box = jQuery('<div class="dw_box" style="display:none;"></div>').appendTo('body');
  dw_content = jQuery('<div class="dw_content"></div>').appendTo(dw_box);
  dw_buttons = jQuery('<div class="dw_buttons"></div>').appendTo(dw_box);
  
  dw_box.extend({
    id: null,
    table: null,
    object: null,
    create: function(object) {
      dw_box.object = object;
      dw_box.id = object.attr('id');
      dw_box.table = object.attr('rel');
      var left = object.offset().left - $(this).css('padding-left').replace('px','') - $(this).css('margin-left').replace('px','') - 1;
      var top = object.offset().top - $(this).css('padding-top').replace('px','') - $(this).css('margin-top').replace('px','') - 1;
      dw_box.css({
        position: 'absolute',
        zIndex: '10',
        top: top,
        left: left
      });
      dw_content.html(object.html());
      dw_buttons.html('');
      $.each(object.attr('class').split(' '),function(i, v) {
        if (v == 'dw_delete') {
          dw_box.deleteButton();
        } else if (v == 'dw_edit') {
          dw_box.editButton();
        }
      });
    },
    deleteButton: function() {
      dw_delete = jQuery('<span class="dw_delete"><a>delete</a></span>');
      dw_confirm = jQuery('<span class="dw_confirm" style="display:none;"><button>Confirm</button></span>');

      dw_delete.click( function() {
        dw_delete.hide();
        dw_confirm.show();
      });
      
      dw_confirm.click(function() {
        rest.del(dw_box.table,dw_box.id,function(id) {
          dw_box.object.hide();
          $('span.dw_delete-'+id).hide();
          dw_box.hide();
        });
      });
      dw_delete.appendTo(dw_buttons);
      dw_confirm.appendTo(dw_buttons);
    },
    editButton: function() {
      dw_edit = jQuery('<span class="dw_edit"><a>edit</a></span>');      
      dw_edit.click( function() {
        
      });
      dw_edit.appendTo(dw_buttons);
    }
  });
  
  dw_box.mouseleave(function () {
    $(this).hide();
  });
  
  $('span.dw_widget').each(function() {
    $(this).mouseover(function () {
      dw_box.create($(this));
      dw_box.show();
    });
  });

  
});