$(function () {



    // var accessscript = document.getElementById("pointtomap"); //$("#pointtomap").val();



    var listtomap = $(".listTomap").length;

    var toValue = [];



    for (var listobj = 0; listobj < listtomap; listobj++) {

        var elementMap = {};

        var obj_id = $(".listTomap").eq(listobj).attr("rel");

        var obj_latiture = $(".listTomap").eq(listobj).find("[name=latiture]").val();

        var obj_longtiture = $(".listTomap").eq(listobj).find("[name=longtiture]").val();

        var obj_name = $(".listTomap").eq(listobj).find("[name=name]").val();

        var obj_url = $(".listTomap").eq(listobj).find("[name=url]").val();

        var obj_img = $(".listTomap").eq(listobj).find("[name=img]").val();

        var obj_pin = $(".listTomap").eq(listobj).find("[name=pin]").val();

        var obj_address = $(".listTomap").eq(listobj).find("[name=address]").val();

        var obj_tel = $(".listTomap").eq(listobj).find("[name=tel]").val();

        var obj_fax = $(".listTomap").eq(listobj).find("[name=fax]").val();



        var obj_target = $(".listTomap").eq(listobj).find("[name=target]").val();



        if (obj_target > 1) {

            var settaget = "_blank";

        } else {

            var settaget = null;

        }

        //alert(obj_pin);





        elementMap.latLng = [obj_latiture, obj_longtiture];

        // elementMap.data = "<div class='font_map'><img src='" + obj_img + "' width='75' height='75' alt='" + obj_name + "' class='img_left' /><strong><a href='#' title='" + obj_name + "' target='_blank'>" + obj_name + "</a></strong><br /><a href='" + obj_url + "' title='" + obj_name + "' target='_blank'>ไปยังเว็บไซต์นี้</a></div>";



        elementMap.data = "<div class='font_map'>";

        //  elementMap.data += "<div class='col-xs-5'>";

        // elementMap.data += "<img src='" + obj_img + "' width='100%'  alt='" + obj_name + "' class='img_left' />";

        //  elementMap.data += "</div>";

        elementMap.data += "<div class='col-xs-12'>";

        elementMap.data += "<a href='" + obj_url + "' title='" + obj_name + "' target='" + settaget + "'>";

        elementMap.data += "<strong>" + obj_name + "</strong>";

        elementMap.data += "<br />";

        elementMap.data += "<div style='margin-top: 7px;'></div>";

        elementMap.data += "<strong>ที่อยู่ : </strong>" + obj_address;

        if (obj_tel) {

            elementMap.data += "<br />";

            elementMap.data += "<strong>โทรศัพท์ : </strong>" + obj_tel;

        }

        if (obj_fax) {

            elementMap.data += "<br />";

            elementMap.data += "<strong>โทรสาร :</strong> " + obj_fax;

            elementMap.data += "<br />";

        }

        elementMap.data += "</a>";

        //    elementMap.data += "<br />";



        //    elementMap.data += "<a href='" + obj_url + "' title='" + obj_name + "' target='_blank'>ไปยังเว็บไซต์นี้</a>";

        elementMap.data += "</div>";

        elementMap.data += "</div>";







        elementMap.options = {icon: "front/assets/img/icon/" + obj_pin};

        toValue.push(elementMap);

        //alert(elementMap);

    }





    //alert(listtomap);

    //var accessscript = {latLng: [13.8344904, 100.6005188], data: "<div class='font_map'><img src='http://mnreweb.lc/upload/wp/office/pic-1491553746501.png' width='75' height='75' alt='Wewebplus' class='img_left' /><strong><a href='#' title='Wewebplus' target='_blank'>Wewebplus</a></strong><br /><div class='cls'></div><a href='#' title='Wewebplus' target='_blank'>ดูที่เหลือ</a></div>", options: {icon: "front/assets/img/icon/mappin_25.png"}};





//alert(accessscript2);



    $('#map_canvas').gmap3({

        map: {

            options: {

                center: [13.8344904, 100.6005188],

                zoom: 6,

                mapTypeId: google.maps.MapTypeId.ROADMAP,

                mapTypeControl: true,

                mapTypeControlOptions: {

                    style: google.maps.MapTypeControlStyle.DROPDOWN_MENU

                },

            }

        },

        marker: {

            values: toValue,

            events: {

                mouseover: function (marker, event, context) {

                    var map = $(this).gmap3("get"),

                            infowindow = $(this).gmap3({

                        get: {

                            name: "infowindow"

                        }

                    });

                    if (infowindow) {

                        infowindow.open(map, marker);

                        infowindow.setContent(context.data);

                    } else {

                        $(this).gmap3({

                            infowindow: {

                                anchor: marker,

                                options: {

                                    content: context.data

                                }

                            }

                        });

                    }

                },

                closeclick: function () {

                    infowindow.close();

                },

                mouseout: function () {

                    var infowindow = $(this).gmap3({

                        get: {

                            name: "infowindow"

                        }

                    });

                }

            }

        }

    });

});/*

 * To change this license header, choose License Headers in Project Properties.

 * To change this template file, choose Tools | Templates

 * and open the template in the editor.

 */





$(".showlistmap").height($("#map_canvas").height());