$(document).ready(
    function()
    {
        $("#schoolmap_form").validate( {
            rules: {
                limit: {
                    required: true,
                    min: 0,
                    max: 100
                }
            }
        } );
    }
);

var SCHOOLMAP = {
    default_zoom:12,
    min_zoom:11,
    default_center:new GLatLng( 53.82659674299412, -1.86767578125 ),
    schools_url:"schools",
    school_url:"school",
    schools:[],
    params:{},
    nschools:0,
    order_bys:{ 
        "primary":"Key stage 2",
        "ks3":"Key stage 3",
        "secondary":"GCSE",
        "post16":"GCE and VCE" 
    },
    request:false,
    curtags:[ "body", "a", "input", "select", "div" ],
    phases:{
        "Not applicable":{ colour: "ff00ff", active_colour:"ffaaff" },
        "Nursery":{ colour: "00ff00", active_colour:"aaffff" },
        "Primary":{ colour: "00ffff", active_colour:"aaffff" },
        "Secondary":{ colour: "ff0000", active_colour:"ffaaaa" },
        "16 Plus":{ colour: "0000ff", active_colour:"aaaaff" }
    },
    handle_zoom:false,
    handle_move:false,
    layer_config:{
        panoramio: "com.panoramio.all",
        wikipedia: "org.wikipedia.en"
    },
    layers:{},
    addressMarker:false
};

SCHOOLMAP.updateAddress = function( point, address )
{
    SCHOOLMAP.point = point;
    SCHOOLMAP.createAddressMarker();
    var input = document.getElementById( "address" );
    SCHOOLMAP.address = input.value = address;
    var span = document.getElementById( "coords" );
    SCHOOLMAP.setText( span, "( lat: " + point.lat() + ", lng: " + point.lng() + ")" );
};

SCHOOLMAP.findAddressUsingLocalsearch = function( query, callback ) 
{
    SCHOOLMAP.localSearch.setSearchCompleteCallback(
        null, 
        function() {
            var result = SCHOOLMAP.localSearch.results[0];
            if ( result ) 
            {    
                var lat = result.lat;
                var lng = result.lng;
                var title = result.addressLines.join( ", " );
                var point = new GLatLng( lat, lng );
                console.log( result );
                console.log( title );
                SCHOOLMAP.updateAddress( point, title );
                callback( point );
            }
            else
            {
                alert("\"" + query + "\" not found");
            }
        }
    );  
    SCHOOLMAP.localSearch.execute( query );
}

SCHOOLMAP.findAddressUsingGClientGeocoder = function( query, callback ) 
{
    SCHOOLMAP.geocoder.getLocations( 
        query, 
        function ( response ) {
            if ( ! response || response.Status.code != 200 ) 
            {
                alert("\"" + query + "\" not found");
                return;
            }
            var place = response.Placemark[0];
            SCHOOLMAP.drawBoundingBox( place );
            var point = SCHOOLMAP.place2point( place );
            var address = place.address;
            SCHOOLMAP.updateAddress( point, address );
            if ( callback ) callback( point );
        }
    );
};

SCHOOLMAP.findAddress = SCHOOLMAP.findAddressUsingLocalsearch;

SCHOOLMAP.setMapListeners = function() 
{
    SCHOOLMAP.handle_zoom = GEvent.addListener( 
        SCHOOLMAP.map, 
        "zoomend", 
        function() { 
            var zoom = SCHOOLMAP.map.getZoom();
            console.log( "zoom = " + zoom );
            console.log( "min zoom = " + SCHOOLMAP.min_zoom );
            if ( zoom >= SCHOOLMAP.min_zoom )
            {
                SCHOOLMAP.getSchools(); 
            }
        }
    );
    SCHOOLMAP.handle_move = GEvent.addListener( 
        SCHOOLMAP.map, 
        "moveend", 
        function() {
            var zoom = SCHOOLMAP.map.getZoom();
            console.log( "zoom = " + zoom );
            if ( zoom >= SCHOOLMAP.default_zoom )
            {
                SCHOOLMAP.getSchools(); 
            }
        }
    );
};

SCHOOLMAP.removeMapListeners = function() {
    if ( SCHOOLMAP.handle_zoom )
    {
        GEvent.removeListener( SCHOOLMAP.handle_zoom );
        SCHOOLMAP.handle_zoom = false;
    }
    if ( SCHOOLMAP.handle_move )
    {
        GEvent.removeListener( SCHOOLMAP.handle_move );
        SCHOOLMAP.handle_move = false;
    }
}

SCHOOLMAP.place2point = function( a ) 
{
    return new GLatLng( a.Point.coordinates[1], a.Point.coordinates[0] );
};

