startDrag = false;
ajaxDebug = false;  //ajax表單除錯用

//weburl 為wamap根目錄 
// weburl = 'http://localhost/wamap/';
weburl = 'http://wamap.net/';
// weburl = 'http://demo.wabow.com/wamap/';

apikey = "ABQIAAAAp0Hxux0oFiLjGy5MF71qXBT2yXp_ZAY8_ufC3CFXhHIE1NvwkxSDxjmA-baDTWrW6yITYoF8_9q6rA";

//ajaxUrl 為短網址轉址檔案路徑
ajaxUrl = weburl ;

//使用靜態地圖 0:不使用 1:使用
static_maps = 0;

var changeMapsize = function(sizeArray){
    if(sizeArray.length>2) return;
    var width = parseInt(sizeArray[0]);
    var height= parseInt(sizeArray[1]);
        
    //更新地圖尺寸
    var tempCenter = wa.map.getCenter();    
    $('#map').css('width',width).css('height',height);
    wa.map.checkResize();
    wa.map.panTo(tempCenter);
    
    //更新自訂尺寸數值
    updateDiy(sizeArray);
    
    //更新wrap & wrapShadow大小
    $('#wrap').css('width',parseInt($('#map').css('width'))+390);
    $('#wrapShadow').css('width',parseInt($('#map').css('width'))+390);
    
}

var updateDiy = function(sizeArray){
    if(sizeArray.length>2) return;
    $('.mapsize_setup').each(function(i){
        $(this).val(sizeArray[i]);
    });
}

var assemble_staticmaps = function(){
	notice = false;
    var zoom = wa.map.getZoom();
    var width = parseInt($('#map').css('width'));
    var height = parseInt($('#map').css('height'));
    var cx = wa.map.getCenter().y;
    var cy = wa.map.getCenter().x;    
        
    if(width>512){ 
		width=512;
		notice = true;
    }
    if(height>512){
		height=512;
		notice = true;
	}
        
	src = "http://maps.google.com/staticmap?";
	src += "center="+cx+","+cy+"&";		
	src += "zoom="+zoom+"&size="+width+"x"+height+"&";
	src = src + "key=" + apikey;
	
	var str = "<iframe width='"+width+"' height='"+height+"' frameborder='no' scrolling='no' marginheight='0' marginwidth='0' src='"+src;
        
    //新增m(指標型態)、ms(指標圖樣位址)
    if(wa.marker!=null){
        var mx = wa.marker.getPoint().y;
        var my = wa.marker.getPoint().x;        
        var m = $('.marker[@checked]').val();
        
    	var color = "red";  //red,blue,green
    	var character = "";
        
        str += "&markers="+mx+","+my+"," + color + character;
		    
// 		尚不支援自訂指標
//         var ms = $('#markerSrc').val();
//         ms = encodeURIComponent(ms);  
//         if(m=="setup" && ms){      
//             str += "&ms="+ ms;
//         }        
    }
    
// 		尚不支援控制縮放
//     //新增sc(縮放控制型態，後台接收縮寫為cl)
//     var sc = $('.sizeControl[@checked]').val();
//     if(wa.sizeControl && sc!='0'){
//         str += "&sc="+sc;
//     }
    
// 		尚不支援自訂訊息
//     var info = $('#information').val();
//     info = encodeURIComponent(info);
//     if($('#information').val()){
//         str += "&info="+info;
//     }
    
    str += "'></iframe>";    
    
    $('#input_iframe').val(str);
    if(notice){
    	alert("圖片尺寸超過系統設定最大值(512x512)，將自動進行裁剪");
    }
}

