// JavaScript Document

/***********************************************
* Image w/ description tooltip- By Dynamic Web Coding (www.dyn-web.com)
* Copyright 2002-2007 by Sharon Paine
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

/* IMPORTANT: Put script after tooltip div or 
	 put tooltip div just before <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-3300413-1";
urchinTracker();
</script>
</body>. */

var dom = (document.getElementById) ? true : false;
var ns5 = (!document.all && dom || window.opera) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ie4 && !ie5 && !dom) ? true : false;

var origWidth, origHeight;

// avoid error of passing event object in older browsers
if (nodyn) { event = "nope" }

///////////////////////  CUSTOMIZE HERE   ////////////////////
// settings for tooltip 
// Do you want tip to move when mouse moves over link?
var tipFollowMouse= true;	
// Be sure to set tipWidth wide enough for widest image
var tipWidth= 400;
var offX= 10;	// how far from mouse to show tip
var offY= 10; 
var tipFontFamily= "Trebuchet MS";
var tipFontSize= "8pt";
// set default text color and background color for tooltip here
// individual tooltips can have their own (set in messages arrays)
// but don't have to
var tipFontColor= "#7F7F7F";
var tipBgColor= "#DDECFF"; 
var tipBorderColor= "#ffffff";
var tipBorderWidth= 1;
var tipBorderStyle= "ridge";
var tipPadding= 8;

