$(document).ready(
	function()
	{
		$('ul#list_1').Sortable(
			{
				accept: 'sortable_1',
				activeclass: 'sort_background',
				hoverclass: 'sort_background',
				helperclass: 'sort_placeholder',
				opacity: 0.7,
				tolerance: 'intersect'			
			}
		);
		$('ul#list_2').Sortable(
			{
				accept: 'sortable_2',
				activeclass: 'sort_background',
				hoverclass: 'sort_background',
				helperclass: 'sort_placeholder',
				opacity: 0.7,
				tolerance: 'intersect'

			}
		);
		
		$('ul#list_3').Sortable(
			{
				accept: 'sortable_1',
				activeclass: 'sort_background',
				hoverclass: 'sort_background',
				helperclass: 'sort_placeholder',
				opacity: 0.7,
				tolerance: 'intersect'
				
			}
		);
		
		$('ul#list_4').Sortable(
			{
				accept: 'sortable_2',
				activeclass: 'sort_background',
				hoverclass: 'sort_background',
				helperclass: 'sort_placeholder',
				opacity: 0.7,
				tolerance: 'intersect'

			}
		);
		
		
		
		$('#submitBtn').click(function(){
		 	var list1='';
			var size= $('ul#list_2 li').size();
		   $('ul#list_2 li').each(function(index){

			var sel = $(this).text();
			list1=list1+sel+'||';		
			//alert(sel + '||');
		   });
   		//alert(list1);
		$("#sortedList").val(list1);
		$("#listSize").val(size);
		
			list1='';
			size= $('ul#list_4 li').size();
		   $('ul#list_4 li').each(function(index){

			var sel = $(this).text();
			list1=list1+sel+'||';		
			//alert(sel + '||');
		   });
   		//alert(list1);
		$("#sortedListAmbition").val(list1);
		$("#listSizeAmbition").val(size);
  });
	}
);