var assemble = function(){    
    var zoom = wa.map.getZoom();
    var width = parseInt($('#map').css('width'));
    var height = parseInt($('#map').css('height'));
    var cx = wa.map.getCenter().y;
    var cy = wa.map.getCenter().x;
    
    var str = "<iframe width='"+width+"' height='"+height+"' frameborder='no' scrolling='no' marginheight='0' marginwidth='0' src='"+weburl+"static/?w="+width+"&h="+height+"&z="+zoom+"&cx="+cx+"&cy="+cy;
        
    //新增m(指標型態)、ms(指標圖樣位址)
    if(wa.marker!=null){
        var mx = wa.marker.getPoint().y;
        var my = wa.marker.getPoint().x;        
        var m = $('.marker[@checked]').val();
                
        str += "&m="+m+"&mx="+mx+"&my="+my;
                    
        var ms = $('#markerSrc').val();
        ms = encodeURIComponent(ms);  
        if(m=="setup" && ms){      
            str += "&ms="+ ms;
        }        
    }
    
    //新增sc(縮放控制型態，後台接收縮寫為cl)
    var sc = $('.sizeControl[@checked]').val();
    if(wa.sizeControl && sc!='0'){
        str += "&sc="+sc;
    }
    
    var info = $('#information').val();
    info = encodeURIComponent(info);
    if($('#information').val()){
        str += "&info="+info;
    }
    
    //地址
    var add = $('#address').val();
    add = encodeURIComponent(add);
    if(add){
        str += "&add=" + add;
    }
    
    str += "'></iframe>"
    
    $('#input_iframe').val(str);
}

function submitWamap() {
    $("input[@name='zoom']").val(wa.map.getZoom());
    $("input[@name='lat']").val(wa.map.getCenter().y);
    $("input[@name='lng']").val(wa.map.getCenter().x);
            
    if(wa.marker!=null){
        $("input[@name='markerLat']").val(wa.marker.getPoint().y);          
        $("input[@name='markerLng']").val(wa.marker.getPoint().x);          
    }else{
        $("input[@name='markerLat']").val('');          
        $("input[@name='markerLng']").val('');       
    }
            
    if(ajaxDebug == true){
        $('#formWamap').submit();
        return;
    }
    
    var options = {
        dataType: 'text',
        success: showResponse
    };
        
    $('#formWamap').ajaxSubmit(options);

    return false;
}

function showResponse(responseText, statusText) {
    $('#input_shortUrl').val(ajaxUrl + responseText);   
}

function copy(inElement) {
  if (inElement.createTextRange) {
    var range = inElement.createTextRange();
    if (range)
      range.execCommand('Copy');
  } else {
    var flashcopier = 'flashcopier';
    if(!document.getElementById(flashcopier)) {
      var divholder = document.createElement('div');
      divholder.id = flashcopier;
      document.body.appendChild(divholder);
    }
    document.getElementById(flashcopier).innerHTML = '';
    var divinfo = '<embed src="./js/_clipboard.swf" FlashVars="clipboard='+encodeURIComponent(inElement.value)+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';
    
    document.getElementById(flashcopier).innerHTML = divinfo;
  }
}


