Untitled

<html>
<head>
<!-- http://huntersandgatherers.jobamatic.com/a/jobs/find-jobs/l-08901 -->

<!-- Loads jQuery -->
<script src="http://code.jquery.com/jquery-latest.js"></script>

<!-- Bootstrapping The Map Itself -->
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&region=US"></script>

<?PHP
      $scraped_page = file_get_contents("http://huntersandgatherers.jobamatic.com/a/jobs/find-jobs/l-08901");

      //scraping location, company name and job title
      $regex_location= '/<td class=\"location\">(.+?)<\/td>/';
      preg_match_all($regex_location,$scraped_page,$scraped_location_data);
      $regex_company= '/<td class=\"company\">(.+?)<\/td>/';
      preg_match_all($regex_company,$scraped_page,$scraped_company_data);
      $regex_title= "/<td class=\"title\">(.+?)<\/td>/";
      preg_match_all($regex_title,$scraped_page,$scraped_title_data);

      //extracting each group of data out of their respective arrays and passing them to the map API
      for($i=0;$i<5;$i++)
      {
        $location = $scraped_location_data[1][$i];
        $url="http://maps.googleapis.com/maps/api/geocode/xml?address=$location&sensor=false";
        $company_name = $scraped_company_data[1][$i];
        $job_title = $scraped_title_data[1][$i];
        //put a JS function call here?
      }


      //$job_title = str_replace('','href="http://brando56894.dyndns-blog.com:1085/',$job_title);
?>

<style type="text/css">
    html, body, #map_canvas {margin: 0; padding: 0; height: 100%;}
</style>

</head>
<body onLoad="initialize()">
    <script type="text/javascript">
        //Initalizes Map and Places Pins of Job Locations
        function initialize()
        {
            var lat;
            var lng;
            var url = '<?php echo $url;?>';

            $.ajax
            ({
                url: 'proxy2.php?url='+url, type: "GET", dataType: "text", success: function ($data)
                {
                    $data = $($data);
                    lat = ($data.find('geometry').find('location').find('lat').text());
                    lng = ($data.find('geometry').find('location').find('lng').text());
                    console.log(lat);
                    console.log(lng);

                    var myLatlng = new google.maps.LatLng(lat,lng);
                    var myOptions = {zoom: 6, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP};
                    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
                    var contentString = '<h2><?PHP echo $company_name; ?></h2>';
                    var infowindow = new google.maps.InfoWindow({content: contentString});
                    var marker = new google.maps.Marker({position: myLatlng, map: map, title: 'Job Listings'});
                    google.maps.event.addListener(marker, 'click', function() {infowindow.open(map,marker);} );
                }
            });
        }
    </script>
<div id="map_canvas" class="box" style="width:50%; height:50%"></div>
</body>
</html>