//alert('hello');
var mainURI = 'http://asppukjawa.org';
var peta;
var pertama = 0;
var jenis = "restoran";
var judulx = new Array();
var desx = new Array();
var i;
var url;
var gambar_tanda;
window.onload = function(){
peta_awal();   
}
function peta_awal(){
    var jakarta = new google.maps.LatLng(-7.3666667, 109.9);
    var petaoption = {
        zoom: 7,
        center: jakarta,
        mapTypeId: google.maps.MapTypeId.ROADMAP
        };
    peta = new google.maps.Map(document.getElementById("petaku"),petaoption);
    google.maps.event.addListener(peta,'click',function(event){
        kasihtanda(event.latLng);
    });
    ambildatabase('awal');
}

jQuery(document).ready(function(){
    jQuery("#tombol_simpan").click(function(){
        var x = jQuery("#x").val();
        var y = jQuery("#y").val();
        var judul = jQuery("#judul").val();
        var des = jQuery("#deskripsi").val();
        jQuery("#loading").show();
        jQuery.ajax({
            url: mainURI+"/maps/simpanlokasi.php",
            data: "x="+x+"&y="+y+"&judul="+judul+"&des="+des+"&jenis="+jenis,
            cache: false,
            success: function(msg){
                alert(msg);
                jQuery("#loading").hide();
                jQuery("#x").val("");
                jQuery("#y").val("");
                jQuery("#judul").val("");
                jQuery("#deskripsi").val("");
                ambildatabase('akhir');
            }
        });
    });
    jQuery("#tutup").click(function(){
        jQuery("#jendelainfo").fadeOut();
    });
});


function set_icon(jenisnya){
    switch(jenisnya){
        case "restoran":
            gambar_tanda = mainURI+'/maps/icon/restaurant.png';
            break;
        case "airport":
            gambar_tanda = mainURI+'/maps/icon/airport.png';
            break;
        case  "masjid":
            gambar_tanda = mainURI+'/maps/icon/mosque.png';
            break;
        case  "home":
            gambar_tanda = mainURI+'/maps/icon/home.png';
            break;
        case  "inyong":
            gambar_tanda = mainURI+'/maps/icon/foto.png';
            break;
        case  "asppuk":
            gambar_tanda = mainURI+'/maps/icon/asppuk.png';
            break;
    }
}

function ambildatabase(akhir){
    if(akhir=="akhir"){
        url = mainURI+"/maps/ambildata.php?akhir=1";
    }else{
        url = mainURI+"/maps/ambildata.php?akhir=0";
    }
    jQuery.ajax({
        url: url,
        dataType: 'json',
        cache: false,
        success: function(msg){
            for(i=0;i<msg.wilayah.petak.length;i++){
                judulx[i] = msg.wilayah.petak[i].judul;
                desx[i] = msg.wilayah.petak[i].deskripsi;

                set_icon(msg.wilayah.petak[i].jenis);
                var point = new google.maps.LatLng(
                    parseFloat(msg.wilayah.petak[i].x),
                    parseFloat(msg.wilayah.petak[i].y));
                tanda = new google.maps.Marker({
                    position: point,
                    map: peta,
                    icon: gambar_tanda
                });
                setinfo(tanda,i);

            }
        }
    });
}

function setjenis(jns){
    jenis = jns;
}

function setinfo(petak, nomor){
    google.maps.event.addListener(petak, 'click', function() {
        jQuery("#jendelainfo").fadeIn();
        jQuery("#teksjudul").html(judulx[nomor]);
        jQuery("#teksdes").html(desx[nomor]);
    });
}