var mapsave = function(){    
    //從cookie判定目前地圖存檔狀況，找出最小可以存檔之空map(目前限定map1~map5)   
    saveNum = 0;
    for(i=1;i<6;i++){
    	if(!getCookie('map'+i)){
    	   saveNum = i;
    	   break;
    	}
    }
        
    	
    if(saveNum != 0){
	    mapname = prompt("請輸入名稱：","");    
    
        if(!mapname) return;
        
        //組字串 塞使用者定義地圖名稱(n)
        var saveStr = "n='"+ encodeURIComponent(mapname)+"';";
        
        var zoom = wa.map.getZoom();
        var width = parseInt($('#map').css('width'));
        var height = parseInt($('#map').css('height')); 
        var cx = wa.map.getCenter().y;
        var cy = wa.map.getCenter().x; 
        
        //組字串 塞地圖寬(w)、高(h)、縮放比例(z)、中心座標(cx,cy)
        saveStr = saveStr+ "w="+width+";h="+height+";z="+zoom+";cx="+cx+";cy="+cy;
        
        //組字串 塞指標型態(m)、指標座標(mx,my)
        if(wa.marker){
            var mx = wa.marker.getPoint().y;
            var my = wa.marker.getPoint().x;
            //var m = $('.marker').val();
            var m = $('.marker[@checked]').val();
            saveStr = saveStr + ";m='"+ m +"';mx="+mx+";my="+my;
            
            //指標型態是自訂(setup)的話，另外加入指標圖樣連結位址            
            if(m=='setup' && $('#markerSrc').val()){
                saveStr = saveStr + ";ms='"+ encodeURIComponent($('#markerSrc').val()) + "'";
            }
        }
        
        //組字串 塞控制器(sc)
        //var sc = $('.sizeControl').val();
        var sc = $('.sizeControl[@checked]').val();
        if(wa.sizeControl && sc!='0'){
            saveStr = saveStr + ";sc="+ sc;
        }
        
        //組字串 塞指標訊息內容(info)
        if($('#information').val()){
            saveStr = saveStr + ";info='" + encodeURIComponent($('#information').val()) + "'";    
        }
        
        //組字串 塞搜尋地址(add)
        if($('#address').val()){
            saveStr = saveStr + ";add='" + encodeURIComponent($('#address').val()) + "'";    
        }
        	    
        saveMap(saveNum,saveStr);
	    
       
 	}else alert("抱歉，您的記憶卡容量已滿，請刪除部份存檔後再做儲存動作。");
    
	
}

var saveMap = function(num,str){
    duration = 1;			// 資料將被保留一年
    var expires = new Date();
    expires.setTime(expires.getTime() + 1000*60*60*24*duration);
    
    setCookie('map'+num,str,expires);
    mapfile(); //debug用，顯示所有cookie於footer 
    maprefresh();
}

var deleteMap = function(num){
    delCookie('map'+num);
    mapfile();
    maprefresh();
}

var showMessage = function(obj,message){
    if(startDrag==true) return;
    
    var	tX		 = getPosition(obj).x ;
    var	tY		 = getPosition(obj).y ;
    tY = tY- 30;
    $('#message').show().html(message).css('left',tX).css('top',tY);
}

var hideMessage = function(){
    $('#message').hide();
}

//更新按鈕與cookie中的map資訊對應關係
var maprefresh = function(name){
    
    for(i=1;i<6;i++){
        var obj = $('.img_mapsave').get(i-1);
        
    	if(getCookie('map'+i)){
            var mapStr = getCookie("map"+i);
            
            eval(mapStr+";");  //直接將cookie的name和value轉成變數
                        
            $(obj).attr('src','./images/mf_off.jpg').attr('place',decodeURIComponent(n))
                  .bind('mouseover',function()
                                    { 
                                        $(this).attr('src','./images/mf_on.jpg');
                                        showMessage(this,'載入紀錄：【'+ $(this).attr('place') +'】，將該按鈕<font color=\"red\">拖曳</font>至垃圾桶即可刪除該紀錄');
                                    }
                  )
                 .bind('mouseout',function()
                                  { 
                                      $(this).attr('src','./images/mf_off.jpg');
                                      hideMessage();
                                  }
                  )
                  .css('cursor','pointer')
                  .attr('num',i)
                  .bind('click',function()
                                {
                                    if($(this).attr('num')){
                                        allOptionsReset();  //重置畫面
                                        mapload($(this).attr('num'));
                                    }
                                                                          
                                    return false;
                                }
                  );
    	}
        else
        {
             $(obj).attr('src','./images/me.jpg').css('cursor','default').removeAttr('num');
             $(obj).bind('mouseover',function()
                                    { 
                                        $(this).attr('src','./images/me.jpg'); 
                                        showMessage(this,'點擊左方"儲存地圖"按鈕後，此記憶格將會亮起，可點擊後取回儲存之地圖');
                                    }
                    )
                   .bind('mouseout',function()
                                    { 
                                        $(this).attr('src','./images/me.jpg');
                                        hideMessage();
                                    }
                   );
        }
	}	
}