// tooltip content goes here (image, description, optional bgColor, optional textcolor)
var messages = new Array();
// multi-dimensional arrays containing: 
// image and text for tooltip
// optional: bgColor and color to be sent to tooltip
messages[0] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Antispyware:</strong> Tipo de aplicación que se encarga de buscar, detectar y eliminar spywares o espías en el sistema. El spyware es una modalidad de fraude que rastrea información de tu computador y revela sin autorización desde hábitos de navegación en Internet hasta información personal, como cuentas de correo, claves de acceso, etc.',"#FFFFFF");
messages[1] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Acreditar:</strong> Adición de dinero a una cuenta.',"#FFFFFF");
messages[2] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Antivirus:</strong>  Programas cuya función es detectar y eliminar Virus informáticos y otros programas maliciosos. Los virus en Internet afectan la integridad de la información y el funcionamiento de los sistemas operativos en los Computadores causando graves daños.',"#FFFFFF");
messages[3] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>CrediÁgil:</strong> Es un cupo de crédito rotativo, el cual lo solicitas una vez y lo disfrutas las veces que lo requieras, su principal característica es que a medida que lo vas pagando la porción del cupo utilizada, va liberando capacidad en el préstamo para futuras utilizaciones, adicional a su disponibilidad durante todo el año las 24 horas del día.',"#FFFFFF");
messages[4] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>BancaMóvil:</strong>  Es un canal que permite a los clientes realizar transacciones financieras a través de su teléfono celular vía mensajes SMS.',"#FFFFFF");
messages[5] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Carteras Colectivas:</strong> Es una modalidad de ahorro que te permite fortalecer tu capital en diferentes alternativas de plazo de acuerdo con tus necesidades.',"#FFFFFF");
messages[6] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Certificado Anual cuentas AFC:</strong> Certificados emitidos para soportar tu declaración de renta y atender requerimientos de la DIAN.',"#FFFFFF");
messages[7] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Certificado Anual de Retención en la Fuente:</strong> Certificados emitidos para soportar tu declaración de renta y atender requerimientos de la DIAN.',"#FFFFFF");
messages[8] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Certificado de Retención en la Fuente para Accionistas Bancolombia:</strong> Certificados emitidos para soportar tu declaración de renta y atender requerimientos de la DIAN.',"#FFFFFF");
messages[9] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Certificado Tributario:</strong> Certificados emitidos para soportar tu declaración de renta y atender requerimientos de la DIAN.',"#FFFFFF");
messages[10] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Contraordenar cheques:</strong> Opción que le permite a los usuarios de Cuenta Corriente, bloquear o contraordenar un número de cheque o un rango de cheques, para que no sean cobrados, siempre y cuando no hayan sido cobrado o consignado antes de la fecha de la contraorden. Por ejemplo en caso de pérdida de una chequera.',"#FFFFFF");
messages[11] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Cookies:</strong> Es un archivo que se instala por un sitio Web en un computador y cada vez que el Usuario entra al sitio Web, envía información que se utilizará para identificar al usuario.',"#FFFFFF");
messages[12] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Cupo Rotativo:</strong> Un cupo de un crédito es rotativo cuando se tiene la posibilidad de volverlo a utilizar cada vez que se vaya liberando o pagando parte del crédito.',"#FFFFFF");
messages[13] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Cuentas de terceros:</strong> Son aquellas cuentas de ahorro o corrientes de las personas (naturales o jurídicas) a las cuales les deseas transferir dinero.',"#FFFFFF");
messages[14] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Debitar: </strong> Retirar una cantidad de dinero de una cuenta corriente o de ahorros.',"#FFFFFF");
messages[15] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Débito Automático:</strong> Es un servicio que carga en forma automática el valor de tus obligaciones, a tu cuenta de Ahorros, cuenta Corriente o Tarjeta Crédito Bancolombia si ningún costo. De esta manera, no tendrás que preocuparte por la fecha de vencimiento y el pago de tus obligaciones. Lo único que debes hacer es diligenciar el formulario de inscripción para cada obligación a debitar, en una Sucursal Bancolombia.',"#FFFFFF");
messages[16] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Declaración de renta:</strong> Es un documento que los contribuyentes presentan a la Dirección de Impuestos sobre su estado de ingresos y egresos en el periodo gravable comprendido entre el primero de enero y el 31 de diciembre del año que corresponda.',"#FFFFFF");
messages[17] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Desembolsos:</strong> Entrega por parte del Banco del valor de un préstamo.',"#FFFFFF");
messages[18] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>E-pagos:</strong> Botón de pagos de Bancolombia, que permite a los clientes realizar compras o pagos en comercios electrónicos, a través de un débito a su cuenta de ahorros o corrientes.',"#FFFFFF");
messages[19] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Estado de transferencia:</strong> Permite consultar el estado en el que se encuentra una transferencia realizada a otro Banco. Los estados pueden ser: Transmitida al Banco Destino, Aprobada por Banco Destino',"#FFFFFF");
messages[20] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Extractos:</strong> Documento que relaciona o resume los movimientos (depósitos, giros de cheques, retiros, notas debito o crédito, saldos, etc.) efectuados en un producto (Cuenta de Ahorros, Cuenta Corriente, Tarjeta de Crédito, etc.) durante un determinado período de tiempo.',"#FFFFFF");
messages[21] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Firewall Personal:</strong> Es un elemento de hardware o software utilizado en una red de computadoras para controlar las comunicaciones, permitiéndolas o prohibiéndolas según las políticas de red que haya definido la organización o el usuario responsable de la red.',"#FFFFFF");
messages[22] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Inscripción de cuenta:</strong> Transacción que permite a los clientes inscribir o registrar cuentas de terceros, para poder realizar transferencias de fondos a través de la Sucursal Virtual Personas Bancolombia.',"#FFFFFF");
messages[23] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Movimientos de productos:</strong> presentación de los movimientos (depósitos, giros de cheques, retiros, notas debito o crédito, etc.) efectuados en un producto (Cuenta de Ahorros, Cuenta Corriente, Tarjeta de Crédito, etc.)',"#FFFFFF");
messages[24] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Pagos a terceros:</strong> Transacción que permite realizar el pago de facturas de de Servicios Públicos, Telefonía Celular, Entidades Financieras, etc. En la actualidad a través de la Sucursal Virtual Personas y Facturanet los clientes pueden realizar pagos a terceros más de 3.00 empresas recaudadoras.',"#FFFFFF");
messages[25] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Phising:</strong> Es una modalidad de fraude, que consiste en el envío masivo de mensajes electrónicos en los que aparece una dirección web falsa / clonada de una entidad bancaria, con el fin de capturar información sensible de los usuarios como sus claves de acceso, etc.',"#FFFFFF");
messages[26] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>PSE:</strong> Es un botón de pagos desarrollado por ACH Colombia, que permite a todos los clientes de las entidades financieras pertenecientes a la red ACH, realizar pagos y compras en Internet. Igualmente permite a los propietarios de Tiendas Virtuales recibir sus pagos en línea y tener un control de sus ingresos.',"#FFFFFF");
messages[27] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Reexpedir Segunda clave:</strong> Transacción que permite regenerar la segunda clave.',"#FFFFFF");
messages[28] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Redimir millas:</strong> Transacción que permite trasladar o utilizar la Millas Libres Bancolombia que los clientes tengan acumuladas, a los programas de redención permitidos por Bancolombia. Por ejemplo AviancaPlus, Catálogo de Productos Millas Libres, Alta Frecuencia de Aires.',"#FFFFFF");
messages[29] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Saldo de producto:</strong> En el caso productos de cuentas de depósito (Ahorros y Corriente, etc.), el saldo disponible es el monto del que dispones para girar desde tu cuenta en un momento determinado. Para el caso de productos de crédito, el saldo es el monto total de la deuda.',"#FFFFFF");
messages[30] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Sistema operativo:</strong> Es un conjunto de programas de computadora destinado a permitir una administración eficaz de tus recursos. Comienza a trabajar cuando se enciende el computador, y gestiona el hardware de la máquina desde los niveles más básicos, permitiendo también la interacción con el usuario. Entre los más conocidas se pueden destacar las implementaciones de Unix, desarrolladas por diferentes empresas de software, los sistemas operativos de Apple como Mac OS X, los sistemas operativos de Microsoft como Windos XP, y las implementaciones de software libre, como Linux o BSD producidas por empresas, universidades, administraciones públicas, organizaciones sin fines de lucro y/o comunidades de desarrollo.',"#FFFFFF");
messages[31] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Sucursal Virtual:</strong> Es el medio en Internet a través del cual podrás realizar consultas y transacciones financieras, y conocer todos los productos y servicios que ofrece Bancolombia.',"#FFFFFF");
messages[33] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Tarjeta de Crédito no propia:</strong> Tarjeta de Crédito de un tercero.',"#FFFFFF");
messages[32] = new Array('/home/micrositios/demoSVP/images/titGlosario.gif','<strong>Transferencias de fondos</strong> Operación por la que se transfiere una cantidad de dinero de una cuenta bancaria a otra., etc.',"#FFFFFF");



