var adding = 0
var add_marker = 0
var map

var basePin = new GIcon();
basePin.shadow = "http://www.whereihadmyfirstkiss.com/images/kiss_shadow.png";
basePin.iconSize = new GSize(12,20);
basePin.shadowSize = new GSize(22,20);
basePin.iconAnchor = new GLatLng(20,6);
basePin.infoWindowAnchor = new GLatLng(1,5);

var redPin = new GIcon(basePin);    redPin.image = "http://www.whereihadmyfirstkiss.com/images/kiss_red.png";
var yellowPin = new GIcon(basePin); yellowPin.image = "http://www.whereihadmyfirstkiss.com/images/kiss_yellow.png";
function createPin(point, zoomLevel, text) {
    var m = new GMarker(point, redPin);
    m.zoomlevel = zoomLevel
    if (text) {
        GEvent.addListener(m, "click", function() {
            m.openInfoWindowHtml(text)
        });
    }
    return m;
}

function createRequestObject() {
    var ro;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
        ro = new ActiveXObject("Microsoft.XMLHTTP");
    }else{
        ro = new XMLHttpRequest();
    }
    return ro;
}
var http = createRequestObject();
var gazeURL = "http://www.whereihadmyfirstkiss.com/gaze-rest.php?f=find_places";

function handleResponse() {
    if(http.readyState == 1){
        document.getElementById("lookup_status").innerHTML = "searching...";

        document.getElementById("lookup_link").hidden = true;
        
    }    
    else if(http.readyState == 4){
		if(http.status == 200) { // OK returned   
            document.getElementById("lookup_link").hidden = false;
            var response = http.responseText;
            var places = response.split(",");
             
            if(places[10] != null && places[9] != null)
            {
                map.centerAndZoom(new GLatLng(places[9],places[10]), 3);
                document.getElementById("lookup_status").innerHTML = "Found."
            }
            else
                document.getElementById("lookup_status").innerHTML = "Not Found."

        }
        else 
        {
            document.getElementById("lookup_status").innerHTML = "Not Found."
        }
    }
}


function lookup_place(country, state, query) {
    var gazeQuery = gazeURL + '&country='+country;
    if(state != '')
        gazeQuery +='&state='+state;
    gazeQuery += '&query='+query;
    
    http.open('get',gazeQuery);
    http.onreadystatechange = handleResponse;
    http.send(null);
    return true;
}
function country_selected() {
    var country = document.getElementById("lookup_country").value;
    var state_display = document.getElementById("state_display");
    var state_input = document.getElementById("lookup_state");
    state_input.value = "";
    if(country == "US")
    {
        state_display.style.display = "block";
    }
    else
    {
        state_display.style.display = "none";
    }    
}
function location_lookup() {
	
    var country = document.getElementById('lookup_country').value;
    var state = document.getElementById('lookup_state').value;
    var location = document.getElementById('lookup_location').value;
    lookup_place(country,state, location);
}
function add_place_form(override) {
    if (!document.getElementById('add_place')) return true;
    if (adding && !override) return false
    adding = 1
    document.getElementById('recent_places').style.display='none';
    document.getElementById('add_success').style.display='none';
    document.getElementById('add_place').style.display='block';
    document.getElementById('where').style.display='block';
    if (add_marker) map.addOverlay(add_marker)
    return false
}


function remove_place_form() {
    if (!adding) return
    adding = 0
    document.getElementById('recent_places').style.display='block';
    document.getElementById('add_success').style.display='none';
    document.getElementById('add_place').style.display='none';
    document.getElementById('where').style.display='none';
    if (add_marker) map.removeOverlay(add_marker)
}

function field_error(e,errspan,errstr) {
    e.style.backgroundColor = '#ffeeee';
    e.style.border = 'solid 1px #ff0000';
    if (errspan)
        document.getElementById(errspan).innerHTML = errstr
}
function field_unerror(e,errspan) {
    e.style.backgroundColor = '#ffffff';
    e.style.border = 'solid 1px #000000';
    if (errspan)
        document.getElementById(errspan).innerHTML = ''
}