SCHOOLMAP.createAddressIcon = function() 
{
    var myIcon = new GIcon();
    myIcon.image = '/markers/image.png';
    myIcon.shadow = '/markers/shadow.png';
    myIcon.iconSize = new GSize(32,37);
    myIcon.shadowSize = new GSize(51,37);
    myIcon.iconAnchor = new GPoint(16,37);
    myIcon.infoWindowAnchor = new GPoint(16,0);
    myIcon.printImage = '/markers/printImage.gif';
    myIcon.mozPrintImage = '/markers/mozPrintImage.gif';
    myIcon.printShadow = '/markers/printShadow.gif';
    myIcon.transparent = '/markers/transparent.png';
    myIcon.imageMap = [29,0,30,1,31,2,31,3,31,4,31,5,31,6,31,7,31,8,31,9,31,10,31,11,31,12,31,13,31,14,31,15,31,16,31,17,31,18,31,19,31,20,31,21,31,22,31,23,31,24,31,25,31,26,31,27,31,28,31,29,30,30,29,31,23,32,22,33,21,34,20,35,19,36,12,36,11,35,10,34,9,33,8,32,2,31,1,30,0,29,0,28,0,27,0,26,0,25,0,24,0,23,0,22,0,21,0,20,0,19,0,18,0,17,0,16,0,15,0,14,0,13,0,12,0,11,0,10,0,9,0,8,0,7,0,6,0,5,0,4,0,3,0,2,1,1,2,0];
    return myIcon;
}

SCHOOLMAP.createAddressMarker = function() 
{
    if ( ! SCHOOLMAP.point ) return;
    if ( SCHOOLMAP.addressMarker ) return;
    SCHOOLMAP.addressMarker = new GMarker( 
        SCHOOLMAP.point, 
        { draggable: true, icon:SCHOOLMAP.createAddressIcon() } 
    );
    GEvent.addListener( 
        SCHOOLMAP.addressMarker, 
        "dragend", 
        function( latlng ) { 
            SCHOOLMAP.findAddress( 
                latlng.lat() + "," + latlng.lng(),
                function( point ) {
                    SCHOOLMAP.address_changed = true;
                    SCHOOLMAP.getSchools(); 
                }
            );
        }
    );
    SCHOOLMAP.map.addOverlay( SCHOOLMAP.addressMarker );
};

SCHOOLMAP.removeSchoolMarkers = function() 
{
    var listDiv = document.getElementById( "list" );
    SCHOOLMAP.removeChildren( listDiv );
    SCHOOLMAP.mgr.clearMarkers();
};

SCHOOLMAP.drawBoundingBox = function( place )
{
    var box = place.ExtendedData.LatLonBox;
    var ne = new GLatLng( box.north, box.east );
    var nw = new GLatLng( box.north, box.west );
    var se = new GLatLng( box.south, box.east );
    var sw = new GLatLng( box.south, box.west );
    var points = new Array( ne, nw, sw, se, ne );
    if ( SCHOOLMAP.polyline ) SCHOOLMAP.map.removeOverlay( SCHOOLMAP.polyline );
    SCHOOLMAP.polyline = new GPolyline( points );
    SCHOOLMAP.map.addOverlay( SCHOOLMAP.polyline );
};

SCHOOLMAP.removeChildren = function( parent ) {
    try {
        while ( parent.childNodes.length ) parent.removeChild( parent.childNodes[0] );
    }
    catch(e) { console.error( e.message ) }
}

SCHOOLMAP.createLinkTo = function( query_string ) 
{
    var url = document.URL;
    url = url.replace( /\?.*$/, "" );
    var url = url + "?" + query_string;
    var link1 = document.createElement( "A" );
    url = SCHOOLMAP.schools_url + "?" + query_string + "&format=xml";
    link1.href = url;
    SCHOOLMAP.setText( link1, "XML" );
    var link2 = document.createElement( "A" );
    url = SCHOOLMAP.schools_url + "?" + query_string + "&format=georss";
    link2.href = url;
    SCHOOLMAP.setText( link2, "GeoRSS" );
    var link3 = document.createElement( "A" );
    url = SCHOOLMAP.schools_url + "?" + query_string + "&format=kml";
    link3.href = url;
    SCHOOLMAP.setText( link3, "KML" );
    var link4 = document.createElement( "A" );
    url = SCHOOLMAP.schools_url + "?" + query_string + "&format=json";
    link4.href = url;
    SCHOOLMAP.setText( link4, "JSON" );
    linkToDiv = document.getElementById( "linkto" );
    if ( ! linkToDiv ) return;
    SCHOOLMAP.removeChildren( linkToDiv );
    linkToDiv.appendChild( document.createTextNode( "link to this page: " ) );
    linkToDiv.appendChild( link1 );
    linkToDiv.appendChild( document.createTextNode( " | " ) );
    linkToDiv.appendChild( link2 );
    linkToDiv.appendChild( document.createTextNode( " | " ) );
    linkToDiv.appendChild( link3 );
    linkToDiv.appendChild( document.createTextNode( " | " ) );
    linkToDiv.appendChild( link4 );
};

