/**********************************************************************************   
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[1] = '<div class="clCaption">How to get there</div><br>Information on the flights to and from the Galapagos</div>'
messages[2] = '<div class="clCaption">What to see on the different Islands</div><br>Description of the different islands, the animals, birds and marine creatures</div>'
messages[3] = '<div class="clCaption">The Park Rules</div><br>"14 days/13 nights "<br>Galapagos National Park Rules to be followed by everybody visiting the Galapagos Islands</div>'
messages[4] = '<div class="clCaption">What to take along</div><br>Packing list with items to take along on your Galapagos Holiday</div>'
messages[5] = '<div class="clCaption"></div>'
messages[6] = '<div class="clCaption"></div>'
messages[7] = '<div class="clCaption"></div>'
messages[8] = '<div class="clCaption"></div>'
messages[9] = '<div class="clCaption"></div>'
messages[10] = '<div class="clCaption">General Land Based Tour information</div><br>A bit more about the land based tour possibilities with hotels in the Galapagos</div>'
messages[11] = '<div class="clCaption">Grand Hotel Lobo del Mar</div><br>Very nice hotel in Puerto Ayora with spacious rooms and two swimming pools</div>'
messages[12] = '<div class="clCaption">Hotel Silberstein</div><br>Excellent hotel located midway between harbour and Darwin Center in Puerto Ayora on Santa Cruz Island</div>'
messages[13] = '<div class="clCaption">Red Mangrove Inn</div><br>Close your eyes and you can imagine being one of the first colonisers of the Galapagos Islands in this excellent first class hotel right on Academy Bay in Puerto Ayora - Santa Cruz Island</div>'
messages[14] = '<div class="clCaption">Finch Bay Hotel</div><br>First class hotel in Puerto Ayora on Santa Cruz Island located in a sandy bay</div>'
messages[15] = '<div class="clCaption">La Casa de Marita</div><br>Excellent beach hotel at Puerto Villamil on Isabella Island</biv>'
messages[16] = '<div class="clCaption">Hotel Orca</div><br>Very nice hotel located right at the beach on San Cristobal Island</div>'
messages[21] = '<div class="clCaption">Tourist Class Cruises</div><br>A selection of tourist class cruises for those with limited budget but wanting some comfort</div>'
messages[22] = '<div class="clCaption">Tourist Superior Class Cruises</div><br>A selection of superior tourist class cruises for those with limited budget and wanting some comfort and space</div>'
messages[23] = '<div class="clCaption">First Class Cruises</div><br>A selection of first class cruises for those caring for they comforts and space</div>'
messages[24] = '<div class="clCaption">Luxury Class Cruises</div><br>A selection of luxury class cruises for those wanting luxury and space while cruising the Galapagos Islands</div>'
messages[25] = '<div class="clCaption">Cruise ships</div><br>A selection of cruise ships for those wanting luxury and space and the comforts of larger ship</div>'
messages[26] = '<div class="clCaption">The 12 best dives with Grand Hotel Lobo de Mar</div>Very good value landbased diving combination with Grand Hotel Lobo de Mar- 12 dives in 8 days</div>'
messages[27] = '<div class="clCaption">The 6 best dives with Grand Hotel Lobo del Mar</div>Very good value landbased diving combination with Grand Hotel Lobo del Mar - 6 dives in 5 days</div>'
messages[28] = '<div class="clCaption">Diving with Hotel Silberstein</div>Why not try the diving tour with Hotel Silberstein?  As of 5 days</div>'
messages[29] = '<div class="clCaption">Diving with Finch Bay Hotel</div>Combine daily diving tours with excursions while staying at the first class Finch Bay Eco Hotel</div>'
messages[30] = '<div class="clCaption">General diving info</div><br>A bit more about the diving possibilities in the Galapagos Marine Reserve</div>'
messages[31] = '<div class="clCaption">Scuba Diving conditions</div><br>Information about the currents, water temperatures, visibility, and kinds of dives you can expect on a diving holiday in the Galapagos Islands</div>'
messages[32] = '<div class="clCaption">Scuba Diving Rules</div><br>The rules to adhere to in the Galapagos Marine Reserve</div>'
messages[33] = '<div class="clCaption">Live aboard diving cruises</div><br>A selection of specialist diving cruises as well as occasional diving cruises</div>'
messages[34] = '<div class="clCaption">Land based diving</div><br>A selection of land based diving arrangements</div>'
messages[35] = '<div class="clCaption">Diving Courses</div><br>For those wanting to learn to dive in the Galapagos we also arrange diving courses</div>'
messages[36] = '<div class="clCaption"></div>'
messages[37] = '<div class="clCaption">Combination Tour Hotel Silberstein</div><br>This combination tour with the excellent Hotel Silberstein offers several island visits as well as other excursions</div>'
messages[38] = '<div class="clCaption">Combination tour with Finch Bay Hotel</div><br>Excellent selection of excursions combined with a stay at the Finch Bay Hotel in Puerto Ayora</div>'
messages[39] = '<div class="clCaption">Multisport Adventure</div><br>Our exclusive and most popular adventure in the Islands combines daily kayaking, mountain biking, trekking, and horseback riding activities.</div>'
messages[40] = '<div class="clCaption">Trekking Adventure</div><br>  A flexible walking program that explores extraordinary areas usually limited to cruise itineraries.  This program includes the finest accommodations available in the Islands and explores three southern islands and eight islets, with customizable extensions - a perfect trip for families of all ages.</div>'
messages[41] = '<div class="clCaption">Kayaking Adventure</div><br>  A unique program developed for the paddle enthusiast, brings forth the rich wildlife of the Enchanted Islands and its world-class marine reserve. Activities such as, snorkeling, hiking, and horse back riding are also included as part of your program.</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')
}