﻿

function go_to_address_map(address, container_id) {
    var geocoder = new GClientGeocoder();
    var map = new GMap2(document.getElementById("map"));
    geocoder.getLatLng(
    address,
    function(point) {
        if (!point) {
            feed_back("O local " + address + " não foi encontrado!");
        } else {
            map.setCenter(point, 15);
            var marker = createMarker(point, "");  //new GMarker(point);
            map.addOverlay(marker);
            map.addControl(new GSmallMapControl());
            map.addControl(new GMapTypeControl());
            //map.openInfoWindow(map.getCenter(), document.createTextNode("O produto se encontra aqui!"));
            //marker.openInfoWindowHtml(address);
            jQuery('#' + container_id).val(point);
        }
    }
  );

}

function go_to_address(address, container_id, zoom, html_description) {
    var geocoder = new GClientGeocoder();
    var map = new GMap2(document.getElementById("map"));

    geocoder.getLatLng(
    address,
    function(point) {
        if (!point) {
            feed_back("O local " + address + " não foi encontrado!");
        } else {
            map.setCenter(point, zoom);
            var marker = createMarker(point, html_description);
            map.addOverlay(marker);
            map.addControl(new GSmallMapControl());
            map.addControl(new GMapTypeControl());
            //map.openInfoWindowHtml(map.getCenter(), html_description);

            jQuery('#' + container_id).val(point);
            jQuery('#map').css('display', 'block');
        }
    }
  );
}

function show_map() {
    var imgs = "";
    var img_id = 0;

    jQuery(arr_photos).each(function() {
        imgs += "<img src='" + this + "' width='100px' height='100px' onclick='img_wide(this)'/>";
    });

    var description_html = "<strong>Descrição: </strong>" + jQuery('#txt_description').val() + "<br/><strong>Contato:</strong><br/><strong>Email:</strong> " + jQuery('#txt_email').val() + "<br/><strong>Telefone:</strong> " + jQuery('#txt_phone').val() + "<br/><br/><center><div id='images'>" + imgs + "</div></center>";

    go_to_address(jQuery('#txt_location').val(), 'hid_lat_lng', 15, description_html);

    setTimeout(function() {
        jQuery('#images').cycle({
            fx: 'curtainX'
        });
    }, 5000)
}

// Creates a marker whose info window displays the letter corresponding
// to the given index.
function createMarker(point, html_description) {
	
    // Create a base icon for all of our markers that specifies the
    // shadow, icon dimensions, etc.
    var baseIcon = new GIcon(G_DEFAULT_ICON);
    baseIcon.shadow = jQuery('#hid_icon_shadow').val();  //"http://www.google.com/mapfiles/shadow50.png";
    baseIcon.iconSize = new GSize(100, 39);
    //baseIcon.shadowSize = new GSize(37, 34);
    baseIcon.iconAnchor = new GPoint(9, 34);
    baseIcon.infoWindowAnchor = new GPoint(9, 2);

    // Create a lettered icon for this point using our icon class
    var letteredIcon = new GIcon(baseIcon);
    letteredIcon.image = "images/icone.png";

    // Set up our GMarkerOptions object
    markerOptions = { icon: letteredIcon };
    var marker = new GMarker(point, markerOptions);

    GEvent.addListener(marker, "click", function() {
        //marker.openInfoWindowHtml(html_description);
        window.location = html_description;
        /*setTimeout(function() {
        jQuery('#images').cycle({
        fx: 'curtainX'
        });
        }, 5000)*/

    });
    return marker;
}
