/*******************************************
criação  	 : 01/2009
descricao    : Rotinas aplicáveis ao PAINEL
********************************************/

$(function(){
	$(".painel_recebe").sortable({
		connectWith: ['.painel_recebe'],
		placeholder: 'painel_ajuda',
		scroll: true,
		revert: true,
		stop: function( e, ui ) {
			//aqui podemos fazer chamada para salvar no banco ou cookies
			var ordem = $('#painel_esquerda').sortable('toArray');
			ordem += '|' + $('#painel_direita').sortable('toArray');
			$.cookie('painel_ordenacao', ordem);
		}
	});

	// minimiza/maximiza as caixas do painel
	$('.painel_janela').click(function(){
		
		$(this).removeClass('maximiza');
		$(this).removeClass('minimiza');
		
		var ul = $(this).parent().parent().parent().find('p');

		if( $(ul).is(':visible') ) {
			$(ul).slideUp();
			$(this).addClass('maximiza');
		} else {
			$(ul).slideDown();
			$(this).addClass('minimiza');
		}
		return false;
	});

	// remove as caixas do painel
	$('.painel_remover').click(function(){
		$(this).parent().parent().parent().fadeOut();
		return false;
	});

	// remove o posicionamento (linhas tracejadas) das caixas se não houver nenhuma
	if ($(".painel_item").html()==null){
		$("#painel_esquerda").hide();
		$("#painel_direita").hide();
	}
	
	// carrega os conteúdos
	$(".painel_item").each( function() {
		$(this).find(".painel_conteudo").find("span").html("<center><img class='carregando'></center>");
		$(this).find(".painel_conteudo").find("span").load($(this).find(".painel_conteudo").attr("id")+"?" + Math.ceil ( Math.random() * 100000 ));
		$(this).find(".painel_conteudo_sem_carregando").find("span").html("<center></center>");
		$(this).find(".painel_conteudo_sem_carregando").find("span").load($(this).find(".painel_conteudo_sem_carregando").attr("id")+"?" + Math.ceil ( Math.random() * 100000 ));
	
	});

	// configuração inicial do cookie
	if( $.cookie('painel_ordenacao') ) {
		var ordem = $.cookie('painel_ordenacao').split('|');
		// posiciona boxes nos containers certos
		$('#painel_esquerda div.painel_item').each(function(){
			if( ordem[0].search( $(this).attr('id') ) == -1 ) $('#painel_direita').append($(this));
		});
		$('#painel_direita div.painel_item').each(function(){
			if( ordem[1].search( $(this).attr('id') ) == -1 ) $('#painel_esquerda').append($(this));
		});
		// ordena containers
		var esquerda = ordem[0].split(',');
		for( i = 0; i<= esquerda.length; i++ ) $('#painel_esquerda').append($('#'+esquerda[i]));
		var direita = ordem[1].split(',');
		for( i = 0; i<= direita.length; i++ ) $('#painel_direita').append($('#'+direita[i]));
	} else {
		$.cookie('painel_ordenacao', '', { expires: 7, path: '/' });
	}


});