SCHOOLMAP.getJSON = function( url, callback ) 
{
    SCHOOLMAP.setCursor( "wait" );
    if ( SCHOOLMAP.request )
    {
        console.log( "abort " + SCHOOLMAP.request );
        SCHOOLMAP.request.abort();
    }
    SCHOOLMAP.request = SCHOOLMAP.createXMLHttpRequest();
    SCHOOLMAP.request.open( 'GET', url, true );
    SCHOOLMAP.request.onreadystatechange = function() {
        if ( SCHOOLMAP.request.readyState != 4 ) return;
        if ( SCHOOLMAP.request.status == 0 ) return; // aborted request
        SCHOOLMAP.setCursor( "default" );
        if ( SCHOOLMAP.request.status == 200 ) callback( SCHOOLMAP.request );
        else console.error( "GET " + url + " failed: " + SCHOOLMAP.request.status );
    };
    SCHOOLMAP.request.send( null );
}

SCHOOLMAP.get = function( url, callback ) {
    var request = SCHOOLMAP.createXMLHttpRequest();
    request.open( 'GET', url, true );
    request.onreadystatechange = function() {
        if ( request.readyState != 4 ) return;
        if ( request.status == 0 ) return; // aborted request
        SCHOOLMAP.setCursor( "default" );
        if ( request.status == 200 ) callback( request );
        else console.error( "GET " + url + " failed: " + request.status );
    };
    request.send( null );
}

SCHOOLMAP.createXMLHttpRequest = function() {
    if ( typeof XMLHttpRequest != "undefined" )
    {
        return new XMLHttpRequest();
    } else if ( typeof ActiveXObject != "undefined" )
    {
        return new ActiveXObject( "Microsoft.XMLHTTP" );
    } else {
        throw new Error( "XMLHttpRequest not supported" );
    }
}

SCHOOLMAP.setCursor = function( state ) {
    for ( var i = 0; i < SCHOOLMAP.curtags.length; i++ )
    {
        var tag = SCHOOLMAP.curtags[i];
        var es = document.getElementsByTagName( tag );
        for ( var j = 0; j < es.length; j++ )
        {
            es[j].style.cursor = state;
        }
    }
}

SCHOOLMAP.getQueryString = function() 
{
    var bounds = SCHOOLMAP.map.getBounds();
    var sw = bounds.getSouthWest();
    var ne = bounds.getNorthEast();
    var query_string = 
        "&minLon=" + escape( sw.lng() ) + 
        "&maxLon=" + escape( ne.lng() ) + 
        "&minLat=" + escape( sw.lat() ) + 
        "&maxLat=" + escape( ne.lat() )
    ;
    if ( SCHOOLMAP.point ) 
    {
        query_string = query_string + "&lon=" + escape( SCHOOLMAP.point.lng() ) + "&lat=" + escape( SCHOOLMAP.point.lat() );

    }
    var order_by = document.forms[0].order_by;
    if ( order_by ) 
    {
        var order_by_val = order_by.value;
        // if ( order_by_val == "distance" ) order_by_val = "";
        query_string = query_string + "&order_by=" + escape( order_by_val );
    }
    var phase = document.forms[0].phase;
    if ( phase ) 
    {
        var phase_val = phase.value;
        if ( phase_val == "all" ) phase_val = "";
        query_string = query_string + "&phase=" + escape( phase_val );
    }
    return query_string;
};

SCHOOLMAP.getSchools = function() 
{
    var order_by = document.forms[0].order_by;
    if ( ! order_by ) return;
    var phase = document.forms[0].phase;
    if ( ! phase ) return;
    var query_string = SCHOOLMAP.getQueryString();
    var url = SCHOOLMAP.schools_url + "?" + query_string;
    SCHOOLMAP.createLinkTo( query_string );
    console.log( "GET " + url );
    SCHOOLMAP.getJSON( url, SCHOOLMAP.getSchoolsCallback );
};

SCHOOLMAP.phasesCallback = function( response ) 
{
    var phases = JSON.parse( response.responseText );
    var sel = document.forms[0].phase;
    var val = sel.value;
    SCHOOLMAP.removeChildren( sel );
    for ( var i = 0; i < phases.length; i++ )
    {
        SCHOOLMAP.addOpt( sel, { str:phases[i], val:phases[i] } );
    }
    sel.value = val;
};

SCHOOLMAP.schoolsChanged = function( schools ) 
{
    // check to see if the list of schools has changed ...
    if ( schools.length != SCHOOLMAP.schools.length ) return true;
    try {
        for ( var i = 0;i < schools.length; i++ )
        {
            if ( schools[i].URN != SCHOOLMAP.schools[i].URN ) return true;
        }
        return false;
    } catch( e ) { console.error( e.message ) }
};

SCHOOLMAP.getSchoolsCallback = function( response ) 
{
    var json = JSON.parse( response.responseText );
    console.log( json );
    if ( SCHOOLMAP.schoolsChanged( json.schools ) )
    {
        console.log( "schools changed" );
        SCHOOLMAP.removeSchoolMarkers();
        SCHOOLMAP.active_school = false;
        SCHOOLMAP.nschools = json.nschools;
        SCHOOLMAP.schools = json.schools;
        SCHOOLMAP.updateSchools();
    }
    else
    {
        console.log( "schools not changed" );
        if ( SCHOOLMAP.address_changed )
        {
            SCHOOLMAP.address_changed = false;
            SCHOOLMAP.resetDistances();
            SCHOOLMAP.updateSchools();
        }
    }
};

