$(function(){

$('.dragbox')
	.each(function(){
		$(this).hover(function(){
			$(this).find('h2').addClass('collapse');
		}, function(){
		$(this).find('h2').removeClass('collapse');
		})
		.find('h2').hover(function(){
			$(this).find('.configure').css('visibility', 'visible');
		}, function(){
			$(this).find('.configure').css('visibility', 'hidden');
		})
		
		.end()
		.find('.configure').css('visibility', 'hidden');
	});

	$('.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) {
			
			}
		},
		stop: function(event, ui){
			ui.item.css({'top':'0','left':'0'}); //Opera fix
			if(!$.browser.mozilla && !$.browser.safari) {
				//updateWidgetData2();
			}
		}
	})
	.disableSelection();
});

function updateWidgetData(){
	var items=[];
	$('.column').each(function(){
		var columnId=$(this).attr('id');
		$('.dragbox', this).each(function(i){
			var collapsed=0;
			if($(this).find('.dragbox-content').css('display')=="none")
				collapsed=1;
			var item={
				id: $(this).attr('id'),
				collapsed: collapsed,
				order : i,
				column: columnId
			};
			
			items.push(item);
		});
	});
	var sortorder={ items: items };
	$.post('updatePanels.php', 'data='+$.toJSON(sortorder), function(response){if(response=="success")$("#console").html('<div class="success">Guardado con BD</div>').hide().fadeIn(1000);setTimeout(function(){$('#console').fadeOut(1000);}, 2000);	});
}


function updateWidgetData2(){
	var items=[];
	$('.column').each(function(){
		var columnId=$(this).attr('id');
		$('.dragbox', this).each(function(i){
			var collapsed=0;
			if($(this).find('.dragbox-content').css('display')=="none")
				collapsed=1;
			var item={
				id: $(this).attr('id'),
				collapsed: collapsed,
				order : i,
				column: columnId
			};
			items.push(item);
		});
	});
	var sortorder={ items: items };
	$.post(
		'updatePanelsCookie.php', 
		'data='+$.toJSON(sortorder), 
		function(response) {
			alert(response);
			if(response=="success") {
				$("#console").html('<div class="success">Guardado con Cookie</div>').hide().fadeIn(1000);
			}
			setTimeout(function(){
				$('#console').fadeOut(1000);
			}, 
			2000);
		}
	);
}