MJL.event.add(window, "load", function() {
    MJL.enable.window("popup", {
      width: 640,
      height: 800,
      toolbar: "no"
    });
    MJL.enable.heightEqualizer("box_shop", {
      groupBy: 2,
      collect: function(parent){
        return MJL.convArray(parent.getElementsByTagName("li"));
      }
    });
    MJL.enable.rollover("nav_btn");
});

/*==================================================
	First Loading
==================================================*/
addListener(window, "load", showGoogleMap);


/*==================================================
	Add Listener
==================================================*/

function addListener(elem, ev, listener){
    if(elem.addEventListener){
        elem.addEventListener(ev, listener, false);
    }else if(elem.attachEvent){
        elem.attachEvent("on" + ev, listener);
    }else{
        throw new Error("error");
    }
}

/*==================================================
	Function
==================================================*/

function showGoogleMap(){
    

    
    var JsonCallback = {
        getPoint:function(){
            var pointdata = JsonMapdata.coordinates.match(/(\d+.\d+)/g);
            
            if(pointdata.length == 2){
                return pointdata;
            }else{
                throw new Error("pointdata make an error");
            }
        },
        getContent:function(){
            var imgpath = JsonMapdata.imgpath;
            var name = JsonMapdata.name;
            var html;
            
            if(imgpath || name){
                var div = document.createElement("div");
                div.className = "balloon";
                html = div;
            }else{
                return html;
            }
            
            if(imgpath){
                var img = document.createElement("img");
                img.src = imgpath;
                img.alt = "";
                html.appendChild(img);
            }
            
            if(imgpath && name){
                html.appendChild(document.createElement("br"));
            }
            
            if(name){
                var text = document.createTextNode(name);
                html.appendChild(text);
            }
                return html;
        }
    }
    
    var ControlNodes = {
        pagename:document.getElementsByTagName("body").item(0).className,
        maparea:document.getElementById("map"),
        layoutMap:function(){
            var current = this.maparea;
            while(current.className == !"lyt_map"){
                current = current.parentNode;
            }
            current.className += " active";
        }
    }
    
    try{
        if(GBrowserIsCompatible()){
            ControlNodes.layoutMap();
            
            var maparea = ControlNodes.maparea;
            var point = JsonCallback.getPoint();
            if(ControlNodes.pagename != "map"){
                var content = JsonCallback.getContent();
            }
            
            var map = new GMap2(maparea);
            map.setCenter(new GLatLng(point[0], point[1]), 15);
            
            var marker = new GMarker(map.getCenter());
            map.addOverlay(marker);
            
            if(content){
                marker.bindInfoWindowHtml(content, {maxWidth:217});
                marker.openInfoWindowHtml(content, {maxWidth:217});
            }
            
            map.addControl(new GLargeMapControl());
        }
    }catch(e){
    }
}