/******************************************************************************************
	Librería para mostrar una ventana en javascript con mensajes
******************************************************************************************/

	var ventana_msg_bg;					//Color de fondo
	var ventana_msg_ct;					//Color del título
	var ventana_msg_cm;					//Color del mensaje
	var ventana_msg_cb;					//Color borde
	
	vmsg_defecto(); 			//Establecemos los valores por defecto
	
	var ie=document.all;
	var nn6=document.getElementById&&!document.all;
	
	var isdrag=false;
	var x,y;
	var dobj;


	var N = (navigator.appName.indexOf("Netscape") != -1);
	//var N = (document.all) ? 0 : 1;
	//var ob;

/******************************************************************************************
	Establecemos los valores por defecto de la ventana
******************************************************************************************/
	function vmsg_defecto (){
		ventana_msg_bg = '#B8BF2B';					//Color de fondo 		(blanco)
		ventana_msg_ct = '#FFFFFF';					//Color del título 	(gris claro)
		ventana_msg_cm = '#FFFFFF';					//Color del mensaje (naranja)
		ventana_msg_cb = '#B8BF2B';					//Color borde 			(gris)
	}

/******************************************************************************************
	Función que obtiene un elemento a partir de su nombre
	
	Variables entrada:
		- nombre: nombre del elemento
******************************************************************************************/
	function getObj(nombre)
	{
		if (document.getElementById)  return document.getElementById(nombre);
		else if (document.all) return document.all[nombre];
		else if (document.layers)	return document.layers[nombre];
	}

/******************************************************************************************
	Función que abre la ventana
	
	Variables entrada:
		- texto: texto que mostrará la ventana
		- titulo: título de la ventana
		- ancho: ancho de la ventana 	(por defecto 250)
		- alto: alto de la ventana  (por defecto 100)
		- tiempo: segundos que estará la ventana abierta (por defecto 0 -> no se cierra)
******************************************************************************************/
	function abrir_vmsg(texto,titulo,ancho,alto,tiempo) {
	
		ancho = (ancho) ? ancho : 250;
		alto = (alto) ? alto : 100;
		tiempo = (tiempo) ? tiempo : 0;
		
	ventana_msg_bg = '#E7E78C';					//Color de fondo 		(blanco)
	ventana_msg_ct = '#FFFFFF';					//Color del título 	(gris claro)
	ventana_msg_cm = '#B8BF2B';					//Color del mensaje (naranja)
	ventana_msg_cb = '#B8BF2B';					//Color borde 			(gris)

		
		window.cerrar_vmsg = function()
		{
			var cventanamsg = getObj('ventanamsg');
			if (cventanamsg)	document.body.removeChild(cventanamsg);
		}
		cerrar_vmsg();
		var ventanamsg = document.createElement("div");
		ventanamsg.id = "ventanamsg";
		ventanamsg.className = "dragme";
		document.body.appendChild(ventanamsg);
		
		//var posy = (N ? 0 : document.body.scrollTop) + (N ? document.getBoxObjectFor(elemento).y : elemento.getBoundingClientRect().top);
		//var posx = (N ? 0 : document.body.scrollLeft) + (N ? document.getBoxObjectFor(elemento).x :elemento.getBoundingClientRect().left);
		var posy = document.body.scrollTop + (document.body.clientHeight-alto-50)/3;
		var posx = document.body.scrollLeft + (document.body.clientWidth-ancho)/3;
		//alert (document.body.clientHeight + "---" + document.body.clientWidth);
		textohtml = "<table bgcolor='"+ventana_msg_cb+"' cellspacing='1' cellpadding='0'><tr><td><table width='"+ancho+"' border='0' bgcolor='"+ventana_msg_bg+"'>";
		textohtml += "<tr><td><center><font style='font-size: 16px;font-weight:bold;color:"+ventana_msg_ct+";'>"+titulo+"</font></center></td><td bgcolor='"+ventana_msg_cb+"' width='1'><table border='0' width='100%' bgcolor='"+ventana_msg_bg+"' cellspacing='1' cellpadding='1'><tr valing='middle' height='17px'><td align='center'><span style='font-size:12px;font-family:Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer;cursor:hand;color:"+ventana_msg_cb+";' onclick='cerrar_vmsg();'>X</span></td></tr></table></td></tr></table></td></tr>";
		textohtml += "<tr><td><table width='"+ancho+"' height='"+alto+"' border='0' bgcolor='"+ventana_msg_bg+"' cellpadding='2'><td valign='top' align='left'>";
		
		
		
		textohtml += "<iframe src='ofertas/oferta.php'";//Insertamos referencia a la pagina que lee el xml con el contenido de la ventana.
		
		
		
		textohtml += " id='framemsg' frameborder='0' width='100%' height='"+alto+"' scrolling='no'></iframe></td></tr>";
		//textohtml += "<tr><td align='center' valign='bottom'><input style='color:#666666; background-color:#FFFFFF; border:1px solid; border-color:#666666;' type='button' name='cerrar' onClick='cerrar_globo();' value='Cerrar'></td></tr>";
		textohtml += "</table></td></tr></table>";
		ventanamsg.innerHTML = textohtml;
		ventanamsg.style.position = 'absolute';
		ventanamsg.style.visibility = 'visible';
		ventanamsg.style.zIndex = 1000;
		//ventanamsg.style.visibility = 'inherit';
		ventanamsg.style.top = posy;
		ventanamsg.style.left = posx;
		if (tiempo>0) setTimeout("cerrar_vmsg()", tiempo*1000);		
		vmsg_defecto();

		//textohtml = "<html><head></head><body leftmargin='2' topmargin='0' bottommargin='2' rightmargin='2'";
		//textohtml += " style='scrollbar-face-color: #e5e5e5;scrollbar-highlight-color: #e5e5e5;scrollbar-shadow-color: #e5e5e5;scrollbar-3Dlight-color: #e5e5e5;scrollbar-arrow-color: #ffffff;scrollbar-track-color: #f7f7f7;scrollbar-darkshadow-color: #cccccc;scrollbar-base-color : #ffffff;'>";
		//textohtml += "<font style='font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-align: justify;color:";
		//textohtml += ventana_msg_cm+";'>"+texto+"</font></body></html>";
		//frameventana = getObj('framemsg');
		//frameventana.contentWindow.document.open();
		//frameventana.contentWindow.document.write(textohtml);
		//frameventana.contentWindow.document.close();
	}	
	
/******************************************************************************************
	Funciones para el movimiento de la ventana (clase dragme)
******************************************************************************************/	
function movemouse(e)
{
  if (isdrag)
  {
    dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
    dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
    return false;
  }
}

function selectmouse(e) 
{
  var fobj       = nn6 ? e.target : event.srcElement;
  var topelement = nn6 ? "HTML" : "BODY";

  while (fobj.tagName != topelement && fobj.className != "dragme")
  {
    fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  }

  if (fobj.className=="dragme")
  {
    isdrag = true;
    dobj = fobj;
    tx = parseInt(dobj.style.left+0);
    ty = parseInt(dobj.style.top+0);
    x = nn6 ? e.clientX : event.clientX;
    y = nn6 ? e.clientY : event.clientY;
		fobj.onmousemove = movemouse;
		document.body.style.cursor = 'move';
    return false;
  }
}

document.onmousedown=selectmouse;
document.onmouseup=new Function("isdrag=false;document.body.style.cursor='default';");