// Archiavo JScript
    var gmarkers = [];
    var htmls = [];
    var to_htmls = [];
    var from_htmls = [];
    var i=0;

      // A function to create the marker and set up the event window
    function createMarker(point,name,html) {
        var mapsDomini = "cat";
        var Direccions = "Direccions";
        var dirSortida = "Direcció de Sortida";
        var dirArribada = "Direccio d\'Arribada";
        var fins = "Fins";
        var desde = "Desde";
        var ruta = "Obtenir Ruta";
        
         switch (idioma)
            {
                case 'uk':
                    mapsDomini = "com";
                    break;
                case 'es':
                    mapsDomini = "es";
                    Direccions = "Direcciones";
                    dirSortida = "Direccion de Salida";
                    dirArribada = "Direccion de llegada";
                    fins = "Hasta";
                    desde = "Desde";
                    ruta = "Obtener Ruta";
                    break;
            }
        
        var marker = new GMarker(point);
        
        // The info window version with the "to here" form open
        to_htmls[i] = html + '<br><div style=\'font-family:Arial; font-size:12px\'>' + Direccions + ': <b>' + fins + ' ' + name + '</b> - <a href="javascript:fromhere(' + i + ')">' + desde + ' ' + name + '</a>' +
           '<br><br>' + dirSortida + ':<form action="http://maps.google.' + mapsDomini + '/" method="get" target="_blank">' +
           '<input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br>' +
           '<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() + "(" + name + ")" + '"/><br>' +
           '<INPUT value="' + ruta + '" TYPE="SUBMIT"></div>' ;
           
        // The info window version with the "to here" form open
        from_htmls[i] = html + '<div style=\'font-family:Arial; font-size:12px\'><br>' + Direccions + ': <a href="javascript:tohere(' + i + ')">' + fins + ' ' + name + '</a> - <b>' + desde + ' ' + name + '</b>' +
           '<br><br>' + dirArribada + ':<form action="http://maps.google.' + mapsDomini + '/maps" method="get"" target="_blank">' +
           '<input type="text" SIZE=40 MAXLENGTH=40 name="daddr" id="daddr" value="" /><br>' +
           '<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() + "(" + name + ")" + '"/><br>' +
           '<INPUT value="' + ruta + '" TYPE="SUBMIT"></div>';
           
        // The inactive version of the direction info
        html = html + '<br>' + Direccions + ': <a href="javascript:tohere('+i+')">' + fins + ' ' + name + '</a> - <a href="javascript:fromhere('+i+')">' + desde + ' ' + name + '</a>';

        GEvent.addListener(marker, "click", function() {
              marker.openInfoWindowHtml(html);
            });
            gmarkers[i] = marker;
            htmls[i] = html;
            i++;
            return marker;
          }

      // functions that open the directions forms
      function tohere(i) {
        gmarkers[i].openInfoWindowHtml(to_htmls[i]);
      }
      function fromhere(i) {
        gmarkers[i].openInfoWindowHtml(from_htmls[i]);
      }

      // Display the map, with some controls and set the initial location 
      function loadMap() {
         if (document.getElementById("map") != null)
         {
              if (GBrowserIsCompatible()) {
        	  
	          var map = new GMap2(document.getElementById("map"));
              map.addControl(new GLargeMapControl());
              map.addControl(new GMapTypeControl());
              map.setCenter(new GLatLng( 42.177088,1.590958), 11);
            
              // Set up markers with info windows 
            
              var pointComa = new GLatLng( 42.177088,1.590958);
              var pointPedra = new GLatLng(42.160088,1.600058);
              var pointPort = new GLatLng(42.174088,1.555958);
              var markerComa = createMarker(pointComa,'La Coma','<h3 style=\'margin:0px; font-family:Arial; color:#B00506\'>La Coma</h3><div style=\'font-family:Arial; font-size:12px\'>')
              var markerPedra = createMarker(pointPedra,'La Pedra','<h3 style=\'margin:0px; font-family:Arial; color:#B00506\'>La Pedra</h3><div style=\'font-family:Arial; font-size:12px\'>')
              var markerPort = createMarker(pointPort,'Port del Comte','<h3 style=\'margin:0px; font-family:Arial; color:#B00506\'>Port del Comte</h3><div style=\'font-family:Arial; font-size:12px\'>')
              map.addOverlay(markerComa);
	          map.addOverlay(markerPedra);
	          map.addOverlay(markerPort);
          
	    }
              
	  }
}

