/*
Image w/ description tooltip- By Dynamic Web Coding (www.dyn-web.com)
Copyright 2002 by Sharon Paine
Visit http://www.dynamicdrive.com for this script
*/

/* IMPORTANT: Put script after tooltip div or put tooltip div just before </BODY>. */

var dom = (document.getElementById) ? true : false;
var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var ns4 = (document.layers && !dom) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;

// resize fix for ns4
var origWidth, origHeight;
if (ns4) {
	origWidth = window.innerWidth; origHeight = window.innerHeight;
	window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); }
}

// 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= 360;
var offX= 20;	// how far from mouse to show tip
var offY= 12; 
var tipFontFamily= "Verdana, arial, helvetica, sans-serif";
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= "#000000";
var tipBgColor= "#DDECFF"; 
var tipBorderColor= "#2180C3";
var tipBorderWidth= 1;
var tipBorderStyle= "solid";
var tipPadding= 4;

// 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

// TNT POST
messages[0] = new Array('/images/gui_dro/betbezmeth/bezorgservice.gif','<em>Bezorgen: TNT Post bezorgservice</em><br>Kleine pakketten (tot 30kg, maximum formaat 140 x 78 x 58 cm) worden via TNT Post naar u toegestuurd en worden maximaal tweemaal bij u thuis aangeboden, daarna kunt het product binnen 3 weken ophalen van het postkantoor.','white');

// afhalen lisse
messages[1] = new Array('/images/gui_dro/betbezmeth/afhalen.gif','<em>Afhalen: in Eindhoven</em><br>Wanneer uw bestelling in het magazijn aanwezig is kunt u telefonisch of via mail een afspraak maken. Afhalen kan van maandag t/m vrijdag van 8:30 tot 12:00 uur en van 12:30 tot 16:30 uur.',"white");

// drempelservice
messages[2] = new Array('/images/gui_dro/betbezmeth/drempelservice.gif',"<em>Bezorgen: Drempelservice</em><br>Bij het service level 'Drempelservice' worden de goederen tot de voordeur aangeleverd tenzij obstakels zoals traptreden dit onmogelijk maken (b.v. portiekwoning). Goederen worden niet uitgepakt en of aangesloten of oude apparaten mee terug genomen. Dit is een levering door 1 persoon.",'white');

// bezorgservice (=drempelservice plus)
messages[3] = new Array('/images/gui_dro/betbezmeth/bezorgservice.gif',"<em>Bezorgen: Drempelservice Plus</em><br>Bij het service level 'drempelservice plus' worden de goederen tot de voordeur aangeleverd tenzij obstakels zoals traptreden dit onmogelijk maken (b.v. portiekwoning). Goederen worden niet uitgepakt en of aangesloten. Het is mogelijk om  oude apparaten  mee retour te nemen indien deze klaarstaan bij de voordeur. Deze dienen echter water- en/of ijsvrij te zijn. Dit is een levering door 1 persoon.",'white');

// installatieservice - begane grond
messages[4] = new Array('/images/gui_dro/betbezmeth/installatieservice.gif','<em>Bezorgen: Installatieservice begane grond</em><br>Bij het service level "<em>installatieservice begane grond</em>" worden de goederen op de begane grond afgeleverd. Op de plaats van bestemming worden de goederen uitgepakt en bedrijfsklaar geinstalleerd. Indien gewenst wordt het verpakkingsmateriaal en/of de oude apparatuur afgevoerd. Inbouw apparatuur en LCD/Plasma Televisies worden niet geinstalleerd.','white');

// installatieservice
messages[5] = new Array('/images/gui_dro/betbezmeth/installatieservice.gif',"<em>Bezorgen: Installatieservice</em><br>Bij het service level 'installatieservice' worden de goederen op de gewenste verdieping afgeleverd. Indien er in het perceel geen lift aanwezig is, is dit maximaal op de 3e etage. Op de plaats van bestemming worden de goederen uitgepakt en bedrijfsklaar geinstalleerd. Indien gewenst wordt het verpakkingsmateriaal en/of de oude apparatuur afgevoerd. Deze dienen echter water- en/of ijsvrij te zijn. LCD/Plasma Televisies worden niet geinstalleerd. Indien u het appraaat aan een trekschakelaar wilt aansluiten of de deuren van witgoed apparaten wilt ombouwen, dan kan dit voor &euro; 20,- extra door de monteur worden gedaan.",'white');