var addMapDrag = function(){

    //儲存格啟用拖曳
    $('.img_mapsave').Draggable(	{		
        zIndex: 	1000,	
        revert:     true,	
        ghosting:   true,
        onStart: function(){
            //隱藏說明DIV
            startDrag = true;
            if($(this).attr('num')) $('#mapsave_trashcan').attr('src','./images/trash_empty_big.jpg');
            $('#message').hide();        
        },	
        onStop: function(){
            startDrag = false;           
            if($(this).attr('num')) $('#mapsave_trashcan').attr('src','./images/trash_empty_small.jpg');
            if($(this).attr('num')) $(this).attr('src','./images/mf_off.jpg');
        },
        opacity: 	0.5	
    });
    
     //垃圾筒啟用
    $('#mapsave_trashcan').Droppable(	{		
        accept : 'img_mapsave', 	
        onActivate: function(drag)
                {
                    
					if (!this.FirstTime && $(drag).attr('num')) {
						$(this).Shake(3);
						this.FirstTime = true;
					}
				},	
        ondrop:	function (drag)
                {					
                    if($(drag).attr('num')){
                        $(drag).attr('src','./images/mf_off.jpg');
                        if(confirm("確定要刪除『"+ $(drag).attr('place') +"』") == true){
                            deleteMap($(drag).attr('num'));
                             $(this).attr('src','./images/trash_empty_small.jpg');
                        }
                    }
                },
        onHover: function (drag)
                 {
                    if($(drag).attr('num')){
                        $(this).attr('src','./images/trash_full_big.jpg');
                    }
                 },
        onOut: function (drag)
               {
                      if($(drag).attr('num')){
                        $(this).attr('src','./images/trash_empty_big.jpg');
                    }          
               },
        fit: true	
    }).bind('mouseover',function(){
        showMessage(this,'將左列紀錄方格拖曳至此，可刪除該紀錄');
    }).bind('mouseout',hideMessage);
    
}

var mapload = function(id){
    //載入loading畫面    
    $.blockUI();
    var m,mx,my,sc,info,add=null;
	var mapStr = getCookie("map"+id);
	eval(mapStr+";");
	
	if(wa.marker) wa.removeMarker();
	
	$('#map').css('width',w).css('height',h);
    wa.removeMarker();	
	wa.map.checkResize();
    wa.map.setCenter(new GLatLng(cx,cy));	
	
	//載入地圖zoom
	wa.map.setZoom(z);

	$("#mapsize").val('setup');
	$('.mapsize_setup').parent().css('display','inline');
	var sizeArray = new Array();
	sizeArray[0] = w;
	sizeArray[1] = h;
	updateDiy(sizeArray);
	
	if(info!=null){
        wa.messages = decodeURIComponent(info);
        $('#information').val(decodeURIComponent(info));	   
        $('#div_mapinfo').show();
	}
	
	if(m!=null){        
        wa.point = new GLatLng(mx, my);
        switch(m){
            case 'setup' :
                $('#div_marker_setup').show();
                $('#markerSrc').val(decodeURIComponent(ms));
                wa.addMarkerPersonalization(decodeURIComponent(ms));
                break;
            case '1' :                
                wa.addMarker();
            default :
                break;
        }  
        
        
        $(".marker[@value='"+ m +"']").attr('checked','1');
        $('#div_mapinfo').show();
        
	}
	
    if(sc!=null){
        wa.addControl(eval("'"+sc+"'"));
        $(".sizeControl[@value='"+ sc +"']").attr('checked','1');
	}
	
	if(add!=null){
	   $('#mapsearch').val(decodeURIComponent(add));
	   $('#address').val(decodeURIComponent(add));
	   
	   $('#load').html('載入完畢');
       $('#load').show(); //顯示load完畢DIV，並設TimeOut 2秒後隱藏
       setTimeout("$('#load').hide()",1000);
	}
	
	var barCut = 18;
    var barNum = wa.map.getZoom();
	var barStay = (barNum-1) * parseInt($('.slider').css('height'))/barCut ;
	$('#indicator').css('top',barStay+'px');
	//關閉loading畫面
 	$.unblockUI();
}


