$(function() {
    var defaultCreatureId = $('#defaultCreatureId').val();
    var mikkeMap = new Mikke.Map({
        creatureId:      defaultCreatureId,
        mapControlRight: 10,
        mapControlTop:   40,
        zoomControlLeft: 35,
        zoomControlTop:  180
    });
    var grayback = new Mikke.Grayback();

    // いきもののアイコンのイベント
    $('#creatureListBox .creatureList img').click(function() {
        var self = this;
        if (! $(self).hasClass('btn')) {
            return;
        }
        grayback.start();
        setTimeout(function() {
            var creatureId = $(self).attr('id').replace(/creature(\d+)/, '$1');
            mikkeMap.plotCreature(creatureId);
            grayback.end();
        }, 0);
    });

    // 自分の報告を見るを押したときのイベント
    $('#viewMyData').click(function() {
        grayback.start();
        setTimeout(function() {
            var memberId = $('#myMemberId').val();
            mikkeMap.plotMember(memberId);
            grayback.end();
        }, 0);
    });

    // 印刷するを押したときのイベント
    $('#doPrint').click(function(e) {
        e.preventDefault();
        var queryValues = new Array;
        $.each({
            lat: mikkeMap.map.getCenter().lat(),
            lon: mikkeMap.map.getCenter().lng(),
            zoom: mikkeMap.map.getZoom(),
            creatureId: mikkeMap.creatureId,
            memberProt: mikkeMap.isMemberProt,
            mapType: mikkeMap.map.getCurrentMapType().getUrlArg()
        },
        function(key, val) {
            if (val) queryValues.push(key + "=" + val);
        });
        var query = queryValues.join('&');
        window.open('/map/print?'+query, 'print', 'width=720, height=700, menubar=yes, toolbar=yes');
    });

    // ロゴと利用規約のスタイル調整
    $(window).load(function() {
        $('#copyright,#logocontrol,div.gmnoprint').css('z-index','10');
    });

    // ロールオーバー
    $('.btn').each(function() {
        var src   = this.src;
        var src_o = this.src.replace(/\.\w+$/, '_o$&');
        var img   = new Image();
        img.src   = src_o;

        $(this).hover(
            function() { this.src = src_o; },
            function() { this.src = src; }
        );
    });

    // IE6で透過PNG
    $('.pngfix').pngfix();
});