(function ($) {
    var $t = $.telerik;

    $t.GooglePolygon = function (map, config) {
        //init
        this.Map = map;
        this.GPolygon = null;
        //properties
        this.Clickable = config.Clickable;
        this.FillColor = config.FillColor;
        this.FillOpacity = config.FillOpacity;
        this.Points = config.Points;
        this.StrokeColor = config.StrokeColor;
        this.StrokeOpacity = config.StrokeOpacity;
        this.StrokeWeight = config.StrokeWeight;
        this.Points = [];

        if (config.Points) {
            for (var i = 0; i < config.Points.length; i++) {
                this.Points.push(new google.maps.LatLng(config.Points[i].Latitude, config.Points[i].Longitude));
            }
        }

    }

    $t.GooglePolygon.prototype = {
        isLoaded: function () {
            return this.GPolygon !== null
        },
        load: function () {
            var options = {
                paths: this.Points,
                strokeColor: this.StrokeColor,
                strokeOpacity: this.StrokeOpacity,
                strokeWeight: this.StrokeWeight,
                fillColor: this.FillColor,
                fillOpacity: this.FillOpacity
            }
            var polygon = new google.maps.Polygon(options);
            polygon.setMap(this.Map);
        }
    }

    $t.GoogleCircle = function (map, config) {
        //init
        this.Map = map;
        this.GCircle = null;
        //properties
        this.Clickable = config.Clickable;
        this.FillColor = config.FillColor;
        this.FillOpacity = config.FillOpacity;
        this.Points = config.Points;
        this.StrokeColor = config.StrokeColor;
        this.StrokeOpacity = config.StrokeOpacity;
        this.StrokeWeight = config.StrokeWeight;
        this.Center = config.Center;
        this.Radius = config.Radius;

    }

    $t.GoogleCircle.prototype = {
        isLoaded: function () {
            return this.GCircle !== null
        },
        load: function () {
            var options = {
                center: new google.maps.LatLng(this.Center.Latitude, this.Center.Longitude),
                radius: this.Radius,
                strokeColor: this.StrokeColor,
                strokeOpacity: this.StrokeOpacity,
                strokeWeight: this.StrokeWeight,
                fillColor: this.FillColor,
                fillOpacity: this.FillOpacity
            }
            var circle = new google.maps.Circle(options);
            circle.setMap(this.Map);
        }
    }


    $t.GoogleMarker = function (map, index, config) {
        // init
        this.GMarker = null;
        this.Map = map;
        this.Index = index;
        //properties
        this.Latitude = config.Latitude;
        this.Longitude = config.Longitude;
        this.Title = config.Title;
        this.Icon = config.Icon;
        this.Shadow = config.Shadow;
        this.Clickable = config.Clickable;
        this.Draggable = config.Draggable;
        this.Window = config.Window;
        this.CreateNewWindow = config.CreateNewWindow;
    }

    var infowindow;

    $t.GoogleMarker.prototype = {

        isLoaded: function () {
            return (this.GMarker !== null);
        },
        initialize: function () {
            if (this.Window) {
                google.maps.event.addListener(this.GMarker, 'click', $t.delegate(this, this.openInfoWindow));
                google.maps.event.addListener(this.GMarker, 'dragend', function (evt) {
                    var lat = evt.latLng.lat();
                    var lng = evt.latLng.lng();
                    $("#fieldLatitude").val(lat);
                    $("#fieldLongitude").val(lng);
                });
            }
        },
        createImage: function (options) {
            var image = new google.maps.MarkerImage(options.Path,
                                                        new google.maps.Size(options.Size.Width, options.Size.Height),
                                                        new google.maps.Point(options.Point.X, options.Point.Y),
                                                        new google.maps.Point(options.Anchor.X, options.Anchor.Y));
            return image;
        },
        load: function (point) {
            this.Latitude = point.lat();
            this.Longitude = point.lng();
            var markerOptions = {
                position: new google.maps.LatLng(this.Latitude, this.Longitude),
                map: this.Map,
                title: this.Title,
                clickable: this.Clickable,
                draggable: this.Draggable,
                icon: this.Icon ? this.createImage(this.Icon) : null,
                shadow: this.Shadow ? this.createImage(this.Shadow) : null
            }
            // create
            this.GMarker = new google.maps.Marker(markerOptions);

            this.initialize();
        },
        openInfoWindow: function () {
            if (this.isLoaded()) {
                if (infowindow) {
                    infowindow.close();
                }
                var node = document.getElementById(this.Window.Content).cloneNode(true);
                infowindow = new google.maps.InfoWindow({ content: node });
                infowindow.open(this.Map, this.GMarker);
            }
        }
    }

    $t.map = function (element, options) {

        this.element = element;
        $.extend(this, options);

        this.ClientID = options.ClientID;
        this.Address = options.Address;
        this.DisableDoubleClickZoom = options.DisableDoubleClickZoom;
        this.Height = options.Height;
        this.Width = options.Width;
        this.Latitude = options.Latitude;
        this.Longitude = options.Longitude;
        this.Zoom = options.Zoom;
        this.MapType = options.MapType;
        this.MapTypeControlPosition = (options.MapTypeControlPosition !== undefined) ? options.MapTypeControlPosition : 'TOP_RIGHT';
        this.MapTypeControlStyle = options.MapTypeControlStyle;
        this.MapTypeControlVisible = (options.MapTypeControlVisible !== undefined) ? options.MapTypeControlVisible : true;
        this.NavigationControlPosition = (options.NavigationControlPosition !== undefined) ? options.NavigationControlPosition : 'TOP_LEFT';
        this.NavigationControlType = options.NavigationControlType;
        this.NavigationControlVisible = (options.NavigationControlVisible !== undefined) ? options.NavigationControlVisible : true;
        this.ScaleControlVisible = (options.ScaleControlVisible !== undefined) ? options.ScaleControlVisible : false;
        this.ScaleControlPosition = (options.ScaleControlPosition !== undefined) ? options.ScaleControlPosition : 'BOTTOM_LEFT';
        this.GMap = null;

        this.Markers = eval(options.Markers);
        this.Polygons = eval(options.Polygons);

        $t.bind(this, {
            load: this.onLoad
        });
    }

    $t.map.prototype = {
        initialize: function () {

            var mapType;
            switch (this.MapType) {
                case 'HYBRID':
                    mapType = google.maps.MapTypeId.HYBRID;
                    break;
                case 'SATELLITE':
                    mapType = google.maps.MapTypeId.SATELLITE;
                    break;
                case 'TERRAIN':
                    mapType = google.maps.MapTypeId.TERRAIN;
                    break;
                default:
                    mapType = google.maps.MapTypeId.ROADMAP;
                    break;
            }

            var mapTypeControlStyle;
            switch (this.MapTypeControlStyle) {
                case 'DROPDOWN_MENU':
                    mapTypeControlStyle = google.maps.MapTypeControlStyle.DROPDOWN_MENU;
                    break;
                case 'HORIZONTAL_BAR':
                    mapTypeControlStyle = google.maps.MapTypeControlStyle.HORIZONTAL_BAR;
                    break;
                default:
                    mapTypeControlStyle = google.maps.MapTypeControlStyle.DEFAULT;
                    break;
            }

            var navigationControlType;
            switch (this.NavigationControlType) {
                case 'ANDROID':
                    navigationControlType = google.maps.NavigationControlStyle.ANDROID;
                    break;
                case 'SMALL':
                    navigationControlType = google.maps.NavigationControlStyle.SMALL;
                    break;
                case 'ZOOM_PAN':
                    navigationControlType = google.maps.NavigationControlStyle.ZOOM_PAN;
                    break;
                default:
                    navigationControlType = google.maps.NavigationControlStyle.DEFAULT;
                    break;
            }

            var innerOptions = {
                zoom: this.Zoom,
                center: new google.maps.LatLng(this.Latitude, this.Longitude),
                disableDoubleClickZoom: this.DisableDoubleClickZoom,
                draggable: this.Draggable,
                mapTypeId: mapType,
                mapTypeControl: this.MapTypeControlVisible,
                mapTypeControlOptions: {
                    style: mapTypeControlStyle,
                    position: this.getControlPosition(this.MapTypeControlPosition)
                },
                navigationControl: this.NavigationControlVisible,
                navigationControlOptions: {
                    style: navigationControlType,
                    position: this.getControlPosition(this.NavigationControlPosition)
                },
                scaleControl: this.ScaleControlVisible,
                scaleControlOptions: {
                    position: this.getControlPosition(this.ScaleControlPosition)
                }
            }
            this.GMap = new google.maps.Map(this.getElement(), innerOptions);

        },
        getElement: function () {
            return document.getElementById(this.ClientID);
        },
        getControlPosition: function (position) {
            switch (position) {
                case 'TOP_CENTER':
                    return google.maps.ControlPosition.TOP_CENTER;
                case 'TOP_LEFT':
                    return google.maps.ControlPosition.TOP_LEFT;
                case 'LEFT_TOP':
                    return google.maps.ControlPosition.LEFT_TOP;
                case 'BOTTOM_CENTER':
                    return google.maps.ControlPosition.BOTTOM_CENTER;
                case 'BOTTOM_LEFT':
                    return google.maps.ControlPosition.BOTTOM_LEFT;
                case 'BOTTOM_RIGHT':
                    return google.maps.ControlPosition.BOTTOM_RIGHT;
                case 'LEFT_BOTTOM':
                    return google.maps.ControlPosition.LEFT_BOTTOM;
                case 'RIGHT_BOTTOM':
                    return google.maps.ControlPosition.RIGHT_BOTTOM;
                case 'LEFT_CENTER':
                    return google.maps.ControlPosition.LEFT_CENTER;
                case 'RIGHT_CENTER':
                    return google.maps.ControlPosition.RIGHT_CENTER;
                case 'TOP_RIGHT':
                    return google.maps.ControlPosition.TOP_RIGHT;
                case 'RIGHT_TOP':
                    return google.maps.ControlPosition.RIGHT_TOP;
            }
        },
        renderCircle: function (c) {
            c.load();
        },
        renderMarker: function (m) {

            if ((m.Latitude != 0) && (m.Longitude != 0)) {
                try {
                    m.load(new google.maps.LatLng(m.Latitude, m.Longitude), false);
                }
                catch (ex) { }
            }
        },
        renderPolygon: function (p) {
            p.load();
        },
        load: function (point) {
            if (point) {
                this.initialize();
                this.render();
            }
            else {
                if ((this.Latitude != 0) && (this.Longitude != 0))
                    this.load(new google.maps.LatLng(this.Latitude, this.Longitude));
            }
        },
        render: function () {
            // markers
            if (this.Markers) {
                for (var i = 0; i < this.Markers.length; i++) {
                    var marker = new $t.GoogleMarker(this.GMap, this.Markers.length, this.Markers[i]);
                    this.renderMarker(marker);
                };
            }
            // polygons
            if (this.Polygons) {
                for (var i = 0; i < this.Polygons.length; i++) {
                    var polygon = new $t.GooglePolygon(this.GMap, this.Polygons[i]);
                    this.renderPolygon(polygon);
                }
            }
            // circles
            if (this.Circles) {
                for (var i = 0; i < this.Circles.length; i++) {
                    var circle = new $t.GoogleCircle(this.GMap, this.Circles[i]);
                    this.renderPolygon(circle);
                }
            }
        },
        // Items --------------------------------------------------------------------------------------
        // Marker
        addMarker: function (config, render) {
            if (!this.Markers) this.Markers = new Array();
            var marker = new $t.GoogleMarker(this, this.Markers.length, config);
            this.Markers.push(marker);
            if (render) this.renderMarker(marker);
        }
    }



    // jQuery extender
    $.fn.GoogleMap = function (options) {
        return $t.create(this, {
            name: 'GoogleMap',
            init: function (element, options) {
                return new $t.map(element, options);
            },
            options: options,
            success: function (map) {
                map.load();
            }
        });
    };

})(jQuery);