var mapfile = function(){
    return;
	var str = "<table border=1 align=center>";
	str += "<tr><th>Name<th>Value";
	cookieArray = document.cookie.split(";");
	for (var i=0; i<cookieArray.length; i++) {
		thisCookie = cookieArray[i].split("=");
		cookieName = unescape(thisCookie[0]);
		cookieValue = unescape(thisCookie[1]);
		str += "<tr><td><font color=red>"+cookieName+"</font><td><font color=green>"+cookieValue+"</font>";
	}
	str += "</table>";
	
	$('#footer').html(str);
}


var allOptionsReset = function(){
    $('#mapzoom').val(14);
    $('#mapsize').val('400,300');
    $(".sizeControl[@value='0']").attr('checked','1');    
    $(".marker[@value='1']").attr('checked','1');    
    $(".mapinfo[@value='0']").attr('checked','1');
    $('#information').val('');
    //$('#iconImage').val('');
    
    //if(wa.marker) wa.addMarker('0');
    wa.addMarker('1');
    if(wa.sizeControl) wa.addControl('0','sizeControl');
    
    $('.resetNone').hide();
    
    $('#div_mapinfo').show();
}

var mapSearch = function(address){
    if(!address) address = $('#mapsearch').val();
    var marker = null;
    var markerSrc = null;
    
    if(address)
    {
        var marker = $('.marker[@checked]').val();
        if(marker=='setup') var markerSrc = $('#markerSrc').val();
        var information = $('#information').val();
        wa.getLatLng(address,marker,markerSrc,information);        
    }
    else
    {
        alert("請輸入完整地址！！");        
        $('#mapsearch').focus();
    }
}

var addSlider = function(){
    var tempSlider = "<div style='width:22px;background:#B7C359;font-size:16px; font-color:#FFFFFF;text-align:center;'>遠</div><div id='slider' class='slider'><div class='indicator' id='indicator' style='cursor:pointer;'>&nbsp</div></div><div style='width:22px;background:#B7C359;font-size:16px; font-color:#FFFFFF;text-align:center;'>近</div>"; 
    $('#sliderHere').html(tempSlider);

    var barCut = 18;
    var barNum = wa.map.getZoom();
    var barStay = (barNum-1) * parseInt($('.slider').css('height'))/barCut ;
    var pullMark = null;
    $('.slider').Slider(
	{
		accept : '.indicator',
		restricted: true,
		opacity: 0.8,
	    onSlide: function(cordx,cordy)
		{
		    var m = Math.round(cordy/(100/barCut));
		    var zoomNow = parseInt(wa.map.getZoom());
            if(zoomNow != m){              
  		        $('#cordy').val(m);
  		        pullMark = cordy;
  		        wa.map.setZoom(m);
            };   
		},
		values: [
			[0,barStay]
		]
	}
    );
}


//取得絕對座標用
//var	tX		 = getPosition(imgObj).x;
//var	tY		 = getPosition(imgObj).y;
Number.prototype.NaN0=function(){return isNaN(this)?0:this;}  
function getPosition(e){
    var left = 0;
    var top  = 0;
    while (e.offsetParent){
    	left += e.offsetLeft + (e.currentStyle?(parseInt(e.currentStyle.borderLeftWidth)).NaN0():0);
    	top  += e.offsetTop  + (e.currentStyle?(parseInt(e.currentStyle.borderTopWidth)).NaN0():0);
    	e     = e.offsetParent;
    }
    
    left += e.offsetLeft + (e.currentStyle?(parseInt(e.currentStyle.borderLeftWidth)).NaN0():0);
    top  += e.offsetTop  + (e.currentStyle?(parseInt(e.currentStyle.borderTopWidth)).NaN0():0);
    
    return {x:left, y:top};		
}

