Genesis jQuery

Done with jQuery.

by salitrapraveen

HTML

<script type="text/javascript" src="http://maps.google.com/maps/api/js?libraries=geometry&sensor=false"></script>
<!-- the Google Map will be displayed here -->
<button type="button" id="clear">Clear</button>
<button type="button" id="search">Search</button>
<button type="button" id="net">Network</button>
<div id="google_map">
</div>

<!-- this section will be used for logging purpose -->
<section id="console">  
</section>

CSS

#google_map {
    width: 90%;
    height: 600px;
    margin: 20px auto;
}

#console {
    width: 90%;
    background-color: #fff;
    color: #222;
    font-family: monospace;
    font-size: 12px;
    margin: auto;
}

JavaScript

(function($) {
    var tasks = [],
        settings = {
            sleep: undefined
        },
        methods = {
            schedule: function(task) {
                if ($.isFunction(task)) {
                    tasks.push(task);
                }
                else {
                    $.error('Parameter is not a function');
                }
            },
            schedulerSetup: function(options) {
                $.extend(settings, settings, options);
            },
            schedulerNext: function() {
                var nextTask;
                if (tasks.length > 0) {
                    nextTask = tasks.shift();
                    (settings.sleep) ? setTimeout(function() {
                        nextTask($.schedulerNext);
                    }, settings.sleep) : nextTask($.schedulerNext);
                }
            }
        };

    $.schedule = methods.schedule;
    $.schedulerSetup = methods.schedulerSetup;
    $.schedulerNext = methods.schedulerNext;
})(jQuery);

$(function() {
    var map;
    var marker1 = null;
    var marker2 = null;
    var rectangle;
    var latlng_quad;
    var XperDegLong = 53; //miles
    var YperDegLat = 69; //miles
    var SQUARE_SIDE = 0.25; //of a degree
    var RADIUS = Math.round(1.5 * (SQUARE_SIDE * YperDegLat / 2)); //=1.5 * y/2 
    var NoPOIs = 10;
    var NoISPs = 1;
    var QTYPEs = ['ATM', 'PIZZA'];
    var p1, p2;
    var baseURL = 'http://query.yahooapis.com/v1/public/yql?callback=?&format=json&q=';
    var ISPs = [];
    var POIs = [];
    var cProject={
            "poi": {},
            "poiArray": [],
            "project_name": "Project1",
            "poi_network": {},
            "project_id": 1
        };
    var entryPointID=3;

    var google_map_init = function() {
        map = new google.maps.Map(document.getElementById('google_map'), {
            'zoom': 9,
            'center': new google.maps.LatLng(29.34, -82.00),
            'mapTypeId': google.maps.MapTypeId.ROADMAP

     ...