/**********************************************************************************   
PopupDescriptions 
*   Copyright (C) 2001 <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a>
*   This script was released at DHTMLCentral.com
*   Visit for more great scripts!
*   This may be used and changed freely as long as this msg is intact!
*   We will also appreciate any links you could give us.
*
*   Made by <a href="/dhtmlcentral/thomas_brattli.asp">Thomas Brattli</a> 
*********************************************************************************/

function lib_bwcheck(){ //Browsercheck (needed)
	this.ver=navigator.appVersion
	this.agent=navigator.userAgent
	this.dom=document.getElementById?1:0
	this.opera5=this.agent.indexOf("Opera 5")>-1
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0; 
	this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
	this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
	this.ie=this.ie4||this.ie5||this.ie6
	this.mac=this.agent.indexOf("Mac")>-1
	this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; 
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
	return this
}
var bw=new lib_bwcheck()



/***************************************************************************************
Variables to set:
***************************************************************************************/
messages=new Array()
//Write your descriptions in here.
messages[10] = '<div class="clCaption">Merveilles du Honduras</div>14 jours/13 nuits<br>Ce voyage au Honduras combine l\'exploration du monde maya (Copan), le riche passé colonial du pays, des excursions dans  la forêt tropicale, la rencontre avec des communautées indigènes Garifunas et la visite de la côte caribéenne et de ses superbes plages. <br>Copan - Lake Yojoa - Tegucigalpa - Trujillo - La Ceiba - Tela </div>'
messages[11] = '<div class="clCaption">Les mystères de Copan</div>3 jours/2 nuits or 2 jours/1 night<br>Visite du site maya de Copan et rencontre avec des communautés mayas pour en savoir plus sur leur traditions et leur mode de vie ancestral et actuel.<br>San Pedro Sula - Copan - San Pedro Sula<br></div>'
messages[19] = '<div class="clCaption">Expédition en canoë sur la rivière Patuca</div>7 jours/6 nuits<br>Cette expédition vous donne l\'occasion de rencontrer  diverses espèces animales en danger, tels le tapir, le jaguar  ou le tamanoir. Tatous, pécaris, singes, caïmans, toucans, aras et d\'autres créatures exotiques  peuplent abondamment la zone. Lors des soirées passées dans des villages indigènes, nos guides Tawahkas nous parlent de leur traditions et coutumes qui de tout temps les 	ont conduit à vivre en harmonie avec leur environnement.<br>Tegucigalpa - Rio Patuca - La Ceiba<br></div>'
messages[21] = '<div class="clCaption">Aventures en kayak de mer dans les Caraïbes</div>7 jours/6 nuits<br> 	Rejoignez-nous pour une semaine d\'exploration de l\'île tropicale de Guanaja. Nous glissons dans nos kayak de mer sur les eaux cristallines, explorons des forêts et des mangroves luxuriantes, découvrons les fonds coralliens et rencontrons les habitants de l\'île, qui nous font partager leur chaleureuse culture caribéenne.<br>Guanaja</div>'

//To have more descriptions just add to the array.

fromX = 50 //How much from the actual mouse X should the description box appear?
fromY = -20 //How much from the actual mouse Y should the description box appear?

//To set the font size, font type, border color or remove the border or whatever,
//change the clDescription class in the stylesheet.

//Makes crossbrowser object.
function makeObj(obj){								
   	this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj]:0;
	if(!this.evnt) return false
	this.css=bw.dom||bw.ie4?this.evnt.style:bw.ns4?this.evnt:0;	
   	this.wref=bw.dom||bw.ie4?this.evnt:bw.ns4?this.css.document:0;		
	this.writeIt=b_writeIt;																
	return this
}

// A unit of measure that will be added when setting the position of a layer.
var px = bw.ns4||window.opera?"":"px";

function b_writeIt(text){
	if (bw.ns4){this.wref.write(text);this.wref.close()}
	else this.wref.innerHTML = text
}

//Capturing mousemove
var descx = 0
var descy = 0
function popmousemove(e){descx=bw.ns4||bw.ns6?e.pageX:event.x; descy=bw.ns4||bw.ns6?e.pageY:event.y}

var oDesc;
//Shows the messages
function popup(num){
   if(oDesc){
		oDesc.writeIt('<div class="clDescription">'+messages[num]+'</div>')
		if(bw.ie5||bw.ie6) descy = descy+document.body.scrollTop
		oDesc.css.left = (descx+fromX)+px
		oDesc.css.top = (descy+fromY)+px
		oDesc.css.visibility = "visible"
    }
}
//Hides it
function popout(){
	if(oDesc) oDesc.css.visibility = "hidden"
}
function setPopup(){
   	if(bw.ns4)document.captureEvents(Event.MOUSEMOVE)
    document.onmousemove = popmousemove;
	oDesc = new makeObj('divDescription')
}