SCHOOLMAP.updateSchools = function()
{
    var order_by = document.forms[0].order_by.value;
    // if ( order_by == "distance" )
    // {
        // SCHOOLMAP.calculateAllDistances( SCHOOLMAP.redrawSchools );
    // }
    // else
    {
        SCHOOLMAP.redrawSchools( SCHOOLMAP.calculateAllDistances );
    }
};

SCHOOLMAP.redrawSchools = function( callback ) 
{
    try {
        var body = document.getElementsByTagName( "body" );
        body[0].style.cursor = "auto";
        var markers = [];
        for ( var i = 0; i < SCHOOLMAP.schools.length; i++ )
        {
            var school = SCHOOLMAP.schools[i];
            school.no = i+1;
            if ( ! school.phase ) school.phase = "unknown";
            var phase = SCHOOLMAP.phases[school.phase];
            if ( ! phase )
            {
                console.error( "no phase for " + school.name + "(" + school.phase + ")" );
                continue;
            }
            var colour = phase.colour;
            var icon = SCHOOLMAP.createIcon( colour, school.no );
            if ( school.marker )
            {
                school.marker.setImage( icon.image );
            }
            else
            {
                var marker = SCHOOLMAP.createMarker( school, icon );
                markers.push( marker );
            }
        }
        if ( markers.length )
        {
            SCHOOLMAP.mgr.addMarkers( markers, 0, 17 );
            SCHOOLMAP.mgr.refresh();
        }
        SCHOOLMAP.updateList( callback );
    } catch( e ) { console.error( e.message ) }
};

SCHOOLMAP.orderByOnChange = function()
{
    SCHOOLMAP.getSchools();
};

SCHOOLMAP.phaseOnChange = function()
{
    SCHOOLMAP.getSchools();
};

SCHOOLMAP.updateList = function( callback )
{
        var listDiv = document.getElementById( "list" );
        SCHOOLMAP.removeChildren( listDiv );
        if ( SCHOOLMAP.schools.length )
            listDiv.appendChild( SCHOOLMAP.createListTable() );
        if ( callback ) callback();
};

SCHOOLMAP.activateSchool = function( school )
{
    SCHOOLMAP.changeLinksColour( school, "ff4444" );
    var phase = SCHOOLMAP.phases[school.phase];
    if ( ! phase )
    {
        console.error( "no phase for " + school.name );
        return;
    }
    SCHOOLMAP.changeMarkerColour( school, phase.active_colour )
    if ( SCHOOLMAP.active_school ) SCHOOLMAP.deActivateSchool( SCHOOLMAP.active_school );
    SCHOOLMAP.active_school = school;
    window.status = school.name;
}

SCHOOLMAP.deActivateSchool = function( school ) 
{
    if ( ! school ) return;
    SCHOOLMAP.changeLinksColour( school, "4444ff" );
    var phase = SCHOOLMAP.phases[school.phase];
    if ( ! phase )
    {
        console.error( "no phase for " + school.name );
        return;
    }
    SCHOOLMAP.changeMarkerColour( school, phase.colour );
    if ( ! SCHOOLMAP.calculatingDistances ) SCHOOLMAP.gdir.clear();
    SCHOOLMAP.active_school = false;
}

SCHOOLMAP.setParams = function() 
{
    for ( var param in SCHOOLMAP.params )
    {
        SCHOOLMAP.setParam( param );
    }
    if ( SCHOOLMAP.params.centerLng && SCHOOLMAP.params.centerLat )
    {
        SCHOOLMAP.params.center = new GLatLng( SCHOOLMAP.params.centerLat, SCHOOLMAP.params.centerLng );
    }
    if (
        ! SCHOOLMAP.params.zoom &&
        SCHOOLMAP.params.minLon &&
        SCHOOLMAP.params.minLat &&
        SCHOOLMAP.params.maxLon &&
        SCHOOLMAP.params.maxLat
    )
    {
        var sw = new GLatLng( SCHOOLMAP.params.minLon, SCHOOLMAP.params.minLat );
        var ne = new GLatLng( SCHOOLMAP.params.maxLon, SCHOOLMAP.params.maxLat );
        var bounds = new GLatLngBounds( sw, ne );
        SCHOOLMAP.params.zoom = SCHOOLMAP.map.getBoundsZoomLevel( bounds );
    }
};

SCHOOLMAP.setParam = function( param ) 
{
    if ( SCHOOLMAP.params[param] == "undefined" ) return;
    if ( typeof( SCHOOLMAP.params[param] ) == "undefined" ) return;
    for ( var i = 0; i < document.forms.length; i++ )
    {
        var input = document.forms[i][param];
        if ( input )
        {
            input.value = SCHOOLMAP.params[param];
        }
    }
};

