/*******************************************************************************
* KindEditor - WYSIWYG HTML Editor for Internet
* Copyright (C) 2006-2011 kindsoft.net
*
* @author Roddy <luolonghao@gmail.com>
* @site http://www.kindsoft.net/
* @licence http://www.kindsoft.net/license.php
*******************************************************************************/

// Google Maps: http://code.google.com/apis/maps/index.html

KindEditor.plugin('map', function(K) {
    var self = this, name = 'map', lang = self.lang(name + '.');
    self.clickToolbar(name, function() {
        var html = ['<div style="padding:10px 20px;">',
            '<div class="ke-dialog-row">',
            lang.address + ' <input id="kindeditor_plugin_map_address" name="address" class="ke-input-text" value="" style="width:200px;" /> ',
            '<span class="ke-button-common ke-button-outer">',
            '<input type="button" name="searchBtn" class="ke-button-common ke-button" value="' + lang.search + '" />',
            '</span>',
            '</div>',
            '<div class="ke-map" style="width:558px;height:360px;"></div>',
            '</div>'].join('');
        var dialog = self.createDialog({
            name : name,
            width : 600,
            title : self.lang(name),
            body : html,
            yesBtn : {
                name : self.lang('yes'),
                click : function(e) {
                    var geocoder = win.geocoder,
                        map = win.map,
                        center = map.getCenter().lat() + ',' + map.getCenter().lng(),
                        zoom = map.getZoom(),
                        maptype = map.getMapTypeId(),
                        url = 'http://maps.googleapis.com/maps/api/staticmap';
                        url += '?center=' + encodeURIComponent(center);
                        url += '&zoom=' + encodeURIComponent(zoom);
                        url += '&size=558x360';
                        url += '&maptype=' + encodeURIComponent(maptype);
                        url += '&markers=' + encodeURIComponent(center);
                        url += '&language=' + self.langType;
                        url += '&sensor=false';
                    self.exec('insertimage', url).hideDialog().focus();
                }
            },
            beforeRemove : function() {
                searchBtn.remove();
                if (doc) {
                    doc.write('');
                }
                iframe.remove();
            }
        });
        var div = dialog.div,
            addressBox = K('[name="address"]', div),
            searchBtn = K('[name="searchBtn"]', div),
            win, doc;
        var iframeHtml = ['<!doctype html><html><head>',
            '<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />',
            '<style>',
            '    html { height: 100% }',
            '    body { height: 100%; margin: 0; padding: 0; background-color: #FFF }',
            '    #map_canvas { height: 100% }',
            '</style>',
            '<script src="http://maps.googleapis.com/maps/api/js?sensor=false&language=' + self.langType + '"></script>',
            '<script>',
            'var map, geocoder;',
            'function initialize() {',
            '    var latlng = new google.maps.LatLng(31.230393, 121.473704);',
            '    var options = {',
            '        zoom: 11,',
            '        center: latlng,',
            '        disableDefaultUI: true,',
            '        panControl: true,',
            '        zoomControl: true,',
            '        mapTypeControl: true,',
            '        scaleControl: true,',
            '        streetViewControl: false,',
            '        overviewMapControl: true,',
            '        mapTypeId: google.maps.MapTypeId.ROADMAP',
            '    };',
            '    map = new google.maps.Map(document.getElementById("map_canvas"), options);',
            '    geocoder = new google.maps.Geocoder();',
            '    geocoder.geocode({latLng: latlng}, function(results, status) {',
            '        if (status == google.maps.GeocoderStatus.OK) {',
            '            if (results[3]) {',
            '                parent.document.getElementById("kindeditor_plugin_map_address").value = results[3].formatted_address;',
            '            }',
            '        }',
            '    });',
            '}',
            'function search(address) {',
            '    if (!map) return;',
            '    geocoder.geocode({address : address}, function(results, status) {',
            '        if (status == google.maps.GeocoderStatus.OK) {',
            '            map.setZoom(11);',
            '            map.setCenter(results[0].geometry.location);',
            '            var marker = new google.maps.Marker({',
            '                map: map,',
            '                position: results[0].geometry.location',
            '            });',
            '        } else {',
            '            alert("Invalid address: " + address);',
            '        }',
            '    });',
            '}',
            '</script>',
            '</head>',
            '<body onload="initialize();">',
            '<div id="map_canvas" style="width:100%; height:100%"></div>',
            '</body></html>'].join('\n');
        // TODO：用doc.write(iframeHtml)方式加载时，在IE6上第一次加载报错，暂时使用src方式
        var iframe = K('<iframe class="ke-textarea" frameborder="0" src="' + self.pluginsPath + 'map/map.html" style="width:558px;height:360px;"></iframe>');
        function ready() {
            win = iframe[0].contentWindow;
            doc = K.iframeDoc(iframe);
            //doc.open();
            //doc.write(iframeHtml);
            //doc.close();
        }
        iframe.bind('load', function() {
            iframe.unbind('load');
            if (K.IE) {
                ready();
            } else {
                setTimeout(ready, 0);
            }
        });
        K('.ke-map', div).replaceWith(iframe);
        // search map
        searchBtn.click(function() {
            win.search(addressBox.val());
        });
    });
});
