//////////
  if (GBrowserIsCompatible()){
		
		function createMarker(point,html,icon,windowopen) {
            var marker = new GMarker(point,icon);
            GEvent.addListener(marker, "mouseover", function() {
      	         marker.openInfoWindowHtml(html);
	  		});
	  		
            if(windowopen == true) {
                marker.openInfoWindowHtml(html);                
            } 

            return marker;
        }
        
		// NL lat long
		var lat = 51.944917;
		var llong = 6.284576;
		var latUK = 52.673051;
		var llongUK = -2.120361;
		var latFR = 52.281986;
		var llongFR = 4.838616;
		var logoNL = '/images/site/gmaps/logo-nl.jpg';
		var logoUK = '/images/site/gmaps/logo-uk.jpg';
		var logoFR = '/images/site/gmaps/logo-fr.jpg';	
		var linkNL = 'http://maps.google.com/maps?f=q&source=s_q&hl=nl&geocode=&q=Expeditieweg+6+7007+CM+Doetinchem&sll=51.989188,6.581626&sspn=0.01032,0.027874&ie=UTF8&hq=&hnear=Expeditieweg,+7007+Doetinchem,+Gelderland,+Nederland&ll=51.944688,6.284566&spn=0.010661,0.027874&t=h&z=16&iwloc=A';
		var linkUK = 'http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=Uk+etna+wolverhampton&sll=37.09024,-95.712891&sspn=48.019527,114.169922&ie=UTF8&t=h&ll=52.675458,-2.117679&spn=0.009042,0.027874&z=16&iwloc=A';
		var linkFR = 'http://maps.google.com/maps?f=q&source=s_q&hl=nl&geocode=&q=pletterij+9,+1185+ZK+AMSTELVEEN&sll=37.0625,-95.677068&sspn=53.477264,114.169922&ie=UTF8&hq=&hnear=Pletterij+9,+1185+Amstelveen,+Noord-Holland,+Nederland&t=h&z=16&iwloc=A';
			
		var activecolor = '#D6A972';
		
		//icon info
		var baseIcon = new GIcon();
		baseIcon.iconSize = new GSize(121, 44);
		baseIcon.shadowSize = new GSize(121, 44);
		baseIcon.iconAnchor = new GPoint(60, 22);
		baseIcon.infoWindowAnchor = new GPoint(0, 0);
		
		//icon locations
		var iconNL = new GIcon(baseIcon, logoNL, null, logoNL); 
		var iconUK = new GIcon(baseIcon, logoUK, null, logoUK); 
		var iconFR = new GIcon(baseIcon, logoFR, null, logoFR); 
		var pointNL = new GLatLng(lat , llong); 
		var pointUK = new GLatLng(latUK , llongUK);	
		var pointFR = new GLatLng(latFR , llongFR);	

		//html text
		var htmlinfoNL = "<div style='width:205px; height:120px; color:#000;'><span class=\"tt\">NL - ETNA Coffee Technologies b.v.</span>";
		htmlinfoNL += "<p>Expeditieweg 6<br />7007 CM Doetinchem<br />P. +31 (0)314 - 442 442<br />F. +31 (0)314 - 442 400<br /></p><br /><br />";
		htmlinfoNL += "<a target=\"_blank\" class=\"glink\" href=\""+linkNL+"\">Click here to open googlemaps</a></div>";
	    
	    var htmlinfoUK = "<div style='width:205px; height:120px; color:#000;'><span class=\"tt\">UK - Etna Group BV</span>";
		htmlinfoUK += "<p>Unit 30, Calibre Ind. Park <br />Laches close, Off Enterprise Drive, Four Ashes, Wolverhampton<br />Tel. +44 [0] 1902 - 79 86 06 </p><br /><br />";
		htmlinfoUK += "<a target=\"_blank\" class=\"glink\" href=\""+linkUK+"\">Click here to open googlemaps</a></div>";
		
		var htmlinfoFR = "<div style='width:205px; height:120px; color:#000;'><span class=\"tt\">FR - Etna Group BV</span>";
		htmlinfoFR += "<p>Pletterij 9<br />NL - 1185 ZK AMSTELVEEN <br />Tel. +31 [0] 20 - 616 36 32</p><br /><br />";
		htmlinfoFR += "<a target=\"_blank\" class=\"glink\" href=\""+linkFR+"\">Click here to open googlemaps</a></div>";		
	    var htmlinfo = htmlinfoNL;	
		
		//make a new map
		var map;
 	    map = new GMap2(document.getElementById('map'));
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(lat, llong), 17);
		map.setMapType(G_HYBRID_MAP);
	
		// create and add 
		var marker = createMarker(pointNL,htmlinfoNL,iconNL,true);
		map.addOverlay(marker);					
		
		var marker = createMarker(pointUK,htmlinfoUK,iconUK,false);
		map.addOverlay(marker);
		var markerUK = marker
		
		var marker = createMarker(pointFR,htmlinfoFR,iconFR,false);
		map.addOverlay(marker);
		var markerFR = marker;
		
		// reload function
		function reloadMap(country) {
		    var htmlinfo2; 
			disableAllLinks();
			if(country == 'NL') {
				// NL lat long
				lat = 51.944917;
				llong = 6.284576;
				logo = '/images/site/gmaps/logo-nl.jpg';
				$('#link-nl').css("background-color", activecolor);
				htmlinfo2 = htmlinfoNL;
			} else if(country == 'UK') {
				lat = 52.673051;
				llong = -2.120361;
				logo = '/images/site/gmaps/logo-nl.jpg';
				$('#link-uk').css("background-color", activecolor);					
				htmlinfo2 = htmlinfoUK;				
			} else if(country == 'FR') {
				lat = 52.281986;
				llong = 4.838616;
				logo = '/images/site/gmaps/logo-fr.jpg';
				$('#link-fr').css("background-color", activecolor);	
				htmlinfo2 = htmlinfoFR;				
			}
			
			//var point2 = new GLatLng(lat , llong);
			//var icon2 = new GIcon(baseIcon, logo, null, logo);
			//var marker2 = new GMarker(point2,icon2);
    		//marker2.openInfoWindowHtml(htmlinfo2);
  //  		map.addOverlay(marker);
		//	var marker2 = createAndAddMarker(point2,"<div>hmt</div>",icon2);
			// GEvent.addListener(newmarker, "click", function() {
      	    //newmarker.openInfoWindowHtml("htmlinfo2");
	  		// });
			map.setCenter(new GLatLng(lat, llong), 17);
		//	map.addOverlay(marker2);	
		}
  }

	function disableAllLinks() {
		$('#link-nl').css("background", "none");
		$('#link-uk').css("background", "none");			
		$('#link-fr').css("background", "none");
	}
