(function($){
  $.fn.showPopup = function(child) {
    return this.each(function() {
      showBackground();
      if ($(child).hasClass('edittxt'))
      {
        showChangeText(child);
      }
      else
      {
        showChangeImage(child);
      }
        
    });
  };

})(jQuery);

function showBackground(){
  $('body').append('<div class="background"></div>');
  $('.background').css('background','#000');
  $('.background').css('display','block');
  $('.background').css('position','absolute');
  $('.background').css('top',0);
  $('.background').css('left',0);
  $('.background').css('opacity',0);
  $('.background').css('height','100%');
  $('.background').css('width','100%');
  $('.background').css('z-index','10001');
  $('.background').fadeTo(1000,0.8);
}

function showChangeImage(child){
  $('body').append('<div class="edit_afbeelding"></div>');
  $('.edit_afbeelding').css('opacity',0);
  $('.edit_afbeelding').fadeTo(1000,1);
  var theUrl = '';
  if ( $(child).is('a'))
  {
    theUrl = $(child).attr('href');
  }
  else
  {
    theUrl = '';
  }
  var theId = $(child).attr('id');
  
  $('.edit_afbeelding').load('/admin/editImage',{
    id:theId,
    url:theUrl,
    rHeight: $(child).height(),
    rWidth: $(child).width(),
    iSrc: $(child).children('img').attr('src'),
    iTitle: $(child).children('img').attr('alt')
  });
}

function showChangeText(child){
  $('body').append('<div class="edit_afbeelding"></div>');
  $('.edit_afbeelding').css('opacity',0);
  $('.edit_afbeelding').fadeTo(1000,1);
  $('.edit_afbeelding').append('<div class="edit_afbeelding_header"></div>');
  $('.edit_afbeelding_header').append('<span class="header_text"></span>');
  $('.header_text').text('Tekst aanpassen');
  $('.edit_afbeelding_header').append('<a href="#" class="close">X</a>');
  $('.edit_afbeelding').append('<div class="edit_afbeelding_text"></div>');
  $('.edit_afbeelding_text').append('<label class="edittxtlabel">Titel</label> <input class="edittxtinput" type="text" name="title" id="title" value="' + $(child).children('h1').text() + '" />');
  $('.edit_afbeelding_text').append('<textarea id="elm1" name="elm1" style="width: 100%;height:443px">' + $(child).children('p').html() + '</textarea>');
  $('.edit_afbeelding_text').append('<input type="hidden" id="id" name="id" value="' + $(child).attr('id') + '" />');

  $('.close').click(function(){
    var answer = confirm('Weet u zeker dat u wilt weg gaan zonder uw eventuele aanpassingen op te slaan ?');
    if (answer)
    {
      $('.edit_afbeelding').fadeTo(400,0);
      $('.background').fadeTo(400,0,function(){
        $('.background').remove();
        $('.edit_afbeelding').remove();
      });
    }
  });
  tinyMCE.init({
    mode : "textareas",
    theme : "advanced",
    plugins : "save",
    theme_advanced_buttons1 : "save, |, bold,italic,underline, strikethrough",

    theme_advanced_buttons2: "",
    theme_advanced_buttons3: "",
    theme_advanced_buttons4: "",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    cleanup_on_startup : true,
    force_br_newlines : true,
    forced_root_block : ''


  });
}