//統一管理全畫面之訊息方框，記憶按鈕本身因需要隨時更新，故寫在maprefresh()內
var messagesSetup = function(){
    //垃圾筒
    $('#mapsave_trashcan').bind('mouseover',function(){ 
        $(this).attr('src','./images/trash_empty_big.jpg');
        showMessage(this,'將左列紀錄方格拖曳至此，可刪除該紀錄');
    })
    .bind('mouseout',function(){
        hideMessage();
        $(this).attr('src','./images/trash_empty_small.jpg');
    });

    //儲存按鈕
    $('#mapsave').bind('mouseover',function(){   $(this).attr('src','./images/mapsave_on.jpg');  showMessage(this,'點擊此按鈕，將目前地圖狀態儲存下來，可透過右方記憶格取回');
    }).bind('mouseout',function(){ $(this).attr('src','./images/mapsave.jpg'); hideMessage(); });
    
    
    $('input','#div_marker_setup').bind('mouseover',function(){
        showMessage(this,'請輸入圖型位置的網址，如: http://wamap.net/logo.jpg');
    }).bind('mouseout',function(){
        hideMessage();    
    });
    
    $('textarea','#div_mapinfo').bind('mouseover',function(){
        var m = $('.marker[@checked]').val();
        var str = "請輸入欲顯示的訊息。";
        if(m=='setup') str += "<br>※若訊息未出現在左方畫面中，請確認您的圖型網址是否正確。";
        showMessage(this,str);
    }).bind('mouseout',function(){
        hideMessage();    
    });
}