////////////
function shuffle( inputArr ) {
	var valArr = [];
	var k = '', i = 0;
        
	for (k in inputArr) { // Get key and value arrays
		valArr.push(inputArr[k]);
		delete inputArr[k];
	}
	valArr.sort(function() {return 0.5 - Math.random();});
        
	for (i = 0; i < valArr.length; i++) { // Repopulate the old array
		inputArr[i] = valArr[i];
	}              
	return true;
}	

$(function() {
	$.getJSON("/search/keywords?language=EN", function(data){
		var tags = new Array();
		var i = 0;
		var highest = 0;
		var lowest = 0;

		$.each(data, function(tag, item){
			tags[i] = tag;
			if (parseInt(item) > parseInt(highest)) highest = item;
			if (parseInt(lowest) == 0) lowest = item;
			else if (parseInt(item) < parseInt(lowest)) lowest = item;
			i++;
		});

		highest = highest - lowest;

		$.each(data, function(tag,item) {
			data[tag] = Math.round(((item - lowest) / highest) * 4) + 1;
		});

		// slice the best 20 
		tags = tags.slice(tags.length - 20);
		shuffle(tags);
		$.each(tags, function(i,item){		
			$("<span class='tag" + data[item] + "'><a href='/search?query=" + item + "'>" + item + "</a> </span>").appendTo("#cloud");
		});

		var cloudhtml = $('#cloud').html();
		$('#cloud2').html(cloudhtml);
	});
});


////////////
$(function()
{
	$('.scroll-pane').jScrollPane({scrollbarWidth: 8, arrowSize: 16});
});

Cufon.replace('h1', {
	textShadow: '#000 1px 1px'			
});
Cufon.replace('h2', {
	textShadow: '#000 1px 1px'			
});		
Cufon.replace('h3', {
	textShadow: '#000 1px 1px'			
});
Cufon.replace('a.menu',{
	hover: true
});
Cufon.replace('a.menuselected');
Cufon.replace('a.menusubselected');		
Cufon.replace('span.title');		
Cufon.replace('span.title2');
Cufon.replace('a.title2');						
Cufon.replace('a.footerbutton');			
Cufon.replace('span.titleproducts');	
Cufon.replace('span.title3');						
Cufon.replace('span.noprods');

Cufon.now();		

//////////////////
//
// functionality to open rel external links in a new window
// this is for documenttype strict where you can't use target blank
//
 function externalLinks() { 
  var anchors = document.getElementsByTagName("a");
  anchors = $("a");
  for (var i=0; i<anchors.length; i++) {
    var anchor = anchors[i];
    // check if external
    if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external"){
        anchor.target = "_blank";
    }
  }
}

window.onload = function() {
  //setFooter();
  externalLinks(); 
}
window.onresize = function() {
  //setFooter();
}