nyroModal or other popup with image map

[jasondarnell915]

I'm currently seeing if there is any way to code an image popup that has two different sections of it mapped to two different urls. The image would need to popup when the page loads. Here is what I have so far for code, any help is greatly appreciated. I commented out the section that is mapping the image since it was breaking it, the image is just a sample image and the links sample links.

<title></title>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://www.jacklmoore.com/colorbox/jquery.colorbox.js"></script>

 <map name="location-map" id="location-map">

<script>

// $(document).ready(function() {
//if($('#location-map')) {
// $('#location-map area').each(function() {
//var id = $(this).attr('id');
// $(this).mouseover(function() {
// $('#overlay'+id).show();
//
// });

         //   $(this).mouseover(function() {
          //      $('#overlay'+id).show();
          //      
          //  });

      //  });
   // }

// });

  function openColorBox(){
    $.colorbox({iframe:true, width:"800", height:"400", href: "/images/Lighthouse.jpg"});

}

  setTimeout(openColorBox, 5000);
</script>

[jasondarnell915]

code.txt

Here is the code I have so far.