$(document).ready(function(){

     $('#mapzoom').bind('change',function(){	
        wa.map.setZoom(parseInt($(this).val()));
    });

    $('#mapsize').bind('change',function(){	
        if($(this).val() == 'setup'){
            $('.mapsize_setup').parent().css('display','inline');
        }
        else{  
            $('.mapsize_setup').parent().css('display','none');
            eval("size = new Array("+ $(this).val() +")");
            changeMapsize(size);
        }
    });
    
    $('.mapsize_setup').bind('keypress', function(e) {
        if (e.keyCode == 13){
            var size = [];
            $('input.mapsize_setup').each(function(i){ 
                size[i] = $(this).val();
            });            
            changeMapsize(size);
        }
	}).bind('change',function(){
        var size = [];
        size[0] = parseInt($($('.mapsize_setup').get(0)).val());
        size[1] = parseInt($($('.mapsize_setup').get(1)).val());
        changeMapsize(size);
    });
    
    $('.sizeControl').bind('click',function(){ 
        var re = /[^,]+/g;
		var str = $(this).val();
		var matched = str.match(re);
        wa.addControl(matched[0],matched[1]);
    });
    
    $('.marker').bind('click',function(){
        switch($(this).val()){
            case '0' : 
                if($('#div_mapinfo').css('display')!='none') $('#div_mapinfo').hide();
                if($('#div_marker_setup').css('display')!='none') $('#div_marker_setup').hide();
                wa.removeMarker();
                break;                
            case '1' : 
                if($('#div_marker_setup').css('display')!='none') $('#div_marker_setup').hide();
                if($('#div_mapinfo').css('display')=='none') $('#div_mapinfo').show();
                wa.removeMarker();
                wa.messages = $('#information').val();
                wa.addMarker();
                break;
            case 'setup' :                
                if($('#div_marker_setup').css('display')=='none') $('#div_marker_setup').show();
                if($('#div_mapinfo').css('display')=='none') $('#div_mapinfo').show();
                wa.removeMarker();
                if($('#markerSrc').val()){
                    wa.messages = $('#information').val();
                    wa.addMarkerPersonalization($('#markerSrc').val());
                }
                break;
            default  :
                break;
        }
        
    });
    

    $('#button_search').bind('mouseover',function(){
        $(this).attr('src',"./images/search_on.jpg");
        showMessage(this,'輸入完查詢地址後，點此取得地圖定位');
    }).bind('mouseout',function(){
        $(this).attr('src',"./images/search_off.jpg");
        hideMessage();
    }).bind('click',function(){
        mapSearch();
    });
    
    
    $('#mapsearch').bind('focus',function(){
        $(this).select();
    }).bind('keypress',function(e){
        if(e.keyCode == 13){
            mapSearch();
        }
    }); 
        
            
    $('#information').bind('keyup',function(e){
        wa.addInfo($(this).val());
        wa.messages = $(this).val();
        if(!$(this).val()) wa.map.setCenter(wa.point);  
    });
    
    
    $('#markerSrc').bind('keyup',function(){
        var re = /\.([a-zA-Z]{3,4})$/g;
		var str = $(this).val();	
		var matched = str.match(re);
 		wa.removeMarker();
		if(matched!=null){
    		if(matched=='.gif'||matched=='.jpg'||matched=='.jpeg'||matched=='.bmp'||matched=='.png'){	
                wa.messages = $('#information').val();          
                wa.addMarkerPersonalization($(this).val());
    		}
    	}
    }).bind('focus',function(){
        $(this).select();
    });
    
    
    //綁定儲存地圖按鈕
    $('#mapsave').bind('click',function(){
        mapsave();
    });
    
    wa = new WaMap();
    wa.base();    
    wa.map.disableDoubleClickZoom();
    wa.map.enableScrollWheelZoom();    
    
    //設定完成相關設定『開始』
    $.extend($.blockUI.defaults.overlayCSS, { backgroundColor: '#000' });
    $.extend($.blockUI.defaults.pageMessageCSS, { border:'none',left:'40%'}); 
    
    var div_blockUI_finish = $('#div_blockUI_finish')[0];  
    
    $('#button_finish').bind('mouseover',function(){   $(this).attr('src','./images/finish_on.jpg');  showMessage(this,'設定完畢後，點擊此按鈕取得連結');
    }).bind('mouseout',function(){ $(this).attr('src','./images/finish.jpg'); hideMessage(); }).css('cursor','pointer').bind('click',function(){
        $.blockUI(div_blockUI_finish); 
        $('#input_shortUrl').val('※載入中，請稍後˙˙˙˙'); //先清掉短網址input值
        
        if(static_maps==1){
         	assemble_staticmaps();
        }else{
			assemble(); //產生iframe
		}
		
        submitWamap(); //產生短網址
    });
    
    $('#button_getShortUrl').bind('click',function(){ copy(document.getElementById('input_shortUrl')); alert("複製成功"); });
                            
    $('#button_getIframe').bind('click',function(){ copy(document.getElementById('input_iframe')); alert("複製成功"); });                         
        
    $('#button_close_blockUI_finish').bind('click',function(){
        $.unblockUI({ fadeOut:false });
    });
    
    
    $('#input_shortUrl').bind('focus',function(){
        $(this).select();
    });
    
    $('#input_iframe').bind('focus',function(){
        $(this).select();
    });
    
    
    $('#markerSetCenter').bind('click',function(){
        if(wa.marker==null) return;
        wa.point = wa.map.getCenter();
        wa.marker.setLatLng(wa.point);
        
        if($('#information').val()){
            wa.addInfo($('#information').val());
        }         
    });
    
    //設定完成相關設定『結束』
    
        
	//啟用記憶地圖按鈕拖曳刪除功能
    addMapDrag();       
    
    maprefresh();  //將cookie內存地圖地點載入
    mapfile();   //debug用 顯示cookie
    
    addSlider();   //加入自製的拉近遠控制器
    
    allOptionsReset();//重置網頁上全部選項為預設值
    
    messagesSetup(); //顯示頁面上全部額外訊息方框
   
});