////////////////////  END OF CUSTOMIZATION AREA  ///////////////////

// preload images that are to appear in tooltip
// from arrays above
if (document.images) {
	var theImgs = new Array();
	for (var i=0; i<messages.length; i++) {
  	theImgs[i] = new Image();
		theImgs[i].src = messages[i][0];
  }
}

// to layout image and text, 2-row table, image centered in top cell
// these go in var tip in doTooltip function
// startStr goes before image, midStr goes between image and text
var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"><img src="';
var midStr = '" border="0"></td></tr><tr><td valign="top">';
var endStr = '</td></tr></table>';

////////////////////////////////////////////////////////////
//  initTip	- initialization for tooltip.
//		Global variables for tooltip. 
//		Set styles
//		Set up mousemove capture if tipFollowMouse set true.
////////////////////////////////////////////////////////////
var tooltip, tipcss;
function initTip() {
	if (nodyn) return;
	tooltip = (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null;
	tipcss = tooltip.style;
	if (ie4||ie5||ns5) {	// ns4 would lose all this on rewrites
		tipcss.width = tipWidth+"px";
		tipcss.fontFamily = tipFontFamily;
		tipcss.fontSize = tipFontSize;
		tipcss.color = tipFontColor;
		tipcss.backgroundColor = tipBgColor;
		tipcss.borderColor = tipBorderColor;
		tipcss.borderWidth = tipBorderWidth+"px";
		tipcss.padding = tipPadding+"px";
		tipcss.borderStyle = tipBorderStyle;
	}
	if (tooltip&&tipFollowMouse) {
		document.onmousemove = trackMouse;
	}
}

window.onload = initTip;

/////////////////////////////////////////////////
//  doTooltip function
//			Assembles content for tooltip and writes 
//			it to tipDiv
/////////////////////////////////////////////////
var t1,t2;	// for setTimeouts
var tipOn = false;	// check if over tooltip link
function doTooltip(evt,num) {
	if (!tooltip) return;
	if (t1) clearTimeout(t1);	if (t2) clearTimeout(t2);
	tipOn = true;
	// set colors if included in messages array
	if (messages[num][2])	var curBgColor = messages[num][2];
	else curBgColor = tipBgColor;
	if (messages[num][3])	var curFontColor = messages[num][3];
	else curFontColor = tipFontColor;
	if (ie4||ie5||ns5) {
		var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr;
		tipcss.backgroundColor = curBgColor;
	 	tooltip.innerHTML = tip;
	}
	if (!tipFollowMouse) positionTip(evt);
	else t1=setTimeout("tipcss.visibility='visible'",100);
}

var mouseX, mouseY;
function trackMouse(evt) {
	standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
	mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;
	mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;
	if (tipOn) positionTip(evt);
}

/////////////////////////////////////////////////////////////
//  positionTip function
//		If tipFollowMouse set false, so trackMouse function
//		not being used, get position of mouseover event.
//		Calculations use mouseover event position, 
//		offset amounts and tooltip width to position
//		tooltip within window.
/////////////////////////////////////////////////////////////
function positionTip(evt) {
	if (!tipFollowMouse) {
		mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;
		mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;
	}
	// tooltip width and height
	var tpWd = (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;
	var tpHt = (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;
	// document area in view (subtract scrollbar width for ns)
	var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft;
	var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop;
	// check mouse position against tip and window dimensions
	// and position the tooltip 
	if ((mouseX+offX+tpWd)>winWd) 
		tipcss.left = mouseX-(tpWd+offX)+"px";
	else tipcss.left = mouseX+offX+"px";
	if ((mouseY+offY+tpHt)>winHt) 
		tipcss.top = winHt-(tpHt+offY)+"px";
	else tipcss.top = mouseY+offY+"px";
	if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);
}

function hideTip() {
	if (!tooltip) return;
	t2=setTimeout("tipcss.visibility='hidden'",100);
	tipOn = false;
}

document.write('<div id="tipDiv" style="position:absolute; visibility:hidden; z-index:100"></div>')
