jQuery.preloadImages = function() {
  for(var i = 0; i<arguments.length; i++) {
  	jQuery("<img>").attr("src", arguments[i]);
  }
}

JQ(document).ready(function() {
	
	// Précharcher les images
	JQ("map.twinmap-areas area").each(function () {	
		var mapname = JQ(this).parent('map').name();
		var name = mapname.split('-')[1];
		if (name) {
			var orimg = JQ('#' + name);
			if (orimg.length > 0) {
				var href = JQ(this).href();
				var hash = href.substr(href.lastIndexOf('#') + 1);		
				var src = String(orimg.attr('src'));		
				src = src.substr(0,src.lastIndexOf('.')) + '-' + hash + '.gif';	
				var img = new Image();
				img.src = src;
			}
		}
	})

	JQ("map.twinmap-areas area").hover(function() { 
		var mapname = JQ(this).parent('map').name()
		var name = mapname.split('-')[1];
		if (!name) return null;
		var orimg = JQ('#' + name);
		if (orimg.length == 0) return null;	
		var imgname = name + '-overlay';
		var img = JQ('#' + imgname);
		
		if (img.length == 0) {
			orimg.after(
				'<img id="' + imgname + '" alt="" src="misc/spacer.gif" usemap="#' + mapname + '" height="' + orimg.attr('height') + '" width="' + orimg.attr('width') + '" style="position: absolute; left:0px; top: 0px;" name="' + imgname + '">'
			);
		} 

		var href = JQ(this).href();
		var hash = href.substr(href.lastIndexOf('#') + 1);		
		var src = String(orimg.attr('src'));		
		src = src.substr(0,src.lastIndexOf('.')) + '-' + hash + '.gif';
		img.attr('src',src);
	}, function () {
		var name = JQ(this).parent('map').name().split('-')[1];
		if (!name) return null;
		var img = JQ('#' + name + '-overlay');	
		if (img.length != 0) {
			img.attr('src','misc/spacer.gif');
		}
	})
});