function next(lat, lon, area, page)
{
    var url = site_url+'/home/getFlickrImagesNext/'+lat+'/'+lon+'/'+area+'/'+page;
    new Ajax(url, {
		method: 'GET',
		update: _showLoading(),
		onComplete: function(res){
		    $('images').setHTML(res);
		    _hideLoading();
		}
	}).request();
}

function _showLoading()
{
    $('loading_spinner').style.display = 'block';
    $('images').style.display = 'none';
}

function _hideLoading()
{
    $('loading_spinner').style.display = 'none';
    $('images').style.display = 'block';
}

function imageDetails(farm, server, id, secret, title, w, h)
{
	w=w+50;
	h=h+50;
    var url = site_url+'/home/getFlickrImageDesc/'+farm+'/'+server+'/'+id+'/'+secret;
    MOOdalBox2_popup.open(
        // case matters
        url, // the link URL
        "<b style='font-size:12px;'>"+title+"</b>", // the caption (link's title) - can be blank
        w + " " + h // width and height of the box - can be left blank
    );
}

//<![CDATA[
var map;
var currentlatitude;
var currentlongitude;
var geocoder;
var marker;

function load() {
    if (GBrowserIsCompatible()) {
        map = new GMap2(document.getElementById("map"), {draggableCursor: 'pointer', draggingcursor: 'pointer'});
        //map.setCenter(new GLatLng(37.4419, -122.1419), 4, G_HYBRID_MAP);
        map.setCenter(new GLatLng(1.0414, 103.4575), 4, G_HYBRID_MAP); // default view at singapore/malaysia
        map.enableScrollWheelZoom();  // disable scrolling zoom feature
        map.disableDoubleClickZoom()    // disable click zoom feature
		map.addControl(new GLargeMapControl());

        geocoder = new GClientGeocoder();

        GEvent.addListener(map, "click", function(overlay, point) {
            if(point)
            {
                var area = getClosest(point.y, point.x);
                if (area) {
                    currentlatitude = point.y;
                    currentlongitude = point.x;
                    map.clearOverlays();
                    map.panTo(new GLatLng(point.y, point.x));

                    marker = new GMarker(point, {draggable:false});
                    map.addOverlay(marker);

                    //var url = "<?=site_url('home/getFlickrImages')?>";
                    var url = site_url+'/home/getFlickrImages';
                    MOOdalBox.open( // case matters
                            url+"/"+point.y+"/"+point.x+"/"+area[0], // the link URL
                            "<b style='font-size:12px;'>"+area[0]+"</b>", // the caption (link's title) - can be blank
                            "500 97" // width and height of the box - can be left blank
                    );
                }
                return false;
            }
            else
            {
                alert("Invalid point");
            }
        });
    }
}
//]]>

function showAddress() {
    var address = document.getElementById("location").value;
    geocoder = new GClientGeocoder();
    geocoder.getLatLng(
        address,
        function(latlng) {
            if (!latlng) {
                alert(address + " not found");
            } else {
                var lat = latlng.y;
                var lon = latlng.x;

                map.clearOverlays();
                map.panTo( new GLatLng(lat, lon));

                marker = new GMarker(latlng, {draggable:false});
                map.addOverlay(marker);

                var area = getClosest(lat, lon);
                if(area)
                {
                    //var url = "<?=site_url('home/getFlickrImages')?>";
                    var url = site_url+'/home/getFlickrImages';
                    MOOdalBox.open( // case matters
                            url+"/"+lat+"/"+lon+"/"+area[0], // the link URL
                            "<b style='font-size:12px;'>"+area[0]+", "+address+"</b>", // the caption (link's title) - can be blank
                            "500 103" // width and height of the box - can be left blank
                    );
                }
            }
        }
    );
}