/*-------------------------------------------------------------------------------------------
* carga este ficheo depues de la libreria jQuery y luego ejecuta función trace donde queiras
* 1º parametro string que pintará el trace().
* 2º parametro strinq para explicar de donde sale el 1º parametro que se muestra.
---------------------------------------------------------------------------------------------*/
function trace( texto , procedencia ){
	if( $("#jrTracer").length == 0 ){
		$("body").append("<div id=\"jrTracer\" style=\"font-size:12px; font-family: monospace;  position:fixed; z-index:500; right:0px; bottom:0px; background-color:#EFEFEF; border:#945456 solid 4px; padding:0px 10px 10px 10px; overflow:hidden;\" ><h2 style=\"  font-size:19px; text-align:right; color:#CBA0A0; margin:5px 0px -20px 0px; padding:0px;\">jrTracer </h2><input type=\"button\" class=\"acultarJrTracer\" style=\"border:none; background-color:#ccc; margin:10px 5px 5px 0px; float:left; padding:0px; cursor:pointer; font-size:12px; color:#333; text-decoration:none;\" title=\"ocultar ventana jrTracer\" value=\"ocultar\"/><input type=\"button\" class=\"moverJrTracer\" style=\" margin:10px 5px 0px 0px; width:150px; border:none; background-color:#ccc; padding:0px; float:left; font-size:12px; color:#333; cursor:move; text-decoration:none;\"  title=\"mover ventana jrTracer\" value=\"mover\"/><p style=\"margin:0px; clear:both; background-color:#fff; border:#fff solid 6px; position:relative; width:600px; height:255px;  overflow-y:scroll; padding:0px;\"></p><input type=\"button\" class=\"acultarJrTracer\" style=\"border:none; background-color:#ccc; margin:5px 5px 0px 0px; float:left; padding:0px; cursor:pointer; font-size:12px; color:#333; text-decoration:none;\" title=\"ocultar ventana jrTracer\" value=\"ocultar\"/><input type=\"button\" class=\"moverJrTracer\" style=\" margin:5px 5px 0px 0px; width:150px; border:none; background-color:#ccc; padding:0px; float:left; font-size:12px; color:#333; cursor:move; text-decoration:none;\"  title=\"mover ventana jrTracer\" value=\"mover\"/></div>");
		
		var jrTracer = $("#jrTracer");
		jrTracer.width(jrTracer.width());
		jrTracer.height(jrTracer.height());
		var acultarJrTracer = $(".acultarJrTracer");
		acultarJrTracer.bind( "click", function(e){
			$("#jrTracer").hide("fast");
			moviendoJrTracer = false;
		});
		
		
		var moverJrTracer = $(".moverJrTracer");
		var moviendoJrTracer = false;
		var clickX = 0;
		var clickY = 0;
		moverJrTracer.bind( "mousedown", function(e){
												  
			$("body").append("<input style=\"left:0px; top:0px;  border:none; cursor:move; width:100%; height:100%; background-color:#333; position:fixed; z-index:501; \" type=\"button\" id=\"mascarMoverJrTracer\" value=\"\"></input>");						  
												  
			var mascarMoverJrTracer = $("#mascarMoverJrTracer");
			mascarMoverJrTracer.css({"opacity":"0"});									  
			mascarMoverJrTracer.focus();
			
			mascarMoverJrTracer.mousemove(function(e){
				if( moviendoJrTracer ){
					var posX = e.pageX - clickX ;
					var posY = e.pageY - clickY;
					jrTracer.css({
						"left": posX,
						"top":  posY
					});	
				}
			});
			
			mascarMoverJrTracer.bind("mouseup", function(){
				if( moviendoJrTracer ){
					$(this).remove();
					document.body.onselectstart = function() { return true; }; //ie & chrome
					document.body.unselectable = "on";//opera
					document.body.style.MozUserSelect = "inherit";//mozilla
					moviendoJrTracer = false ;
				}
			});
			
			document.body.onselectstart = function() { return false; }; //ie & chrome
			document.body.unselectable = "off";//opera
			document.body.style.MozUserSelect = "none";//mozilla
			clickX = e.pageX - (jrTracer.offset().left - $("body").scrollLeft() );
			clickY = e.pageY - (jrTracer.offset().top - $("body").scrollTop() );
			moviendoJrTracer = true;
		});
		
		
	}else if( $("#jrTracer:hidden") ){
		var jrTracer = $("#jrTracer");
		jrTracer.show("fast");
	}
	jrTracer.find("p:first").append("<strong style=\"color:green;\">"+procedencia+" ------------------------------------&gt;</strong><br /><code>"+texto+"</code><br />");
	jrTracer.find("p:first").scrollTop( jrTracer.find("p:first").attr("scrollHeight") );
}
function leerJrTracersDePHP(){
	if( arJrTracer.length > 0 ){
		for( x in arJrTracer ){
			trace( arJrTracer[x] , 'php');
		}
	}
}
$(document).ready(leerJrTracersDePHP);