var selected;

function saveSelected(sel)
{
	var ms, mf;
	if (sel.length)
	{
		var first = sel.parent('.content').find('.selectable:first');
		mf = first.metadata();
		ms = sel.metadata();

		if (ms.cause_id != mf.cause_id)
		{
			selected = sel.clone(true);
			first.before(selected);
			sel.remove();
		}
	}
}

$(document).ready(function () {

	$('.tab').click(function () {
		var last = $('.tab.active');
		var last_id = last.attr('id').replace('tab-', '');

		$('.tab').removeClass('active');
		$(this).addClass('active');

		var index = $(this).attr('id').replace("tab-", "");

		if (last_id == 0)
			saveSelected($('.selectable.selected'));

		$('.content-pane .content').hide();
		$('.content-pane .content').eq(index).show();


		if ($(this).hasClass('enter'))
			$('#cause-id').val('<other>');
		else
		{
			var sel = $('.selectable.selected');
			if (sel.length > 0)
			{
				var data = sel.metadata();
				$('#cause-id').attr('value', data.cause_id);
			}
		}
	});

	$('.selectable').click(function () {
		$('.selectable').removeClass('selected');
		$(this).addClass('selected');

		var data = $(this).metadata();
		$('#cause-id').attr('value', data.cause_id);
	});

	$('.tab.active').click();

});
