var Map = Class.create({

	last_mouse_over_element: null,
	all_elements: null,
	last_mouse_over_elementPopin: null,
	all_elementsPopin: null,

	initialize: function()
	{
		this.all_elements = $$('#idmap a');

		if(this.all_elements.length > 0) {
			this.all_elements.invoke('observe', 'mouseover', this.mouseover.bindAsEventListener(this));
			this.all_elements.pluck('title').collect(function(id){return $('contact_'+id+'_info');}).invoke('hide');

			this.mouseover(this.all_elements[1]);
		}

		this.all_elementsPopin = $$('#idmap_popin a');
		if(this.all_elementsPopin.length > 0) {
			this.all_elementsPopin.invoke('observe', 'mouseover', this.mouseover_popin.bindAsEventListener(this));
			this.all_elementsPopin.pluck('title').collect(function(id){return $('contact_'+id+'_info_popin');}).invoke('hide');

			this.mouseover_popin(this.all_elementsPopin[1]);
		}
	},

	mouseover: function(e)
	{
	    var a = Object.isElement(e) ? e : Event.element(e);
		if(this.last_mouse_over_element == a) return;
		var els = [];

		if(this.last_mouse_over_element != null) {
			els.push($('contact_' + this.last_mouse_over_element.readAttribute('title') + '_info'));
			this.last_mouse_over_element.removeClassName('over');
		}
		a.addClassName('over');
		els.push($('contact_' + a.readAttribute('title') + '_info'));
		this.last_mouse_over_element = a;
		$A(els).invoke('toggle');
	},

	mouseover_popin: function(e)
	{
	    var a = Object.isElement(e) ? e : Event.element(e);
		if(this.last_mouse_over_elementPopin == a) return;
		var els = [];

		if(this.last_mouse_over_elementPopin != null) {
			els.push($('contact_' + this.last_mouse_over_elementPopin.readAttribute('title') + '_info_popin'));
			this.last_mouse_over_elementPopin.removeClassName('over');
		}
		a.addClassName('over');
		els.push($('contact_' + a.readAttribute('title') + '_info_popin'));
		this.last_mouse_over_elementPopin = a;
		$A(els).invoke('toggle');
	}
});


document.observe('dom:loaded', function()  {
	new Map();

	if ($$('a.btGMAP'))
		{
			$$('a.btGMAP').each(function (elem) {
				elem.observe('click', function(evt) {
					open_googlemap (elem.readAttribute('rel'));
				});
			});
		}
});




