
var tooltip5={
	tiparray:function(){
		var tooltips=[]
		
	/* ******************************************************************************************* */
	/* ******************************* HIER VOEG JE JE TOOLTIPS IN ******************************* */
	/* ******************************************************************************************* */
		
		// op volgende wijze:
		//tooltips[oplopend nummer]=['pad naar beeld', 'optionele tekst', optionele CSS]
		//CSS syntax: {eigenschap1:"csswaarde1", eigenschap2:"csswaarde2", enz ...}
		
		/* **use: anywhere where tooltip is used without a picture ** */
		tooltips[0]=['images/t.gif', 'Baarn, a royal village, welcomes you and offers a variety of shops, restaurants, a royal palace, a green castle and beautiful parks. Read more about the history of Baarn.<br /><br />The origin of Baarn was probably in the 12th century. By that time the existing villages became too small, due to the crusades, the trading with other regions and the growth of the population. Villages needed enough surrounding space for cattle and agriculture.<br /><br />During the 12th century many settlements were made, amongst which probably also Baarn.', {background:'#bf985b', font:'bold 11px verdana', color:'#000000', border:'1px solid #bf985b', width:'400px' }]

		/* **use: Home | History | ** */
		tooltips[1]=['images/brink-002.jpg','<center>De Brink now is the heart of the town of Baarn. &#169;casparhuurdeman.nl</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[2]=['images/paleissoestdijk-002.jpg', '<center>The Soestdijk palace was the home of the Dutch Royal Family for over 60 years. &#169;PR &amp; ZO</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]
		tooltips[3]=['images/rivier-eem.png', '<center>The river Eem is the only river with both source and mouth in The Netherlands.</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[4]=['images/paleis-1.png', '<center>The Soestdijk palace was the home of the Dutch Royal Family for over 60 years. &#169;PR &amp; ZO</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[5]=['images/baarn-leestraat.png', '<center>The first settlement of Baarn was probably near the actual Leestraat. &#169;PR &amp; ZO</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[6]=['images/t.gif', 'Read more about the meaning of Metathesis on Wikipedia.', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000', border:'1px solid #bf985b', width:'400px' }]

		/* **use: ** */
		tooltips[7]=['images/pauluskerk-1.png', '<center>In the first half of the 14th century the church of<br />St.Paul was built at that very Brink.&#169;PR &amp; ZO</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[8]=['images/t.gif', 'back to top of this page', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000', border:'1px solid #bf985b', width:'400px' }]

		/* **use: ** */
		tooltips[9]=['images/brink-002.jpg', '<center>De Brink now is the heart of the town of Baarn. &#169;casparhuurdeman.nl</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[10]=['images/index-mainpicture.png', 'This is just an example to show you how the small triangle provides you with extra information. It may also show you just a text.', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000', border:'1px solid #bf985b', width:'500px' }];

		/* **use: ** */
		tooltips[11]=['images/eem-amersfoort.png', '<center>look from the sky down at the Eem near Amersfoort and follow it right to the Eemmeer.&#169;BING</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[12]=['images/wilhelmina-en-juliana.png', '<center>Queen Wilhelmina and her daughter<br />Princess Juliana.</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[13]=['images/fietsenparkerenbijstationbaarn.jpg', '<center>You can park your bicycle near the railway station in Baarn.</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[14]=['images/hoedenzo.png', '<center>A lovely hat shop in the center of Baarn, Hoed &amp; Zo</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[15]=['images/promenade.png', '<center>A restaurant with great ambiance - Hotel La Promenade</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[16]=['images/dutchroyalhouse.png', '<center>Dutch Royal House website</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[17]=['images/Drakesteyn.jpg', '<center>Castle Drakensteyn, the new home of Queen Beatrix &#63;</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[18]=['images/pomodori.png', '<center>Deli restaurant Pomodori - hidden in a small street in Baarn</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[19]=['images/micksmix.png', '<center>Mick&#39;s Mix, new &amp; second hand fashion in Laanstraat in Baarn</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[20]=['images/boops.png', '<center>Boops Lingerie in Laanstraat in Baarn</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[21]=['images/lindessa.png', '<center>Lindessa Lingerie in Laanstraat in Baarn</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: specialselection** */
		tooltips[22]=['images/goldencoffeebox.png', '<center>Golden Coffee Box in Laanstraat in Baarn</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[23]=['images/specialselection-02.png', '<center>A very nice selection of shops &amp; restaurants in Baarn</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: specialselection** */
		tooltips[24]=['images/degooischebloembinderij.png', '<center>Flower shop de gooische bloembinderij in Laanstraat in Baarn</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[25]=['images/de-smaecken.png', '<center>Ice creams &amp; Tea room De Smaecken van Hamelink in Laanstraat in Baarn</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: specialselection** */
		tooltips[26]=['images/petershof.png', '<center>Ice creams Petershof, Eemnesserweg, Baarn</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[27]=['images/vvvbaarnbb.png', '<center>B&amp;B list on website of Baarn Tourist Office, Brinkstraat, Baarn</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[28]=['images/cantonspark-001.jpg', '<center>Amalia Park, Stationsplein, Baarn &#169;casparhuurdeman.nl</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: ** */
		tooltips[29]=['images/beatrix-001.jpg', '<center>Queen Beatrix, Baarn &#169;casparhuurdeman.nl</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: specialselection** */
		tooltips[30]=['images/vuur.png', '<center>Restaurant Vuur</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: specialselection** */
		tooltips[31]=['images/rtv-eemland.png', '<center>Local Radio &amp; Television</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: specialselection** */
		tooltips[32]=['images/nebbiolo.png', '<center>Wine Specialty Shop Nebbiolo</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000000'}]

		/* **use: specialselection** */
		tooltips[33]=['images/dame-achter-02.png', '<center></center>', {background:'transparent', font:'bold italic 11px verdana', color:'#000000', border:'0px solid #bf985b'}]

		/* **use: history** */
		tooltips[34]=['images/youtube-logo.gif', '<center></center>', {background:'#fff', font:'bold italic 11px verdana', color:'#000000', border:'0px solid #bf985b'}]

		/* **use: specialselection** */
		tooltips[35]=['images/mediterraansesmaken.png', '<center>Delicatessen Mediterrane Smaken (Mediterrenean Taste)<br />corner Nieuwstraat Laanstraat</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: specialselection** */
		tooltips[36]=['images/bakkerkuiper.png', '<center>Bakery Kuiper - for delicious bread</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: specialselection** */
		tooltips[37]=['images/hetkleinekadowinkeltje.png', '<center>The Small Gift Shop</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]
	
		/* **use: specialselection** */
		tooltips[38]=['images/prelude.png', '<center>Prelude Classical Music</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: specialselection** */
		tooltips[39]=['images/bibliotheek.png', '<center>Our local Librairy, Hoofdstraat</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: specialselection** */
		tooltips[40]=['images/rombout2009.png', '<center>Our introduction video</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: guided tours pages** */
		tooltips[41]=['images/eempolder-002.jpg', '<center>The river Eem is the only river with it&#39;s source and mouth in The Netherlands </center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: ** */
		tooltips[42]=['images/shopping-lady.png', '<center>Let&#39;s go shopping<br />&amp; dining in Baarn<br />www.royalbaarn.com </center>', {background:'#fff', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: ** */
		tooltips[43]=['images/paleissoestdijkwebsite.png', '<center>Soestdijk Palace&#39; own website<br />www.paleissoestdijk.nl</center>', {background:'#fff', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: ** */
		tooltips[44]=['images/casparhuurdeman.jpg', '<center>Caspar Huurdeman<br />www.casparhuurdeman.nl</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: ** */
		tooltips[45]=['images/dickrokebrand.png', '<center>Dick Rokebrand<br />www.stiquemedia.nl</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: ** */
		tooltips[46]=['images/marguerite.png', '<center>Marguerite Efd&#233;<br />www.fd-id.nl</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: ** */
		tooltips[47]=['images/fietsenparkerenbijstationbaarn-3.jpg', '<center>Rent a bicycle at the Bicycle Shop near Station Baarn</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: ** */
		tooltips[48]=['images/degeneraal.png', '<center>Restaurant De Generaal</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: ** */
		tooltips[49]=['images/vandoorm.png', '<center>Jewellery Van Doorm</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: ** */
		tooltips[50]=['images/denboer.png', '<center>Book Shop Den Boer</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: ** */
		tooltips[51]=['images/villa.jpg', '<center>Beautiful villas in Baarn</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: ** */
		tooltips[52]=['images/parking.jpg', '<center>Parking your car in Baarn,<br />still free of charge</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: ** */
		tooltips[53]=['images/PR-bord.jpg', '<center>Parking area near Railway Station in Baarn</center>', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: ** */
		tooltips[54]=['images/dominique.jpg', '<center>Dominique Rokebrand</center>designer of my cartoon character', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: ** */
		tooltips[55]=['images/littlegeorge.png', '<center>Help, I want to go home to my mummy', {background:'#9fa548', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

		/* **use: ** */
		tooltips[56]=['images/binnenhuisscheltinga.jpg', '<center>Binnenhuis Scheltinga, Furniture &amp; Design', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]

	/* **use: ** */
		tooltips[57]=['images/Royale-2011.png', '<center>Royale dressed in Royal Blue for the Royal State Visit 2011', {background:'#bf985b', font:'bold italic 11px verdana', color:'#000', border:'0px solid #bf985b'}]












		

	/* ******************************************************************************************* */
	/* ************************************* EINDE INVOEGEN ************************************** */
	/* ******************************************************************************************* */

		return tooltips
	}(),

	tooltipoffsets: [200, -150], // x en y offset vanaf muis cursor voor de tooltips
	
	
	/* ******************************************************************************************* */
	/* ****************************** HIERONDER NIETS MEER WIJZIGEN ****************************** */
	/* ******************************************************************************************* */
	
	tipprefix: 'tip', //tooltip ID 

	maaktip:function($, tipid, tipinfo){
		if ($('#'+tipid).length==0){ //indien deze tooltip niet bestaat
			return $('<div id="' + tipid + '" class="tooltip5" />').html(
				'<div style="text-align:center"><img src="' + tipinfo[0] + '" /></div>'
				+ ((tipinfo[1])? '<div style="text-align:left; margin-top:5px">'+tipinfo[1]+'</div>' : '')
				)
			.css(tipinfo[2] || {})
			.appendTo(document.body)
		}
		return null
	},

	plaatstip:function($, $tooltip, e){
		var x=e.pageX+this.tooltipoffsets[0], y=e.pageY+this.tooltipoffsets[1]
		var tipw=$tooltip.outerWidth(), tiph=$tooltip.outerHeight(), 
		x=(x+tipw>$(document).scrollLeft()+$(window).width())? x-tipw-(tooltip5.tooltipoffsets[0]*2) : x
		y=(y+tiph>$(document).scrollTop()+$(window).height())? $(document).scrollTop()+$(window).height()-tiph-10 : y
		$tooltip.css({left:x, top:y})
	},
	
	toontip:function($, $tooltip, e){
		$tooltip.show()
		this.plaatstip($, $tooltip, e)
	},

	verbergtip:function($, $tooltip){
		$tooltip.hide()
	},

	init:function(targetselector){
		jQuery(document).ready(function($){
			var tiparray=tooltip5.tiparray
			var $targets=$(targetselector)
			if ($targets.length==0)
				return
			var tipids=[]
			$targets.each(function(){
				var $target=$(this)
				$target.attr('rel').match(/\[(\d+)\]/) //vergelijk d met attribuut rel="tip[d]"
				var tipsuffix=parseInt(RegExp.$1) //haal d op als een integer getal
				var tipid=this._tipid=tooltip5.tipprefix+tipsuffix //maak de waarde van deze tip ID value en onthoud ze
				var $tooltip=tooltip5.maaktip($, tipid, tiparray[tipsuffix])
				$target.mouseenter(function(e){
					var $tooltip=$("#"+this._tipid)
					tooltip5.toontip($, $tooltip, e)
				})
				$target.mouseleave(function(e){
					var $tooltip=$("#"+this._tipid)
					tooltip5.verbergtip($, $tooltip)
				})
				$target.mousemove(function(e){
					var $tooltip=$("#"+this._tipid)
					tooltip5.plaatstip($, $tooltip, e)
				})
				if ($tooltip){ // indien niet reeds toegevoegd door event: muisover toevoegen aan tooltip 
					$tooltip.mouseenter(function(){
						tooltip5.verbergtip($, $(this))
					})
				}
			})

		}) 
	}
}

//tooltip5.init("targetElementSelector")
tooltip5.init("*[rel^=tip]")
