/* -----------------------------------
   =DOM INSERTION, INSIDE
-------------------------------------- */

$(document).ready(function() {
  $('#example-manipulation-prepend .trigger').click(function() {
    $('#example-manipulation-prepend div.demo-box').prepend('<div class="insertion">This text was <strong>inserted</strong></div>');
  });
});

$(document).ready(function() {
  $('#example-manipulation-prepend-to .trigger').click(function() {
    $('<div class="insertion">This text was <strong>inserted</strong></div>').prependTo('#example-manipulation-prepend-to div.demo-box');
  });
});

$(document).ready(function() {
  $('#example-manipulation-append .trigger').click(function() {
    $('#example-manipulation-append div.demo-box').append('<div class="insertion">This text was <strong>inserted</strong></div>');
  });
});

$(document).ready(function() {
  $('#example-manipulation-append-to .trigger').click(function() {
    $('<div class="insertion">This text was <strong>inserted</strong></div>').appendTo('#example-manipulation-append-to div.demo-box');
  });
});


/* -----------------------------------
   =DOM INSERTION, OUTSIDE
-------------------------------------- */

$(document).ready(function() {
  $('#example-manipulation-before .trigger').click(function() {
    $('#example-manipulation-before div.demo-box').before('<div class="insertion">This text was <strong>inserted</strong></div>');
  });
});

$(document).ready(function() {
  $('#example-manipulation-insert-before .trigger').click(function() {
    $('<div class="insertion">This text was <strong>inserted</strong></div>').insertBefore('#example-manipulation-insert-before div.demo-box');
  });
});

$(document).ready(function() {
  $('#example-manipulation-after .trigger').click(function() {
    $('#example-manipulation-after div.demo-box').after('<div class="insertion">This text was <strong>inserted</strong></div>');
  });
});

$(document).ready(function() {
  $('#example-manipulation-insert-after .trigger').click(function() {
    $('<div class="insertion">This text was <strong>inserted</strong></div>').insertAfter('#example-manipulation-insert-after div.demo-box');
  });
});


/* -----------------------------------
   =DOM INSERTION, AROUND
-------------------------------------- */

$(document).ready(function() {
  $('#example-manipulation-wrap .trigger').click(function() {
    $('#example-manipulation-wrap div.demo-box').wrap('<div class="insertion"></div>');
  });
});

$(document).ready(function() {
  $('#example-manipulation-wrap-all .trigger').click(function() {
    $('#example-manipulation-wrap-all div.demo-box').wrapAll('<div class="insertion"></div>');
  });
});

$(document).ready(function() {
  $('#example-manipulation-wrap-inner .trigger').click(function() {
    $('#example-manipulation-wrap-inner div.demo-box').wrapInner('<div class="insertion"></div>');
  });
});

/* -----------------------------------
   =DOM REPLACEMENT
-------------------------------------- */
$(document).ready(function() {
  $('#example-manipulation-replace-with .trigger').click(function() {
    $('#example-manipulation-replace-with div.demo-box') .replaceWith('<div class="insertion">Replacement Box</div>');  
  });
});


/* -----------------------------------
   =DOM COPYING
-------------------------------------- */

$(document).ready(function() {
  $('#example-manipulation-clone .trigger').bind('click',function() {
    $('#example-manipulation-clone div.demo-box:last').clone()
    .insertAfter('#example-manipulation-clone div.demo-box:last');
    
  });
});


/* -----------------------------------
   =DOM REMOVAL
-------------------------------------- */

$(document).ready(function() {
  $('#example-manipulation-empty .trigger').click(function() {
    $('#example-manipulation-empty div.demo-box').empty();
  });
});

$(document).ready(function() {
  $('#example-manipulation-remove .trigger').click(function() {
    $('#example-manipulation-remove div.demo-box').remove();
  });
});