function add_place(f) {
    if (!adding) return; // Not in adding mode, shouldn't be able to submit
    pass = true
    if (!add_marker) {
        pass = false
        document.getElementById('show_where').innerHTML = '<b style="color: #ff0000">Please select somewhere</b>'
    } else {
        lat = add_marker.getPoint().lat();
        lng = add_marker.getPoint().lng();
    }
    title = encodeURIComponent(f.title.value)
    name = encodeURIComponent(f.name.value)
    email = encodeURIComponent(f.email.value)
    emailalert = f.emailalert.checked
    summary = encodeURIComponent(f.summary.value)
    body = encodeURIComponent(f.why.value)
    zoom = map.getZoom()

/*    if (!name) { pass = false; field_error(f.name, 'nameerror', 'Please give your name') } else field_unerror(f.name, 'nameerror')*/
    if (!email) { pass = false; field_error(f.email, 'emailerror', 'Please give your email address') } else field_unerror(f.email, 'emailerror')
    if (!title) { pass = false; field_error(f.title, 'titleerror', 'Please give a title') } else field_unerror(f.title, 'titleerror')
    if (!summary) { pass = false; field_error(f.summary, 'summaryerror', 'Please give a summary') } else field_unerror(f.summary, 'summaryerror')
/*    if (!body) { pass = false; field_error(f.why, 'bodyerror', 'Please give some text') } else field_unerror(f.why, 'bodyerror')*/
    if (!pass) return;

    document.getElementById('add_submit').value = 'Submitting...'
    var r = GXmlHttp.create();
    url = "/cgi-bin/submit.cgi"
    var post_data = "name="+name+";email="+email+";title="+title+";lng="+lng+";lat="+lat+";zoom="+zoom+";body="+body+";summary="+summary+";emailalert="+emailalert
    r.open("POST", url, true);
    r.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
    r.onreadystatechange = function(){
        if (r.readyState == 4) {
            x = r.responseXML
            document.getElementById('add_submit').value = 'Add place'
            errors = x.getElementsByTagName('error')
            if (errors.length) {
                form = document.getElementById('f')
                for (e=0; e<errors.length; e++) {
                    field = errors[e].getAttribute('field')
                    error = GXml.value(errors[e])
                    var errspan = field + 'error'
                    field_error(form[field], errspan, error)
                }
                return;
            }
            adding = 0
            document.getElementById('add_place').style.display='none'
            document.getElementById('where').style.display='none'
            document.getElementById('add_success').style.display='block'
            map.removeOverlay(add_marker)
        }
    }
    r.send(post_data);
}


function search(s) {
    document.getElementById('Submit1').value = 'Searching...';
    var r = GXmlHttp.create();
    r.open("GET", "/lookup.php?output=xml&q=" + encodeURIComponent(s), true);
    r.onreadystatechange = function(){
        if (r.readyState == 4) {
            document.getElementById('Submit1').value = 'Search';
            x = r.responseXML
            c = x.getElementsByTagName('center')[0]
            s = x.getElementsByTagName('span')[0]
            if (c && s) {
                p = GLatLng.fromLatLngXml(c)
                s = GSize.fromLatLngXml(s)
                z = map.spec.getLowestZoomLevel(p, s, map.viewSize)
                map.centerAndZoom(p, z)
                document.getElementById('search_results').style.display = 'none'
                return 1;
            }
            refinements = x.getElementsByTagName('refinement');
            if (refinements.length) {
                var out = '<p>More than one match:</p><ul>'
                for (ref=0; ref<refinements.length; ref++) {
                    q = GXml.value(refinements[ref].getElementsByTagName('query')[0])
                    d = GXml.value(refinements[ref].getElementsByTagName('description')[0])
                    out += '<li><a href="#needsJS" onclick=\'window.search("' + q + '"); return false;\'>' + d + '</a>'
                }
                out += '</ul>'
                d = document.getElementById('search_results')
                d.innerHTML = out
                d.style.display = 'block'
                return 1;
            }
            error = x.getElementsByTagName('error')[0]
            if (error) {
                d = document.getElementById('search_results')
                d.innerHTML = GXml.value(error)
                d.style.display = 'block'
            }
        }
    }
    r.send(null);
};

function show_post(marker, id) {
    p = marker.point
    z = marker.zoomlevel
    map.centerAndZoom(p, z)
    GEvent.trigger(marker, "click")
}

