$(document).ready(function(){
	 //Codigo para esconder div on mouse out, notese el "bind"
	 $("div.marcoArbol").bind("mouseleave",function(){
	      	$(this).slideToggle('fast');
	    });		  
});

//FUNCION PARA ASIGNAR EL ID AL HIDDEN FIELD CORRECTO
function showMyChildren(el){
    /*Funciona para poner el nombre y ID del elemento en el hidden field*/
    var el = $(el);
    el.next().toggle();
    //codigo para poner valor
    var id = el.attr("id");
    var txtbox = id.substr(0, id.indexOf(":"));
    var numero = id.substr(id.indexOf(":") + 1, id.indexOf("_") - (id.indexOf(":") + 1));
    var nombre = id.substr(id.indexOf("_") + 1);
    $("#" + txtbox).html(nombre);
    $("#h" + txtbox).attr("value", numero);
}

/*AJAX-ENABLED =) Codigo para posicionar los divs de class = marcoArbol*/ 
//RECIBE ELEMENTO DE CLICK, TIPO DE TABLA y TARGET DIV
function showDrp(el, id, target) {
	var el = $(el);
	var coor = el.parent().offset();
	el.css({top:coor.top+20, left:coor.left});
	el.next().slideToggle('fast');

	//llenamos por medio de ajax
	el = el.next();
	if (el.text().replace(/^\s+|\s+$/g, '') == "") {
	    $.get("services/drpInfo.php",
            { i: id,
              t: target   
            },
            function(data) {
                el.html(data);
            });
    }
	
	
	
}