// JavaScript Document
$(function(){
	var webpath = $('#const_webpath').val();
	$('#tabs').tabs();
	$('.activity').draggable({ 
		revert: 'invalid', 
		scope: 'activity', 
		containment: '#content', 
		helper: 'clone'
	});
	$("#drop_area").droppable({
		hoverClass: 'droparea-active',
		drop: function(event, ui) {
			$(ui.draggable).children().remove();
			var btn = $('<div class="activity-close"></div>');
			$(btn).click(function() {
				var origin = $(this).parent().attr('rel');
				$(this).parent().removeClass('activity-dropped');
				$('#'+origin).append($(this).parent());	
				$(this).remove();
			});
			$(ui.draggable).removeAttr('style');
			$(this).append(ui.draggable);
			//$(ui.draggable).css('background-color','#0099cc').css('background-image','none');
			$(ui.draggable).addClass('activity-dropped');
			$(ui.draggable).append(btn);
			$('#submit-button').addClass('activebutton').removeAttr('disabled');
			$(this).css('background-image','none');
		},
		scope: 'activity',
		tolerance: 'fit',
		accept: '.activity'
	});
	$('.tab').droppable({
		hoverClass: 'droparea-active',
		drop: function(event, ui) {

		},
		scope: 'activity',
		accept: '.activity'
	});
	$('#submit-button').click(function(){
		var activities = '';
		$("#drop_area .activity").each(function(){
			activities+=$(this).attr('id')+',';		
		});	
		$('#ipt_activity').val(activities);
		$('#go').submit();
	});
	$('.activity').mousedown(function(){
		$(this).addClass('activity-grab');				   
	});
});