$(function(){
	$('.dragbox2')
	.each(function(){
		$(this).find('h2').click(function(){
			$(this).siblings('.dragbox-content2').toggle('slow');
			//updateWidgetData2();
		})
		.end();
	});

	$('.dragbox')
	.each(function(){
		$(this).find('h2').click(function(){
			$(this).siblings('.dragbox-content').toggle('slow');
			//updateWidgetData();
		})
		.end();
	});
	
	$('.column').sortable({
		connectWith: '.column',
		handle: 'h2',
		cursor: 'move',
		placeholder: 'placeholder',
		forcePlaceholderSize: true,
		opacity: 0.4,
		start: function(event, ui){
			//Firefox, Safari/Chrome fire click event after drag is complete, fix for that
			if($.browser.mozilla || $.browser.safari) 
				$(ui.item).find('.dragbox-content').toggle();
			updateWidgetData();
		},
		stop: function(event, ui){
			ui.item.css({'top':'0','left':'0'}); //Opera fix
			//if(!$.browser.mozilla && !$.browser.safari)
				updateWidgetData();
		}
	})
	.disableSelection();
	$('.column2').sortable({
		connectWith: '.column2',
		handle: 'h2',
		cursor: 'move',
		placeholder: 'placeholder',
		forcePlaceholderSize: true,
		opacity: 0.4,
		start: function(event, ui){
			//Firefox, Safari/Chrome fire click event after drag is complete, fix for that
			if($.browser.mozilla || $.browser.safari) 
				$(ui.item).find('.dragbox-content2').toggle();
			updateWidgetData2();
		},
		stop: function(event, ui){
			ui.item.css({'top':'0','left':'0'}); //Opera fix
			if(!$.browser.mozilla && !$.browser.safari)
				updateWidgetData2();
		}
	})
	.disableSelection();
});

function updateWidgetData(){
	var items1=[];
	$('.column').each(function(){
		var columnId=$(this).attr('id');
		$('.dragbox', this).each(function(i){
			var collapsed1=0;
			if($(this).find('.dragbox-content').css('display')=="none"){
				collapsed1=1;
			}
			var item1={
				id: $(this).attr('id'),
				collapsed: collapsed1,
				order : i,
				column: columnId
			};
			items1.push(item1);
		});
	});
	
	var sortorder1={ items1: items1 };
	$.cookie('Div_position',$.toJSON(sortorder1), { expires: 1 });
	$('#ClearCookie_Btn').css({'display':'inline'});
}
function updateWidgetData2(){
	var items2=[];
	$('.column2').each(function(){
		var columnId=$(this).attr('id');
		$('.dragbox2', this).each(function(i){
			var collapsed2=0;
			if($('.dragbox').find('.dragbox-content2').css('display')=="none"){
				collapsed2=1;
			}
			
			var item2={
				id: $(this).attr('id'),
				collapsed: collapsed2,
				order : i,
				column: columnId
			};
			items2.push(item2);
		});
	});
	
	var sortorder2={ items2: items2 };
	$.cookie('Div_position2',$.toJSON(sortorder2), { expires: 1 });
	$('#ClearCookie_Btn').css({'display':'inline'});
}