// variables globales para paginado y filtro por titulo
var offset = 0;
var titulo = "";
var numero = "";
var cantidad = "";
var filtro_tipo = "";
var bloque = '';
var relacionados = '';

$(document).ready(function() {

    // paginado
    $("td.paginado a").live("click", function() {

	var parts = $(this).attr('href').split("/");
	offset = parts[parts.length - 1];

	$("#submodal").html('<div><img src="'+ site_url +'application/templates/modal/images/ajax-loader.gif" width="32" height="32"/></div>');

	 $.ajax({
	    url: site_url + "bloque/AJAX_listar_items/" + filtro_tipo+ "/" + offset,
	    type: "post",
	    data: "",
	    success: function(data) {
		$('#submodal').html(data);
		checkear_links();
	    }
	});

	return false;
    });


    // link de relacionar en el submodal
    $('.relacionar').live("click", function() {
	
	var splitted = $(this).attr('href').split('/');
	var item_id = splitted[splitted.length - 1];

	$.ajax({
	    url: site_url + "bloque/AJAX_almacenar_bloque/" + bloque+ "/" + item_id + "/" + cantidad,
	    type: "post"
	});

	if (cantidad == "una") {
	    $(this).parents("table").find(".desrelacionar").removeClass("desrelacionar").addClass("relacionar").html("Relacionar");
	}
	$(this).removeClass("relacionar").addClass("desrelacionar").html("Desrelacionar");
	return false;
    });

    // link de desrelacionar en el submodal
    $('.desrelacionar').live("click", function() {

	var splitted = $(this).attr('href').split('/');
	var item_id = splitted[splitted.length - 1];

	$.ajax({
	    url: site_url + "bloque/AJAX_eliminar_bloque/" + bloque + "/" + item_id,
	    type: "post"
	});
	
	$(this).removeClass("desrelacionar").addClass("relacionar").html("Relacionar");
	

	return false;
    });

    /* Filtros AJAX */
    $("#filtros_ajax input[type=text]").live("focusin", function() {
	    $(this).val("");
    });

    $("#filtros_ajax input[type=text]").live("focusout", function() {
	if ( ! $(this).val() ) {
	    $(this).val( $(this).attr("alt") );
	}
    });

    $("#filtros_ajax input[type=submit]").live("click", function() {
	$("#filtros_ajax input[type=text]").each( function() {
	    if ( $(this).val() == $(this).attr("alt") ) {
		$(this).val("");
	    }
	});

	$('#submodal').html('<div><img src="'+ site_url +'application/templates/modal/images/ajax-loader.gif" width="32" height="32"/></div>');

	var la_data = "filtro_titulo=" + $(this).parents("form").find("input[name=filtro_titulo]").val();

	if ($(this).parents("form").find("select[name=filtro_relacionadas]").val() == 1 ) {
	    la_data  += "&filtro_relacionadas=" + relacionados;
	}

        la_data += "&filtro_numero=" + $(this).parents("form").find("input[name=filtro_numero]").val();

	$.ajax({
	    url: site_url + "bloque/AJAX_listar_items/" + filtro_tipo,
	    type: "post",
	    async: false,
	    data: la_data,
	    success: function(data) {
		$('#submodal').html(data);
		checkear_links();
	    }
	});

	return false;
    });

    $("#filtros_ajax #reset_filtros").live("click", function() {
	$("#filtros_ajax input[type=text]").each( function() {
	    $(this).val("");
	});

	$("#filtros_ajax select").each( function() {
	    $(this).val( $(this).find("option:first").attr("selected", true));
	});

	$("#filtros_ajax input[type=submit]").click();
    });

});

function relacionar( tipo, rel, cant, bloque_id) {
    offset = 0;
    titulo = '';
    numero = '';
    filtro_tipo = tipo;
    cantidad = cant;
    bloque = bloque_id;
    relacionados = rel;


    $("#submodal").modal({
	opacity:80,
	closeHTML:"",
	position: ["50px","0px"],
	overlayCss: {backgroundColor:"#424649"},
	minWidth: "100%",
	onShow: function() {
	    $("#submodal").html('<div><img src="'+ site_url +'application/templates/modal/images/ajax-loader.gif" width="32" height="32"/></div>');

	    $.ajax({
		url: site_url + "bloque/AJAX_listar_items/" + filtro_tipo+ "/" + offset,
		type: "post",
		data: "",
		success: function(data) {
		    $('#submodal').html(data);
		    checkear_links();
		}
	    });
	}
    });
}

// cuando abre el listado, checkea que los links de relacionar y desrelacionar esten bien
function checkear_links()  {
    $("a.relacionar").each( function() {
	var splitted = $(this).attr('href').split('/');
	var items_relacionados = relacionados.toString().split(',');
	for (var i = 0 ; i < items_relacionados.length; i++) {
	    if ( items_relacionados[i] == splitted[splitted.length - 1]) {
		$(this).removeClass("relacionar").addClass("desrelacionar").html("Desrelacionar");
	    }
	}

	
    });

}