SCHOOLMAP.sortByDistance = function( a, b ) 
{
    return a.meters - b.meters;
};

SCHOOLMAP.resetDistances = function()
{
    for ( var i = 0; i < SCHOOLMAP.schools.length; i++ )
    {
        SCHOOLMAP.schools[i].meters = 0;
    }
};

SCHOOLMAP.calculateAllDistances = function( callback ) 
{
    SCHOOLMAP.calculatingDistances = true;
    for ( var i = 0; i < SCHOOLMAP.schools.length; i++ )
    {
        if ( ! SCHOOLMAP.schools[i].meters ) 
        {
            SCHOOLMAP.calculateDistance( 
                SCHOOLMAP.schools[i], 
                function() { SCHOOLMAP.calculateAllDistances( callback ) }
            );
            return;
        }
    }
    SCHOOLMAP.gdir.clear();
    var order_by = document.forms[0].order_by.value;
    // if ( order_by == "distance" )
    // {
        // SCHOOLMAP.schools = SCHOOLMAP.schools.sort( SCHOOLMAP.sortByDistance );
    // }
    SCHOOLMAP.calculatingDistances = false;
    if ( callback ) callback();
}

SCHOOLMAP.setText = function( e, t ) 
{
    SCHOOLMAP.removeChildren( e );
    e.appendChild( document.createTextNode( t ) );
};

SCHOOLMAP.removeDistanceListeners = function( ) 
{
    if ( SCHOOLMAP.handle_error )
    {
        GEvent.removeListener( SCHOOLMAP.handle_error );
        SCHOOLMAP.handle_error = false;
    }
    if ( SCHOOLMAP.handle_load )
    {
        GEvent.removeListener( SCHOOLMAP.handle_load );
        SCHOOLMAP.handle_load = false;
    }
};

SCHOOLMAP.convertMeters = function( m ) 
{
    m = Math.round( m );
    if ( m < 1000 ) return m + " m";
    var km = m / 1000;
    return km.toPrecision( 3 ) + " km";
}

SCHOOLMAP.setDistanceListeners = function( successcallback, allcallback ) 
{
    SCHOOLMAP.handle_load = GEvent.addListener(
        SCHOOLMAP.gdir, 
        "load", 
        function( obj ) {
            try {
                var nroutes = obj.getNumRoutes();
                if ( nroutes >= 0 )
                {
                    var route = obj.getRoute( 0 );
                    var distance = route.getDistance();
                    if ( typeof( distance.meters ) == "number" )
                    {
                        successcallback( distance.meters );
                    }
                }
            } catch( e ) {
                console.error( "route calculation failed: " + e.message );
            }
            SCHOOLMAP.removeDistanceListeners();
            if ( allcallback ) allcallback();
        }
    );
    SCHOOLMAP.handle_error = GEvent.addListener( 
        SCHOOLMAP.gdir, 
        "error", 
        function( obj ) {
            console.error( "error: " + obj.getStatus().code );
            SCHOOLMAP.removeDistanceListeners();
            // SCHOOLMAP.gdir.clear();
            if ( allcallback ) allcallback();
        }
    );
};

SCHOOLMAP.calculateDistance = function( school, callback ) 
{
    if ( ! SCHOOLMAP.point ) return;
    var from = school.lat + "," + school.lon;
    var point = SCHOOLMAP.point;
    var to = point.lat() + "," + point.lng();
    school.directions_text = "from " + from + " to " + to;
    console.log( school.name + " calculate distance: " + school.directions_text );
    try {
        SCHOOLMAP.setDistanceListeners( 
            function( meters ) {
                console.log( school.name + " distance = " + meters );
                school.meters = meters;
                if ( school.distance_td ) 
                {
                    var text = SCHOOLMAP.convertMeters( school.meters );
                    var a = SCHOOLMAP.createListTdContents( { "text":text, "school":school } );
                    SCHOOLMAP.removeChildren( school.distance_td );
                    school.distance_td.appendChild( a );
                }
            },
            callback 
        );
        SCHOOLMAP.gdir.load(
            school.directions_text,
            { preserveViewport:true, travelMode: G_TRAVEL_MODE_WALKING }
        );
    } catch( e ) {
        console.error( e.message );
        return;
    }
};

SCHOOLMAP.addLink = function( div, url, text )
{
    var p = document.createElement( "P" );
    var a = document.createElement( "A" );
    a.href = url;
    a.target = "_blank";
    a.appendChild( document.createTextNode( text ) );
    p.appendChild( a );
    div.appendChild( p );
};