function open_googlemap (agence) {

	var src = "http://maps.google.fr/maps?f=q&source=s_q&hl=fr&geocode=&q=34+rue+Nicolas+Leblanc+59000+Lille&sll=47.15984,2.988281&sspn=18.50271,38.056641&ie=UTF8&s=AARTsJpuxiV3A5eezCdTl-XIV2oED8-YXQ&ll=50.637704,3.065529&spn=0.019052,0.036478&z=14&iwloc=addr&output=embed";

	var src = '';
	var lien = '';

	switch (agence) {
		case 'dunkerque':
			src = 'http://maps.google.fr/maps?f=q&source=s_q&hl=fr&geocode=&q=30+place+Jean+Bart+59140+Dunkerque&sll=50.614658,3.048213&sspn=0.008428,0.018582&g=8+rue+faubourg+des+Postes+59000+Lille&ie=UTF8&z=14&iwloc=addr&ll=51.042365,2.381887&output=embed&s=AARTsJonupWSsj5_giFZb2OYG31jdV3Hfg';
			lien = 'http://maps.google.fr/maps?f=q&source=embed&hl=fr&geocode=&q=30+place+Jean+Bart+59140+Dunkerque&sll=50.614658,3.048213&sspn=0.008428,0.018582&g=8+rue+faubourg+des+Postes+59000+Lille&ie=UTF8&z=14&iwloc=addr&ll=51.042365,2.381887';
			break;
		case 'lille1':
			src = 'http://maps.google.fr/maps?f=q&source=s_q&hl=fr&geocode=&q=34+rue+Nicolas+Leblanc+59000+Lille&sll=47.15984,2.988281&sspn=18.50271,38.056641&ie=UTF8&s=AARTsJpuxiV3A5eezCdTl-XIV2oED8-YXQ&ll=50.637704,3.065529&spn=0.019052,0.036478&z=14&iwloc=addr&output=embed';
			lien = 'http://maps.google.fr/maps?f=q&source=embed&hl=fr&geocode=&q=34+rue+Nicolas+Leblanc+59000+Lille&sll=47.15984,2.988281&sspn=18.50271,38.056641&ie=UTF8&ll=50.637704,3.065529&spn=0.019052,0.036478&z=14&iwloc=addr';
			break;
		case 'lille2':
			src = 'http://maps.google.fr/maps?f=q&source=s_q&hl=fr&geocode=&q=8+rue+faubourg+des+Postes+59000+Lille&sll=50.62468,3.092092&sspn=0.129593,0.297318&ie=UTF8&ll=50.62235,3.052397&spn=0.008428,0.018582&z=14&iwloc=addr&output=embed&s=AARTsJqj95NidjX66DHqzaAJtCzTZJldJQ';
			lien = 'http://maps.google.fr/maps?f=q&source=embed&hl=fr&geocode=&q=8+rue+faubourg+des+Postes+59000+Lille&sll=50.62468,3.092092&sspn=0.129593,0.297318&ie=UTF8&ll=50.62235,3.052397&spn=0.008428,0.018582&z=14&iwloc=addr" style="color:#0000FF;text-align:left';
			break;
		case 'bethune':
			src = 'http://maps.google.fr/maps?f=q&source=s_q&hl=fr&geocode=&q=27+rue+des+Treilles+62400+B%C3%A9thune+&sll=50.947285,1.851002&sspn=0.008368,0.018582&g=17+boulevard+Gambetta+62100+Calais&ie=UTF8&z=14&iwloc=addr&ll=50.537981,2.641869&output=embed&s=AARTsJpHveNyNlXo8oTK6nCfYptWlBNjWg';
			lien = 'http://maps.google.fr/maps?f=q&source=embed&hl=fr&geocode=&q=27+rue+des+Treilles+62400+B%C3%A9thune+&sll=50.947285,1.851002&sspn=0.008368,0.018582&g=17+boulevard+Gambetta+62100+Calais&ie=UTF8&z=14&iwloc=addr&ll=50.537981,2.641869';
			break;
		case 'calais':
			src = 'http://maps.google.fr/maps?f=q&source=s_q&hl=fr&geocode=&q=17+boulevard+Gambetta+62100+Calais+&sll=51.034923,2.377715&sspn=0.008353,0.018582&g=30+place+Jean+Bart+59140+Dunkerque&ie=UTF8&z=14&iwloc=addr&ll=50.95475,1.85523&output=embed&s=AARTsJrFX9v_0a-TxtzZ6LCTtdqSgvc77w';
			lien = 'http://maps.google.fr/maps?f=q&source=embed&hl=fr&geocode=&q=17+boulevard+Gambetta+62100+Calais+&sll=51.034923,2.377715&sspn=0.008353,0.018582&g=30+place+Jean+Bart+59140+Dunkerque&ie=UTF8&z=14&iwloc=addr&ll=50.95475,1.85523';
			break;
		case 'lens':
			src = 'http://maps.google.fr/maps?f=q&source=s_q&hl=fr&geocode=&q=38+boulevard+Basly+62300+Lens+&sll=50.530453,2.637698&sspn=0.008443,0.018582&ie=UTF8&z=14&iwloc=addr&ll=50.437336,2.83164&output=embed&s=AARTsJp0wck3_AnRyT3v2h0qC46JYiRmog';
			lien = 'http://maps.google.fr/maps?f=q&source=embed&hl=fr&geocode=&q=38+boulevard+Basly+62300+Lens+&sll=50.530453,2.637698&sspn=0.008443,0.018582&ie=UTF8&z=14&iwloc=addr&ll=50.437336,2.83164';
			break;
		case 'arras':
			src = 'http://maps.google.fr/maps?f=q&source=s_q&hl=fr&geocode=&q=2+place+du+Th%C3%A9%C3%A2tre+62000+Arras+&sll=50.429806,2.827462&sspn=0.008461,0.018582&g=38+boulevard+Basly+62300+Lens&ie=UTF8&z=14&iwloc=addr&ll=50.298167,2.777996&output=embed&s=AARTsJpASD4BNVwKNf26vtGNRevRFUUsmg';
			lien = 'http://maps.google.fr/maps?f=q&source=embed&hl=fr&geocode=&q=2+place+du+Th%C3%A9%C3%A2tre+62000+Arras+&sll=50.429806,2.827462&sspn=0.008461,0.018582&g=38+boulevard+Basly+62300+Lens&ie=UTF8&z=14&iwloc=addr&ll=50.298167,2.777996';
			break;
		case 'amiens':
			src = 'http://maps.google.fr/maps?f=q&source=s_q&hl=fr&geocode=&q=place%2BA%2BFiquet%2B80000%2BAmiens&sll=49.890474,2.307558&sspn=0.007728,0.022745&g=place%2BAlphonse%2BFiquet%2B80000%2BAmiens&ie=UTF8&ll=49.897233,2.311764&spn=0.007728,0.030899&z=14&iwloc=addr&output=embed&s=AARTsJqFMLnKhqq2cp88cVxL4c_orWpDrA';
			lien = 'http://maps.google.fr/maps?f=q&source=embed&hl=fr&geocode=&q=place%2BA%2BFiquet%2B80000%2BAmiens&sll=49.890474,2.307558&sspn=0.007728,0.022745&g=place%2BAlphonse%2BFiquet%2B80000%2BAmiens&ie=UTF8&ll=49.897233,2.311764&spn=0.007728,0.030899&z=14&iwloc=addr';
			break;
		case 'beauvais':
			src = 'http://maps.google.fr/maps?f=q&source=s_q&hl=fr&geocode=&q=8+rue+Desgroux+60000+Beauvais+&sll=49.890135,2.307154&sspn=0.008557,0.018582&g=4+place+A+Fiquet+80000+Amiens&ie=UTF8&z=14&iwloc=addr&ll=49.437101,2.084742&output=embed&s=AARTsJqniwLwEMV0QxoWfA0xywTJ3oGjJg';
			lien = 'http://maps.google.fr/maps?f=q&source=embed&hl=fr&geocode=&q=8+rue+Desgroux+60000+Beauvais+&sll=49.890135,2.307154&sspn=0.008557,0.018582&g=4+place+A+Fiquet+80000+Amiens&ie=UTF8&z=14&iwloc=addr&ll=49.437101,2.084742';
			break;
	}

	if (src != '' && lien != '') {
		var gmPopup = window.open("", 'GMPOPUP', 'directories=no, location=no, menubar=no, resizable=no, scrollbars=no, status=no, toolbar=no, width=425, height=375');
		gmPopup.document.body.innerHTML = '';
		gmPopup.document.write (getGMpopup (src, lien));
	}

}

function getGMpopup (src, lien) {
	var html = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Creatis</title><style type="text/css">body {margin:0;padding:0</style></head>';

	html += '<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="' + src + '"></iframe><br /><small><a href="' + lien + '" style="color:#0000FF;text-align:left">Agrandir le plan</a></small>';

	html += '<body></body></html>';

	return html;
}