jQuery(function($) {

  // Adds the open and close effect for anchor links showing work.
  $('.work a').click(function(event) {
    event.preventDefault();

    var parent = $(this).parents(".work");
    var content_holder = parent.children(".pictures");

    if (parent.hasClass("selected_work")) {
      close_other();
      return;
    }

    close_other();

    parent.addClass("selected_work");
    content_holder.load(this + " #content .work", {}, enable_dragging_for_images);


    $('.selected_work img').attr("src", "/images/arrow_close.gif");

  });

	$("#drop_area").droppable({
    accept: "*",
    activeClass: 'droppable_active',
    hoverClass: 'droppable_hover',
    tolerance: 'touch',
    drop: function(event, ui) {
			$(this).append(ui.draggable.clone());
   }
  });

  function close_other() {

    var selected_work = $('.selected_work');

    selected_work.children('.pictures').empty();	
    $('.selected_work img').attr("src", "/images/arrow_open.gif");
    selected_work.removeClass("selected_work")
  }

  function enable_dragging_for_images() {
		$(".pictures img").draggable({
			helper: 'clone',
			cursor: 'move'
		});
	}

});