SCHOOLMAP.createInfoWindow = function( school )
{
    var div = document.createElement( "DIV" );
    div.className = "infoWindow";
    var h2 = document.createElement( "H2" );
    h2.appendChild( document.createTextNode( school.name ) );
    div.appendChild( h2 );
    var p = document.createElement( "P" );
    var address = school.address.split( "," );
    for ( var i = 0; i < address.length; i++ )
    {
        p.appendChild( document.createTextNode( address[i] ) );
        p.appendChild( document.createElement( "BR" ) );
    }
    div.appendChild( p );
    if ( school.ofsted_url ) 
    {
        SCHOOLMAP.addLink( div, school.ofsted_url, "Ofsted report" );
    }
    for ( var order_by in SCHOOLMAP.order_bys )
    {
        var key = order_by + "_url";
        var url = school[key];
        if ( url )
        {
            var ave = "average_" + order_by;
            var text = SCHOOLMAP.order_bys[order_by] + " (" + school[ave] + ")";
            SCHOOLMAP.addLink( div, url, text );
        }
    }
    return div;
};

SCHOOLMAP.createIcon = function( colour, no )
{
    var icon = MapIconMaker.createLabeledMarkerIcon(
        { primaryColor: "#" + colour, label: "" + no }
    );
    icon.colour = colour;
    return icon;
};

SCHOOLMAP.createMarker = function( school, icon ) {
    try {
        var point = new GLatLng( school.lat, school.lon );
        var marker = new GMarker( point, { "icon":icon } );
        // SCHOOLMAP.map.addOverlay( marker );
        GEvent.addListener( marker, "mouseout", function() { SCHOOLMAP.deActivateSchool( school ) } );
        GEvent.addListener( marker, "mouseover", function() { SCHOOLMAP.activateSchool( school ) } );
        GEvent.addListener( 
            marker, 
            "infowindowclose", 
            function() {
                if ( SCHOOLMAP.current_center )
                {
                    SCHOOLMAP.map.setCenter( SCHOOLMAP.current_center );
                }
                SCHOOLMAP.setMapListeners();
            }
        );
        GEvent.addListener( 
            marker, 
            "infowindowopen", 
            function() {
                SCHOOLMAP.removeMapListeners();
            }
        );
        GEvent.addListener( 
            marker, 
            "click", 
            function() {
                if ( ! SCHOOLMAP.current_center ) SCHOOLMAP.current_center = SCHOOLMAP.map.getCenter();
            } 
        );
        var div = SCHOOLMAP.createInfoWindow( school );
        marker.bindInfoWindow( div );
        school.marker = marker;
        return marker;
    }
    catch(e) { console.error( e.message ) }
}

SCHOOLMAP.initTableHead = function( tr, order_bys ) 
{
    var ths = new Array();
    SCHOOLMAP.createHeadCell( tr, "No." );
    SCHOOLMAP.createHeadCell( tr, "Name", "Name of school", 1 );
    // SCHOOLMAP.createHeadCell( tr, "stage", "School stage" );
    SCHOOLMAP.createHeadCell( tr, "Phase", "Educational phase" );
    SCHOOLMAP.createHeadCell( tr, "Type", "Type of school" );
    SCHOOLMAP.createHeadCell( tr, "Ofsted Report", "Link to Ofsted report" );
    for ( var i = 0; i < order_bys.length; i++ )
    {
        var order_by = order_bys[i];
        var description = SCHOOLMAP.order_bys[order_by];
        SCHOOLMAP.createHeadCell( tr, description, "Average Score" );
    }
    if ( SCHOOLMAP.point )
    {
        SCHOOLMAP.createHeadCell( tr, "Distance (crow flies)", "Distance from " + SCHOOLMAP.address );
        SCHOOLMAP.createHeadCell( tr, "Distance (walking)", "Distance from " + SCHOOLMAP.address );
    }
};

SCHOOLMAP.getQueryVariables = function() {
    var query = window.location.search.substring( 1 );
    var vars = query.split( "&" );
    for ( var i = 0; i < vars.length; i++ ) 
    {
        var pair = vars[i].split( "=" );
        var key = unescape( pair[0] );
        var val = unescape( pair[1] );
        val = val.replace( /\+/g, " " );
        SCHOOLMAP.params[key] = val;
    } 
}

SCHOOLMAP.ignoreConsoleErrors = function() {
    if ( ! window.console )
    {
        window.console = {
            log:function() {},
            error:function() {}
        };
    }
}

SCHOOLMAP.toggleLayer = function( i ) 
{
    if ( i.checked ) SCHOOLMAP.layers[i.name].show();
    else SCHOOLMAP.layers[i.name].hide();
}

