var xhrImperdibles = new Object();
xhrImperdibles.xhr = false;
xhrImperdibles.func = fOrdenarXMLImperdibles;
xhrImperdibles.doc = "./_js/ajax/cargar_imperdibles.php?rnd=" + Math.random();

function fOrdenarXMLImperdibles(){
	if( xhrImperdibles.xhr.readyState == 4 ){
		if( xhrImperdibles.xhr.status == 200 ){
			
			var allImp = xhrImperdibles.xhr.responseXML.getElementsByTagName( 'imperdible' );
			
			var divImp = document.getElementById( 'imperport' );
			
			for( var i = 0; i < allImp.length; i++ ){
				var pImp = document.createElement( 'p' );
				pImp.style.cursor = 'pointer';
				var imgImp = new Image( 55, 55 );
					imgImp.src = allImp[ i ].getElementsByTagName( 'icono' )[ 0 ].firstChild.nodeValue;
					if( allImp[ i ].getElementsByTagName( 'texto' )[ 0 ].firstChild.nodeValue == '0' ){
						imgImp.title = allImp[ i ].getElementsByTagName( 'nombre' )[ 0 ].firstChild.nodeValue;
					}
					imgImp.fichaID = allImp[ i ].getElementsByTagName( 'id' )[ 0 ].firstChild.nodeValue;
					imgImp.nombre = allImp[ i ].getElementsByTagName( 'nombre' )[ 0 ].firstChild.nodeValue;
					imgImp.texto = allImp[ i ].getElementsByTagName( 'texto' )[ 0 ].firstChild.nodeValue;
					imgImp.onclick = fMostrarFicha;
					imgImp.onmouseover = fToolTipImperdible;
					imgImp.onmouseout = fToolTipImperdible;
					imgImp.onmousemove = fToolTipImperdible;
				pImp.appendChild( imgImp );
				
				divImp.appendChild( pImp );
				
			}
		}
	}
}

function fToolTipImperdible( evt ){

	var evento = ( evt ) ? evt : event;
	var tipoEvt = String( evento.type ).toLowerCase();
	
	var evtObj = ( evt ) ? evt.currentTarget : event.srcElement;
	
	var divToolTip = document.getElementById( 'ttcont-imper' );
		divToolTip.getElementsByTagName( 'p' )[ 0 ].innerHTML = evtObj.nombre;
		divToolTip.getElementsByTagName( 'p' )[ 1 ].innerHTML = evtObj.texto;
	
	switch( tipoEvt ){
		case "mouseover" :
			if( evtObj.texto != '0' ){
				divToolTip.style.display = 'block';
			} else {
				divToolTip.style.display = 'none';
			}
			break;
		case "mouseout" :	
			divToolTip.style.display = 'none';
			break;
		case "mousemove" :
			if( evento.pageX ){ // FF
				divToolTip.style.left = evento.pageX - 204 + 'px';
				divToolTip.style.top = evento.pageY + 5 + 'px';
			} else { // IE
				divToolTip.style.left = evento.clientX - 204 + document.body.parentNode.scrollLeft + 'px';
				divToolTip.style.top = evento.clientY + 5 + document.body.parentNode.scrollTop + 'px';
			}
			break;
	}
}