/**
 * @author Eduardo Acevedo Farje.
 * @link www.eduardoaf.com
 * @version 1.0.4
 * @name Javascript class for GoogleMaps3  
 * @uses google_maps_3.php, jquery v1.7+
 */
var bug = function(value,title)
{
    if(window.console != undefined)
    {    
        if(title!=null) console.debug(title);
        console.debug(value);
    }
};

var gmaps3 =
{
    config : 
    {
        sMapType : 'roadmap',
        sIdDivContainer : 'map_canvas', //Div contenedor
        iZoom : 6,
        fLatitude : 40.41694, //Puerta del sol (Madrid).
        fLongitude : -3.70361,
        arMarkers : [],
        useMarkersNumbers : true,
        drawLines : false,
        iWidth : 800,
        iHeight: 600,
        sUnitWH : 'px'
    },
    
    //arLocations: [sTitle, sContent, fLatitude, fLongitude],..[]
    draw_markers : function(arMarkers)
    {
        var arTmpMarker;
        var oLatLng;
        var sTitle;
        var sContent;
        var iMarkerNumber;
        var iCoordZ;
        
        for(var i = 0; i < arMarkers.length; i++) 
        {
            arTmpMarker = arMarkers[i];
            sTitle = arTmpMarker[0];
            sContent = arTmpMarker[1];
            oLatLng = new google.maps.LatLng(arTmpMarker[2], arTmpMarker[3]);
            iMarkerNumber = i+1;
            iCoordZ = i+1;
            //bug(oLatLng,"oLatLng");
            //iIconNumber = arTmpLocation[5];
            this.draw_marker(sTitle, sContent, oLatLng, iMarkerNumber, iCoordZ);
        }
    },
    
    //https://developers.google.com/maps/documentation/javascript/overlays#Markers
    draw_marker : function(sTitle, sContent, oLatLng, iNumber, iCoordZ, 
    oMiImage,oMiShadow,oMiIcon,oShape)
    {
        var sIconUrl = 'http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=';
        var sEndIconUrl = '|FE6256|000000';
        var oInfoWindow = null;
       
        var oMarker = new google.maps.Marker
        (
            {
                map: this.oMap,
                title: sTitle,
                position: oLatLng,
                zIndex: iCoordZ,
                image: oMiImage, //oMarkerImage
                shadow: oMiShadow, //oMarkerImage
                icon: oMiIcon, //oMarkerImage
                shape: oShape // coord: [1, 1, 1, 20, 18, 20, 18 , 1], type: 'poly'
            }
        );
        
        if(oMiIcon==null && iNumber!='' && gmaps3.config.useMarkersNumbers)
            oMarker.icon = sIconUrl + iCoordZ + sEndIconUrl;
        
        if(sContent!=null && jQuery.trim(sContent)!='')
        {
            oInfoWindow = new google.maps.InfoWindow
            (
                { content: sContent }
            );
            
            var on_click = function()
            {
                oInfoWindow.open(gmaps3.oMap,oMarker);
            }
            google.maps.event.addListener(oMarker,'click',on_click);
        }
        //bug(oMarker,"oMarker");
    },
    
    draw_lines : function(arLatLong)
    {
        var arObjectsLl = [];
        var fLat = 0;
        var fLong = 0;
        var arTmpLatLong = [];
        var oTmpLatLng = null;
        for(var i = 0; i < arLatLong.length; i++) 
        {
            arTmpLatLong = arLatLong[i];
            fLat = arTmpLatLong[0];
            fLong = arTmpLatLong[1];
            
            oTmpLatLng = new google.maps.LatLng(fLat, fLong);
            arObjectsLl.push(oTmpLatLng);
        }
        //bug(arObjectsLl,"arObjectsLi");
        var oPolyLine = new google.maps.Polyline
        (
            {
                path: arObjectsLl,
                strokeColor: "#FF0000",
                strokeOpacity: 1.0,
                strokeWeight: 2
            }
        );

        oPolyLine.setMap(gmaps3.oMap);
    },
    
    get_maptype : function(sType)
    {
        var oMapTypeId = null;
        var sType = sType || this.config.sMapType;
        sType = sType.toLowerCase();
        if(sType=="roadmap")
        {
            oMapTypeId = google.maps.MapTypeId.ROADMAP;
        }
        else if(sType=="satelite")
        {
            oMapTypeId = google.maps.MapTypeId.SATELITE;
        }
        else if(sType=="hybrid")
        {
            oMapTypeId = google.maps.MapTypeId.HYBRID;
        }
        else //if(sType="terrain")
        {
            oMapTypeId = google.maps.MapTypeId.TERRAIN;
        }
        return oMapTypeId;
    },
    
    extract_latlong_from_markers : function(arMarkers, asGoogleObj)
    {
        var arMarkers = arMarkers || this.config.arMarkers;
        var arLatLong = [];
        var arTemp = [];
        var fLatitude = 0;
        var fLongitude = 0;
        //Los marcadores es un array de arrays cuyas filas llevan como 
        //
        for(var i=0; i<arMarkers.length; i++)
        {
            arTemp = arMarkers[i];
            fLatitude = arTemp[2];
            fLongitude = arTemp[3];
            if(asGoogleObj==null) arTemp = [fLatitude,fLongitude];
            else arTemp = new google.maps.LatLng(fLatitude,fLongitude);
            arLatLong.push(arTemp);
        }
        return arLatLong;
    },
    
    fit_in_screen : function()
    {
        //Objetos de tipo maps.LatLng
        var arLlObjects = this.extract_latlong_from_markers(null,true);
        //bug(arLlObjects,"llobjects");
        //Recuperamos los limites que se están visualizando
        var oLlBound = new google.maps.LatLngBounds();
        //Recorremos cada punto y lo pasamos por el metodo extend
        for(var i = 0; i < arLlObjects.length; i++) 
        {
            oLlBound.extend(arLlObjects[i]);
        }
        //  Fit these bounds to the map
        this.oMap.fitBounds(oLlBound);
    },
    
    //=======================================================================
    oMap : null, //El objeto mapa
    
    //Antes la llamaba initialize. Le he cambiado el nombre para demostrar
    //que no necesariamente tiene que ser asi.
    load_map: function()
    {
        //bug(this,"this en initialize"); //this aqui es document
        //bug(this.gmap,"this gmap"); no existe 
        
        //el div donde se dibujara el mapa
        var eDivContainer = document.getElementById(gmaps3.config.sIdDivContainer);
        //objeto jquery del div contenedor. Es distinto del anterior ya que no puedo
        //utilizar este mismo dentro del constructor "Map". este objeto me sirve para configurar
        //sus estilos
        var eDivCanvas = jQuery(eDivContainer);
        if(gmaps3.config.sUnitWH=='px')
        {
            eDivCanvas.width(gmaps3.config.iWidth);
            eDivCanvas.height(gmaps3.config.iHeight);
        }
        else
        {
            var sSize = gmaps3.config.iWidth + gmaps3.config.sUnitWH;
            bug(sSize);
            eDivCanvas.width(sSize);
            sSize = gmaps3.config.iHeight + gmaps3.config.sUnitWH;
            eDivCanvas.height(sSize);
            
        }
        eDivCanvas.css("margin", "0");
        eDivCanvas.css("padding", "0");
        
        //La zona a visualizar. Es un objeto latitud longitud el cual se utilizará para centrar el mapa.
        var oLlCenter = new google.maps.LatLng(gmaps3.config.fLatitude, gmaps3.config.fLongitude);
        
        var oConfig = 
        {
            center: oLlCenter,
            zoom: gmaps3.config.iZoom,
            mapTypeId : gmaps3.get_maptype()
        };
        
        //bug(oConfig,"config");
        gmaps3.oMap = new google.maps.Map(eDivContainer, oConfig);
        //bug(gmaps3.oMap,"mapa recien construido");
        gmaps3.draw_markers(gmaps3.config.arMarkers);
        
        if(gmaps3.config.drawLines==true)
        {
            var arLatLong = gmaps3.extract_latlong_from_markers(gmaps3.config.arMarkers);
            //bug(arLatLong,"arLatLong");
            gmaps3.draw_lines(arLatLong);
        }
        //Reajusta la visualizacion de los marcadores
        gmaps3.fit_in_screen();
        //bug(gmaps3);
        //gmaps3 = null; si hago esto no podria acceder a los marcadores al hacer click
        //bug(gmaps3);
    }
};