// betaalmethode bank/ideal
sMsg6 = "<em>Betalen per bank (vooruitbetalen)</em><br>U kunt het totaalbedrag van uw bestelling ";
sMsg6 = sMsg6 + "overmaken naar CleverCow te Gorinchem, op rekeningnummer 61.32.90.151 van de ABN AMRO bank te Gorinchem. ";
sMsg6 = sMsg6 + "Vermeld hierbij het ordernummer, zoals vermeld op de orderbevestiging voor een correcte verwerking.<BR><BR>";
sMsg6 = sMsg6 + "<em>Betalen met iDeal</em><br>Met iDEAL kunt u bij CleverCow vertrouwd, veilig en gemakkelijk uw online ";
sMsg6 = sMsg6 + "aankopen afrekenen. U rekent af in uw vertrouwde Internet betaalomgeving, op basis van specifieke ";
sMsg6 = sMsg6 + "beveiligingsmethodes van uw eigen bank. Als internetbankierder kunt u direct gebruik maken van iDEAL, ";
sMsg6 = sMsg6 + "zonder dat u zich daarvoor hoeft aan te melden. U kunt iDEAL gebruiken als u internetbankiert bij ";
sMsg6 = sMsg6 + "ABN AMRO, Postbank, Rabobank of SNS Bank. Ga voor meer informatie naar www.ideal.nl";
sMsg6 = sMsg6 + "<br><br><em>KBC / CBC rekening</em><br>Voor Belgische rekeninghouders is er de mogelijkheid om het ";
sMsg6 = sMsg6 + "bedrag naar onze KBC / CBC rekeningnummer over te maken. Deze bankgegevens worden bij het afrekenen ";
sMsg6 = sMsg6 + "weergegeven en per mail bevestigd.";
sImg6 = "/images/gui_dro/betbezmeth/bank_ideal.gif";
messages[6] = new Array(sImg6,sMsg6,'white');

// betaalmethode creditcard
messages[7] = new Array('/images/gui_dro/betbezmeth/creditcard.gif','<em>Betalen met Creditcard<br>(VISA, American Express, Diners Club & Mastercard)</em><br>Wanneer u kiest voor een Creditcard betaling, wordt uw computer via een Secure Socket Layer 128 bit beveiligde lijn naar onze payment provider Ogone geleid. Dit houdt in dat uw gegevens versleuteld verstuurd worden. Zodra Ogone uw betaling ontvangen heeft, krijgen wij een akkoord binnen en zullen wij uw bestelling verwerken. CleverCow heeft geen inzicht in de door u ingegeven Creditcard gegevens. CleverCow maakt gebruik van 3D Secure voor zowel VISA, Mastercard, American Express en Diners Club. Dit systeem garandeert dat uw creditcard niet door derden wordt misbruikt.<br><br><em>Betalen met Bancontact/Mister Cash, KBC / CBC Online</em><br>Wanneer u kiest voor betalen met Bancontact/Mister Cash of KBC / CBC Onlinebetaling, wordt uw computer via een Secure Socket Layer 128 bit beveiligde lijn naar onze payment provider Ogone geleid. Dit houdt in dat uw gegevens versleuteld verstuurd worden. Zodra Ogone uw betaling ontvangen heeft, krijgen wij een akkoord binnen en zullen wij uw bestelling verwerken. CleverCow heeft geen inzicht in de door u ingegeven gegevens.<br><br><em>Betalen met PayPal</em><br>Met PayPal kunt u snel en veilig online betalen. Een PayPal-rekening kunt u koppelen aan een bankrekening of creditcard. Daarna kunt u op CleverCow en vele andere plekken eenvoudig afrekenen. U heeft alleen een e-mailadres en wachtwoord nodig.','white');

// betaalmethode rembours
messages[13] = new Array('/images/gui_dro/betbezmeth/rembours.gif','<em>Rembours, betalen bij aflevering.</em><br>Voor grotere apparaten bestaat ook de mogelijkheid om uw bestelling pas te betalen bij aflevering. Bij aflevering kunt u alvorens te betalen de bestelling bekijken en controleren op eventuele schade en of gebreken. Bent u tevreden, dan betaalt u het bedrag aan de chauffeur met uw PIN-pas of contant. De kosten voor deze extra service bedragen &euro; 8.95. Bij TNT postbezorgservice en bestellingen naar Belgi&euml; is alleen contante betaling mogelijk.','white');

// afhalen gorkum
messages[8] = new Array('/images/gui_dro/betbezmeth/afhalen.gif','<em>Afhalen: in Gorinchem</em><br>Wanneer uw bestelling in het magazijn van CleverCow aanwezig is kunt u telefonisch of via mail een afspraak maken. Afhalen kan van maandag t/m vrijdag van 10:00 tot 17:00 uur. Het afhaaladres is:<br>Papland 9 J, 4206 CK in Gorinchem.',"white");

// afhalen gorkum en aldaar betalen 
messages[9] = new Array('/images/gui_dro/betbezmeth/afhalen.gif','<em>Afhalen: Gorinchem PIN/Contant/Creditcard</em><br>Indien u wilt afhalen in Gorinchem heeft u de mogelijkheid om met Pin of in contanten te betalen. Wij berekenen hiervoor geen order- of administratie-<br>kosten. Betalen met creditcard kan ook, hiervoor geldt een toeslag van 3%. Afhalen kan pas <strong>nadat</strong> u een <strong>afhaalbericht</strong> heeft gekregen. Let op! betalen met pin, creditcard of in contanten kan alleen op de vestiging in Gorinchem.',"white");