SCHOOLMAP.initMap = function() 
{
    console.log( "init map" );
    SCHOOLMAP.ignoreConsoleErrors();
    SCHOOLMAP.getQueryVariables();
    SCHOOLMAP.setParams();
    if ( ! GBrowserIsCompatible() )
    {
        console.log( "google maps not supported" );
        return;
    }
    var mapOptions = { 
        googleBarOptions : { 
            style : "new",
            adsOptions: {
                client: "6816728437",
                channel: "AdSense for Search channel",
                adsafe: "high",
                language: "en"
            }
        }
    };
    var map_div = document.getElementById( "map", mapOptions );
    SCHOOLMAP.map = new GMap2( map_div );
    SCHOOLMAP.map.setUIToDefault();
    // SCHOOLMAP.map.enableGoogleBar();
    SCHOOLMAP.map.disableScrollWheelZoom();
    SCHOOLMAP.map.addControl( new GMapTypeControl() );
    SCHOOLMAP.map.addMapType( G_SATELLITE_3D_MAP );
    SCHOOLMAP.map.addMapType( G_PHYSICAL_MAP );

    SCHOOLMAP.addLayerControls();
    var center = SCHOOLMAP.params.center || SCHOOLMAP.default_center;
    var zoom = parseInt( SCHOOLMAP.params.zoom ) || SCHOOLMAP.default_zoom;
    SCHOOLMAP.map.setCenter( center, zoom );
    SCHOOLMAP.mgr = new MarkerManager( SCHOOLMAP.map );
    var directionsElement = document.getElementById( "directions" );
    console.log( "directions div: " + directionsElement );
    SCHOOLMAP.gdir = new GDirections( SCHOOLMAP.map, directionsElement );
    SCHOOLMAP.geocoder = new GClientGeocoder();
    SCHOOLMAP.localSearch = new GlocalSearch();
    SCHOOLMAP.geocoder.setBaseCountryCode( "uk" );
    GEvent.addListener( 
        SCHOOLMAP.map, 
        "moveend", 
        function() {
            var center = SCHOOLMAP.map.getCenter();
            var centerLat = document.getElementById( "centerLat" );
            centerLat.value = center.lat();
            var centerLng = document.getElementById( "centerLng" );
            centerLng.value = center.lng();
        }
    );
    GEvent.addListener( 
        SCHOOLMAP.map, 
        "zoomend", 
        function() {
            var zoom = SCHOOLMAP.map.getZoom();
            var zoomInput = document.getElementById( "zoom" );
            zoomInput.value = zoom;
        }
    );
    SCHOOLMAP.setMapListeners();
    if ( SCHOOLMAP.params.address )
    {
        SCHOOLMAP.findAddress( 
            SCHOOLMAP.params.address, 
            function( point ) {
                SCHOOLMAP.removeMapListeners();
                SCHOOLMAP.map.setCenter( point );
                SCHOOLMAP.map.setZoom( zoom );
                var query_string = SCHOOLMAP.getQueryString();
                var phases_url = SCHOOLMAP.schools_url + "?" + query_string + "&phases";
                SCHOOLMAP.get( phases_url, SCHOOLMAP.phasesCallback );
                SCHOOLMAP.setMapListeners();
                SCHOOLMAP.getSchools();
            }
        );
    }
    else
    {
        SCHOOLMAP.map.setCenter( center, zoom );
    }
};

SCHOOLMAP.addLayerControls = function() 
{
    var div = document.getElementById( "layers" );
    for ( var layer in SCHOOLMAP.layer_config )
    {
        SCHOOLMAP.layers[layer] = new GLayer( SCHOOLMAP.layer_config[layer] );
        SCHOOLMAP.map.addOverlay( SCHOOLMAP.layers[layer] );
        var input = document.createElement( "INPUT" );
        input.type = "checkbox";
        input.name = input.id = layer;
        input.onchange = function() { SCHOOLMAP.toggleLayer( this ) };
        if ( input.checked ) SCHOOLMAP.layers[layer].show();
        else SCHOOLMAP.layers[layer].hide();
        div.appendChild( input );
        var label = document.createElement( "LABEL" );
        label.htmlFor = layer;
        label.appendChild( document.createTextNode( layer ) );
        div.appendChild( label );
    }
};

SCHOOLMAP.createListTdContents = function( opts ) 
{
    var a = document.createElement( "A" );
    a.onclick = function() { 
        console.log( "click" ); 
        var marker = school.marker;
        var div = SCHOOLMAP.createInfoWindow( school );
        marker.openInfoWindow( div );
        return false; 
    };
    a.href = "";
    var school = opts.school;
    if ( ! school.links ) school.links = new Array();
    school.links.push( a );
    var text = "-";
    if ( opts.text && opts.text != "null" ) text = opts.text;
    a.appendChild( document.createTextNode( text ) );
    a.onmouseover = function() {
        SCHOOLMAP.activateSchool( school );
    };
    a.onmouseout = function() {
        SCHOOLMAP.deActivateSchool( school );
    };
    return a;
};

SCHOOLMAP.createListTd = function( opts ) 
{
    var td = document.createElement( "TD" );
    var a = SCHOOLMAP.createListTdContents( opts );
    td.appendChild( a );
    td.style.verticalAlign = "top";
    if ( opts.nowrap ) td.style.whiteSpace = "nowrap";
    return td;
};