function PreloadImages(imagesString)
{
	var imagesPaths = imagesString.split(",");
	var images = new Array();
	for(var i = 0; i < imagesPaths.length; i++)
	{
		var image = new Image();
		image.src = imagesPaths[i];
		images[images.length] = image;
	}
	
}
function LLetraAumentar()
{
    
    var text_obj = document.getElementById("TextAmpliable");
    var tamany_text = parseInt(text_obj.style.fontSize);
    if (tamany_text < 15)
    {
       tamany_text = parseInt(text_obj.style.fontSize) + 2;
       text_obj.style.fontSize = tamany_text + "px";         
    }
}
 function LLetraDisminuir()
{
    var text_obj = document.getElementById("TextAmpliable");
    var tamany_text = parseInt(text_obj.style.fontSize);
    if (tamany_text > 11)
    {
        tamany_text = parseInt(text_obj.style.fontSize) - 2;
        text_obj.style.fontSize = tamany_text + "px";
        
    }
}
function ImatgeObrir(id,tipus,idioma)
{
	var ample_finestra = 669;
	if (tipus == "v")
	    ample_finestra = 385;
	    
	var wn = window.open("GaleriaFicha.aspx?id=" + id + "&idioma=" + idioma, "GaleriaFicha", "channelmode=no, directories=no, menubar=no, titlebar=no, scrollbars=0, status=no, toolbar=no, resizable=no, top=5, left=5, width=" + ample_finestra + ", height=600");
	wn.focus();
}
function FixaData()
{
    document.getElementById("Data").innerHTML = data_nova;
}

function PestanaCambiarOn(ImgObj)
{   
    if (seleccio == ImgObj.id)
        return;
    document.getElementById(ImgObj.id).style.cursor = 'pointer';
    document.getElementById(ImgObj.id + 'Text').className = 'MenuTextOn';
     ImgObj.style.backgroundImage= "url(../_img/Menu" + ImgObj.id + "On.jpg)";
}
function PestanaCambiarOff(ImgObj)
{
    if (seleccio == ImgObj.id)
        return;        
    
    document.getElementById(ImgObj.id + 'Text').className = 'MenuTextOff';
      ImgObj.style.backgroundImage= "url(../_img/Menu" + ImgObj.id + "Off.jpg)";
}
function SubMenuCambiarOn(Obj)
{               
    if (subseleccio == Obj.id)
        return;
    
    document.getElementById(Obj.id).style.cursor = 'pointer';
    document.getElementById(Obj.id + 'Text').className = 'SubMenuTextOn';
    Obj.style.backgroundColor= "#79700C";
   
}
function SubMenuCambiarOff(Obj)
{
    if (subseleccio == Obj.id)
        return;
    
    document.getElementById(Obj.id + 'Text').className = 'SubMenuTextOff';
    Obj.style.backgroundColor= "#DAD9BA";
    
}
function LogoCambiarOn(ImgObj)
{   
    ImgObj.src = "../_img/" + ImgObj.id + "On.gif";
    if(navegador == "Altres")
    {
        if(ImgObj.id == "LogoStar")
            document.getElementById("LogoStar").title = " (Cntr + D)"; //FALTA ACTUALITZAR
    }
}
function LogoCambiarOff(ImgObj)
{   
    ImgObj.src = "../_img/" + ImgObj.id + "Off.gif";
}