var width = 512;
var height = 500;
var image_width = 4524;
var image_height = 2524;

var margin_y = height - image_height/image_width*width;
var delta_lat = 180;
var delta_lng = 90;

var tilesize = 256;
var lock=false;

var image_colors = {
    'orange' : '#E29104',
    'vert': '#2AA330',
    'bleu': '#014594'
};


var my_icon = new GIcon(G_DEFAULT_ICON);

my_icon.iconSize = new GSize(15,15);
my_icon.iconAnchor = new GPoint(8, 8);
my_icon.shadow = "";

var image_points = [
		    ['Javel-Bas - Parc André Citroën Aval', 64.29165720785821, -92.021484375 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/javel-bas-parc-andre-citroen'],
['Javel-Bas - Parc André Citroën Amont',65.11777850658116, -90.263671875  ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/javel-bas-parc-andre-citroen'],
['Passy - Maison de la radio', 72.10724552718173, -80.244140625 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/maison-de-radio'],
['Grenelle', 72.63949397249112, -72.685546875 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/grenelle'],
['Grenelle', 73.05421481494305, -71.103515625 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/grenelle'],
['Grenelle', 73.55910702237522, -69.697265625 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/grenelle'],
['Ile-aux-cygnes',74.61888576136592, -68.818359375  ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/ile-aux-cygnes'],
['La Bourdonnais - Tour Eiffel', 77.06370779625374, -60.556640625 ,'bleu', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/trocadero-debilly'],
['Debilly Trocadero', 77.67849937927903, -61.083984375 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/ile-aux-cygnes'],
['Debilly Trocadero', 78.01158540791275, -59.677734375 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/ile-aux-cygnes'],
['La Bourdonnais - Musée du Quai Branly', 78.19278329010827, -54.404296875 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/musee-quai-branly-bourdonnais'],
['Champs-Élysées', 79.12555546808876, -27.685546875 ,'bleu', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/champs-elysees'],
['Solferino - Musée d\'Orsay', 77.82764811343401, -12.919921875 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/solferino-musee-dorsay'],
['Solferino - Musée d\'Orsay', 77.64093191586252, -10.810546875 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/solferino-musee-dorsay'],
['Solferino - Musée d\'Orsay', 77.41314801475698, -9.052734375 ,'bleu', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/solferino-musee-dorsay'],
['Louvre',77.22017685789297, -2.548828125  ,'bleu', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/-louvre'],
['Malaquais - Saint-Père - Saint-Germain-des-Prés', 76.46000570219543, 0.087890625 ,'bleu', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/saints-peres-saint-germain-pres'],
['Notre Dame - Saint-Michel', 74.04935940066932, 15.908203125 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/saint-michel'],
['Montebello - Notre-Dame', 72.37531504109882, 24.345703125 ,'bleu', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/montebello-notre-dame'],
['La Tournelle',71.9445149979021, 28.388671875 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/-tournelle-notre-dame'],
['Hôtel de Ville',73.85499013027356, 30.673828125 ,'bleu', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/hotel-de-ville'],
['Henri IV', 70.29603235237349, 41.572265625 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/henri-iv'],
['Saint-Bernard - Jardin des plantes', 69.32556184466686, 40.869140625 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/jardin-plantes'],
['Saint-Bernard - Jardin des plantes', 68.69597280530054, 42.099609375,'bleu', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/jardin-plantes'],
['Gare d\'Austerlitz', 63.907752120560694, 52.822265625 ,'orange', ''],
['Gare d\'Austerlitz', 63.04433717013939, 54.404296875,'vert', ''],
['La Gare - Bibliothèque francois Miterrand', 56.13249080049441, 65.654296875 ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/-gare-bibliotheque-nationale-de-france'],
['La Gare - Bibliothèque francois Miterrand', 54.73646207379949, 66.884765625,'vert', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/-gare-bibliotheque-nationale-de-france'],
['Parc de Bercy',56.81210588746822, 68.115234375  ,'orange', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/bercy'],
['Parc de Bercy',55.83749116024753, 69.345703125 ,'vert', '/tourisme/escales-fluviales/escales-fluviales-parisiennes/bercy'],
['Ivry - Pont Mandella', 35.405767283594884, 91.845703125,'vert', '']
];

function placer_point(nom, lat, lng, pointeur, lien){
    var icon = new GIcon(my_icon);
    icon.image = '/sites/all/modules/gmap_image/' + pointeur + '.png';
   
    var marker = new GMarker(new GLatLng(lat, lng), icon);
    map.addOverlay(marker);
    
    GEvent.addListener(marker, "click", function() {
	    html = "<h3>" + nom + "</h3>";
	    html = html + "<a href='" + lien + "'>Afficher cette escale</a>";
	    if($("#map_infos").css('display') == "none"){		
		//$("#map_infos").width($("#map_infos_inner").width()+ 40);
		$("#map_infos_inner").removeClass('orange bleu vert');
		$("#map_infos").removeClass('orange bleu vert');
		$("#map_infos_inner").addClass(pointeur).html(html);
		$("#map_infos").width('auto').fadeIn(500).addClass(pointeur).width($("#map_infos").width());
	    }
	    else{
		$("#map_infos_inner").fadeOut(500, function(){
			$("#map_infos_inner").html(html);			
			
			$("#map_infos").animate({
				'background-color': image_colors[pointeur],
				    'width': $("#map_infos_inner").width() + 40 }, function(){
					$("#map_infos").removeClass('orange bleu vert').addClass(pointeur);
					$("#map_infos_inner").removeClass('orange bleu vert').addClass(pointeur);		
					$("#map_infos_inner").fadeIn(500);	
				});
		    });
	    }
	});
}




function CustomGetTileUrl(a,b) {
    
    var z = 17 - b;
    var f = "/gmap_image/"+width+"/"+height+"/"+a.x+"/"+a.y+"/"+z;
    return f;
}

function gmap_image_initialize() {
    $("#map_infos").hide();
    $('#masquer_map').click(function(){$("#map_infos").fadeOut(500); return false;});
    function checkBounds() {
	if(lock){
            return;
	}
	
	var center = new GLatLng(45,59);
	latlng = map.getBounds();
	var zoom = map.getZoom();
	var currentProjection = new GMercatorProjection(12);
	map_center = currentProjection.fromLatLngToPixel(map.getCenter() , zoom);
	zoom = Math.pow(2,map.getZoom()-1);
	if(map.getZoom() == 1){
            if(map.getCenter().lat() != center.lat() || map.getCenter().lng() != center.lng()){
		map.setCenter(center, 1);    
            } 	       
	    else{
		return;
            }
	}
	else{
	    _x = map_center.x;
	    _y = map_center.y;
	    max_y = zoom*height - zoom*margin_y - height/2;
	     
	    if( _x < width/2 && _x > 100){
		lock = true; 
		_x = width/2;
               
	    }
	    if( _x < width/2 && _x < 100 || _x > (2*zoom-1)/2*width){
		lock = true; 
		_x = (2*zoom-1)/2*width;
               
	    }
	      
	    if( _y < height/2 && _y > 100){
		lock = true; 
		_y = height/2;
               
	    }
	      
	    if( (_y < height/2 && _y < 100) || (_y >  max_y)){
		lock = true; 
		_y =  max_y;
               
	    }
	    if(lock){
		map.setCenter(currentProjection.fromPixelToLatLng(new GPoint(_x, _y), map.getZoom()));
		lock = false;       
	    }
	}
          
    }
	
    if (GBrowserIsCompatible()) {
	var copyright = new GCopyright(1,
				       new GLatLngBounds(new GLatLng(-delta_lat, -delta_lng), 
							 new GLatLng(delta_lat, delta_lng)),
				       0,
				       "©2009 WebsiteBuro");
        var copyrightCollection = new GCopyrightCollection('WSB');
        copyrightCollection.addCopyright(copyright);
	
        var tilelayers = [new GTileLayer(copyrightCollection , 1, 3)];
        tilelayers[0].getTileUrl = CustomGetTileUrl;
    
        projection = new GMercatorProjection(12);
        projection.tileCheckRange = function(a,b,c){     
	    if (a.y<-1||a.y>=height*Math.pow(2,b-1)/c) { 
		return false; 
	    } 

	    if(a.x<-1||a.x>=width*Math.pow(2,b-1)/c){ 
		return false; 
	    } 
	    return true 
	} 
    
        var custommap = new GMapType(tilelayers, projection, "WSB", {'tileSize':tilesize, errorMessage:"No data available"});
        map = new GMap2(document.getElementById('map_canvas_image'), {'mapTypes':[custommap], 'backgroundColor':'#000000'});        
       	map.addControl(new GLargeMapControl()); 
	map.setMapType(custommap);
        
	map.setCenter(new GLatLng(64.41465661400224, -10.08203125), 2);  
	GEvent.addListener(map, "move", function() {
		checkBounds();
	    });


	for(i=0;i<image_points.length;i++){
	    placer_point(image_points[i][0], image_points[i][1], image_points[i][2], image_points[i][3], image_points[i][4]);
	}

    }
}
$(document).ready(gmap_image_initialize);