SCHOOLMAP.getOrderBys = function()
{
    var order_bys_hash = {};
    for ( var i = 0; i < SCHOOLMAP.schools.length; i++ )
    {
        var school = SCHOOLMAP.schools[i];
        for ( var order_by in SCHOOLMAP.order_bys )
        {
            var ave = "average_" + order_by;
            if ( school[ave] && school[ave] != 0 && ! order_bys_hash[order_by] )
            {
                console.log( "add " + order_by );
                order_bys_hash[order_by] = true;
            }
        }
    }
    var order_bys_array = [];
    var sel = document.forms[0].order_by;
    var val = sel.value;
    SCHOOLMAP.removeChildren( sel );
    SCHOOLMAP.addOpt( sel, { val: "", str: "-" } );
    SCHOOLMAP.addOpt( sel, { val: "distance", str: "Distance" } );
    for ( var order_by in order_bys_hash )
    {
        order_bys_array.push( order_by );
        var description = SCHOOLMAP.order_bys[order_by];
        SCHOOLMAP.addOpt( sel, { val: order_by, str: description } );
    }
    sel.value = val;
    return order_bys_array;
};

SCHOOLMAP.createListRow = function( no, school, order_bys ) 
{
    var tr = document.createElement( "TR" );
    tr.appendChild( SCHOOLMAP.createListTd( { "text":no+1, "school":school } ) );
    tr.appendChild( SCHOOLMAP.createListTd( { "text":school.name, "school":school } ) );
    tr.appendChild( SCHOOLMAP.createListTd( { "text":school.phase, "school":school } ) );
    tr.appendChild( SCHOOLMAP.createListTd( { "text":school.type, "school":school } ) );
    if ( school.ofsted_url ) 
    {
        tr.appendChild( SCHOOLMAP.createListTd( { "text":"yes", "school":school } ) );
    }
    else
    {
        tr.appendChild( SCHOOLMAP.createListTd( { text:"no", "school":school } ) );
    }
    for ( var i = 0; i <  order_bys.length; i++ )
    {
        var order_by = order_bys[i];
        var ave = "average_" + order_by;
        if ( school[ave] && school[ave] != 0 )
        {
            var val = school[ave];
            var td = SCHOOLMAP.createListTd( { "text":val, "school":school } );
        }
        else
        {
            var td = SCHOOLMAP.createListTd( { "text":"-", "school":school } );
        }
        tr.appendChild( td );
    }
    if ( SCHOOLMAP.point )
    {
        var text = "-";
        if ( school.distance ) text = SCHOOLMAP.convertMeters( school.distance * 1000 );
        td = SCHOOLMAP.createListTd( { "text":text, "school":school } );
        tr.appendChild( td );
        text = "-";
        if ( school.meters ) text = SCHOOLMAP.convertMeters( school.meters );
        school.distance_td = SCHOOLMAP.createListTd( { "text":text, "school":school } );
        tr.appendChild( school.distance_td );
    }
    return tr;
}

SCHOOLMAP.createHeadCell = function( tr, name, title ) 
{
    var th = document.createElement( "TH" );
    th.style.verticalAlign = "top";
    tr.appendChild( th );
    var a = document.createElement( "A" );
    th.appendChild( a );
    th.appendChild( document.createElement( "BR" ) );
    a.name = name;
    a.title = title || name;
    a.style.color = "black";
    a.style.textDecoration = "none";
    a.href = "";
    a.onclick = function() { return false; };
    SCHOOLMAP.setText( a, name );
};

SCHOOLMAP.createListTable = function() 
{
    var table = document.createElement( "TABLE" );
    var tbody = document.createElement( "TBODY" );
    table.appendChild( tbody );
    var tr = document.createElement( "TR" );
    tbody.appendChild( tr );
    order_bys = SCHOOLMAP.getOrderBys();
    SCHOOLMAP.initTableHead( tr, order_bys );
    tbody.appendChild( tr );
    for ( var i = 0; i < SCHOOLMAP.schools.length; i++ )
    {
        var school = SCHOOLMAP.schools[i];
        var tr = SCHOOLMAP.createListRow( i, school, order_bys );
        tbody.appendChild( tr );
    }
    var ncells = tr.childNodes.length;
    if ( SCHOOLMAP.point )
    {
        var tr = document.createElement( "TR" );
        tbody.appendChild( tr );
        for ( var i = 0; i < ncells-1; i++ )
        {
            var td = document.createElement( "TD" );
            tr.appendChild( td );
        }
    }
    return table;
};

SCHOOLMAP.changeMarkerColour = function( school, colour ) 
{
    var marker = school.marker;
    if ( ! marker ) return;
    var icon = SCHOOLMAP.createIcon( colour, school.no );
    icon.colour = colour;
    marker.setImage( icon.image );
};

SCHOOLMAP.changeLinksColour = function( school, color ) 
{
    if ( ! school ) return;
    var links = school.links;
    if ( ! links ) 
    {
        console.log( "no links for " + school.name );
        return;
    }
    for ( var i = 0; i < links.length; i++ )
    {
        link = links[i];
        link.style.color = "#" + color;
    }
};

SCHOOLMAP.addOpt = function( sel, opts ) 
{
    var opt = new Option( opts.str, opts.val );
    if ( opts.isSel ) opt.selected = opts.isSel;
    sel.options[sel.options.length] = opt;
    return opt;
};