function detectBrowser() {
    var useragent = navigator.userAgent;
    var mapdiv = document.getElementById("map");

    if (useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1 ) {
        mapdiv.style.width = '300px';
        mapdiv.style.height = '300px';
    } else {
        mapdiv.style.width = '625px';
        mapdiv.style.height = '423px';
    }

    initialize();
}

function initialize() {
    geocoder = new google.maps.Geocoder();
    var latlng = new google.maps.LatLng(-36.827115203703386,-73.05024147033691);
    var myOptions = {
        zoom: 15,
        center: latlng,
        scrollwheel: false,
        mapTypeControl: true,
        mapTypeControlOptions: {
            style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
        },
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map"), myOptions);

    window.setTimeout(function(){
        showItem(window.document.getElementById("ItemLat").value,window.document.getElementById("ItemLng").value,window.document.getElementById("ItemAddress").value);
    },1000);

}

function showItem(lat,lng,address) {
    var latlng = new google.maps.LatLng(lat, lng);
    marker = new google.maps.Marker({
        position: new google.maps.LatLng(lat,lng),
        draggable: false,
        map: map,
        title: address
    });


    map.setCenter(latlng);
    map.setZoom(15);
}