function update_place_list() {
    var bounds = map.getBounds();
    var r = GXmlHttp.create();
    url = "/cgi-bin/list.cgi?type=xml;topleft_lat=" + bounds.getNorthEast().lat()+ ";topleft_long="+ bounds.getSouthWest().lng() + ";bottomright_lat=" + bounds.getSouthWest().lat() + ";bottomright_long=" + bounds.getNorthEast().lng()
    r.open("GET", url, true);
    r.onreadystatechange = function(){
        if (r.readyState ==4) {
            x = r.responseXML
            newhtml = GXml.value(x.getElementsByTagName('newhtml')[0])
            markers = x.getElementsByTagName('result');
            for (m=0; m<marker.length; m++) {
                map.removeOverlay(marker[m])
            }
            marker = []
            for (m=0; m<markers.length; m++) {
                lat = parseFloat(markers[m].getAttribute('lat'))
                lng = parseFloat(markers[m].getAttribute('lng'))
                zoom = parseInt(markers[m].getAttribute('zoom'), 10)
                bubble = GXml.value(markers[m])
                marker[m] = window.createPin(new GLatLng(lat, lng), zoom, bubble)
                map.addOverlay(marker[m])
            }
            d = document.getElementById('list')
            if (d) {
                if (newhtml)
                    d.innerHTML = newhtml
                else
                    d.innerHTML = '<p>None</p>'
            }
	}
    }
    r.send(null)
};

function keep_adding_pin() {
    if (!adding || !add_marker) return
		/*
    var point = add_marker.point
    var p = map.getScreenCoord(point)
    if (p.x>=0&&p.x<=1&&p.y>=0&&p.y<=1) {
        if (p.x==map.centerScreen.x && p.y==map.centerScreen.y){return}
        map.centerBitmap.x -= Math.round(map.viewSize.width*(map.centerScreen.x-p.x))
        map.centerBitmap.y -= Math.round(map.viewSize.height*(map.centerScreen.y-p.y))
        map.centerScreen.x = p.x; map.centerScreen.y = p.y
        map.centerLatLng = point
    }
		*/
}

function onLoad() {
    if (GBrowserIsCompatible()) {
        // do nothing
    } else {
        document.getElementById('browserwontwork').className= '';
    }

    map = new GMap2(document.getElementById("map"));
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
//    map.setMapType( G_HYBRID_MAP );

    GEvent.addListener(map, 'click', function(overlay, point) {
        if (!adding) return false
        if (overlay) return false
        else if (point) {
            var latLngStr =  "lat=" + point.y + "; long=" + point.x;
            document.getElementById('show_where').innerHTML = latLngStr;
            if (add_marker) map.removeOverlay(add_marker)
            add_marker = new GMarker(point, yellowPin)
            map.addOverlay(add_marker)
            keep_adding_pin()
        }
    });

var avgLat = 0;
var avgLon = 0;
    if (marker.length==1) {
        map.setCenter(marker[0].getPoint());
				map.setZoom(marker[0].zoomlevel);
    } else {
//        map.centerAndZoom(new GLatLng(-4.218750, 54.724620), 12);
        map.setCenter(new GLatLng(0, 0));
				map.setZoom(2);
    }
    for (p=0; p<marker.length; p++)
    {
        map.addOverlay(marker[p]);
        avgLat += marker[p].getPoint().lat();
        avgLon += marker[p].getPoint().lng();
        
        if (marker.length==1)
            GEvent.trigger(marker[0], "click");
    }
     if (marker.length!=1) {
        //alert(avgLat / marker.length + " " + avgLon/ marker.length );
         map.setCenter(new GLatLng(avgLat / marker.length , avgLon / marker.length ));
				 map.setZoom(2);
    }
    // Not perfect, but it'll do for now
    GEvent.addListener(map, 'moveend', keep_adding_pin);
    GEvent.addListener(map, 'moveend', update_place_list);

//    d = document.getElementById('f')
//    if (d)
//        InstallAC(d,d.q,d.btnG,"/cgi-bin/suggest.cgi","en", true);

    if (adding)
        add_place_form(1);
}
window.onload = onLoad

function revert() {
    remove_place_form();
    map.closeInfoWindow()
    map.resetCenterScreen()
    map.setCenter(new GLatLng(0, 0));
		map.setZoom(1);
//    map.centerAndZoom(new GLatLng(-4.218750, 54.724620), 12);
}