// betaalmethode pin/contant
messages[10] = new Array('/images/gui_dro/betbezmeth/pincontant.gif','<em>Contant betalen of pinnen bij afhalen van uw bestelling</em><br>U kunt naast contant betalen, ook pinnen aan onze afhaalbalie in Gorinchem. Let er wel op dat uw bestelling niet boven de betaallimiet van uw pinpas ligt. Wij brengen voor het betalen per PIN geen extra kosten in rekening.','white');

// betaalmethode creditcard bij afhalen
messages[11] = new Array('/images/gui_dro/betbezmeth/creditcard.gif','<em>Betalen met Creditcard<br>(VISA, American Express, Diners Club & Mastercard)</em><br>Indien u wilt afhalen in Gorinchem heeft u de mogelijkheid om met een creditcard te betalen. CleverCow heeft geen inzicht in de door u ingegeven Creditcard gegevens. CleverCow maakt gebruik van 3D Secure voor zowel VISA, Mastercard, American Express en Diners Club. Dit systeem garandeert dat uw creditcard niet door derden wordt misbruikt. Let er wel op dat uw bestelling niet boven de betaallimiet van uw creditcard ligt. Voor betalingen met een creditcard geldt een toeslag van 3%.','white');


// detailpagina clevercoins
sMsg12 = "<B>Bij CleverCow altijd korting op uw volgende aankoop!</B><br /><br />Op al uw bestellingen bij CleverCow spaart u 2% van de aankoopwaarde, die u kunt besteden bij uw volgende aankoop. U koopt bijvoorbeeld een LCD TV van &euro;1.000,-. Op uw volgende aankoop krijgt u &euro;20,- korting. Uw saldo van CleverCoins kunt u geheel of gedeeltelijk inwisselen bij uw volgende aankoop.";
sImg12 = "/images/transp.gif";
messages[12] = new Array(sImg12,sMsg12,'white');

////////////////////  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%">';
startStr = startStr + '<img src="';

var midStr = '';	
midStr = midStr + '" border="0">';
midStr = midStr + '</td></tr><tr><td valign="top">';
var endStr = '</td></tr></table>';

////////////////////////////////////////////////////////////
//  initTip	- initialization for tooltip.
//		Global variables for tooltip. 
//		Set styles for all but ns4. 
//		Set up mousemove capture if tipFollowMouse set true.
////////////////////////////////////////////////////////////
var tooltip, tipcss;
function initTip()
{
	if (nodyn) return;
	tooltip = (ns4)? document.tipDiv.document: (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null;
	tipcss = (ns4)? document.tipDiv: 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) {
		if (ns4) document.captureEvents(Event.MOUSEMOVE);
		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 (ns4) {
		var tip = '<table bgcolor="' + tipBorderColor + '" width="' + tipWidth + '" cellspacing="0" cellpadding="' + tipBorderWidth + '" border="0"><tr><td><table bgcolor="' + curBgColor + '" width="100%" cellspacing="0" cellpadding="' + tipPadding + '" border="0"><tr><td>'+ startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr + '</td></tr></table></td></tr></table>';
		tooltip.write(tip);
		tooltip.close();
	} else 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) {
	mouseX = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
	mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.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 = (ns4||ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
		mouseY = (ns4||ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
	}
	// tooltip width and height
	var tpWd = (ns4)? tooltip.width: (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;
	var tpHt = (ns4)? tooltip.height: (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;
	// document area in view (subtract scrollbar width for ns)
	var winWd = (ns4||ns5)? window.innerWidth-20+window.pageXOffset: document.body.clientWidth+document.body.scrollLeft;
	var winHt = (ns4||ns5)? window.innerHeight-20+window.pageYOffset: document.body.clientHeight+document.body.scrollTop;
	// check mouse position against tip and window dimensions
	// and position the tooltip 
	if ((mouseX+offX+tpWd)>winWd) 
		tipcss.left = (ns4)? mouseX-(tpWd+offX): mouseX-(tpWd+offX)+"px";
	else tipcss.left = (ns4)? mouseX+offX: mouseX+offX+"px";
	if ((mouseY+offY+tpHt)>winHt) 
		tipcss.top = (ns4)? winHt-(tpHt+offY): winHt-(tpHt+offY)+"px";
	else tipcss.top = (ns4)? mouseY+offY: mouseY+offY+"px";
	if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);
}

function hideTip() {
	if (!tooltip) return;
	t2=setTimeout("tipcss.visibility='hidden'",100);
	tipOn = false;
}
