/* Using jQuery 1.2.6 */

$(document).ready(function(){
// External Links
   /*if($("a[href^='http://']") || $("a[href$='.pdf']") ){
      $(this).click(function() {
         window.open(this.href);
         return false;
      });
   }*/
   /*$("a[href*='http://www.']").each(function(){
      $(this).attr({rel: "external"});
   });
   $("a[href$='.pdf'], a[rel=external]").click(function() {
      window.open(this.href);
      return false;
   });
   
   if($.browser.msie){
      var version = navigator.appVersion;
      if(version.match('4.0')){
         $("a[href$='.pdf']").each(function(){
            $(this).attr({target: "_blank"});                           
         });
      }
   }*/
   
   $("a[href*='adobe.com'], a[href*='microsoft.com']").css( "font-weight", "normal" );
   
// Facebox
$("a[rel*=facebox]").facebox({
    loading_image : 'img/loading.gif',
    close_image   : 'img/closelabel.gif'
});

$("#alert-format-txt, #alert-type-txt, #route-txt, #search-txt").hide();	
     
// Print button in Facebox
   $(document).bind('reveal.facebox', function() {
      $("#facebox .print").hide();
   });
     
// Datepicker
   var today = new Date();
   var day = new Date();
   //console.log(today);
   //console.log(today.getDay());
   $("#drdate, #cl-start-date, #cl-end-date").datepicker({
      showOn: 'both',
      showAnim: 'fadeIn',
      buttonText: 'Select',
      minDate: today.getDate() - today.getDay() - 1,
      maxDate: new Date(2011, 11, 31)
      /*buttonImage: "http://ui.jquery.com/repository/demos_templates/images/calendar.gif",  
      buttonImageOnly: true*/
   });
   
// Text Inputs
   $("input[type='text'], textarea").blur(function() {
      $(this).removeClass("focus");
      $(this).addClass("blur");
   });
   $("input[type='text'], textarea").focus(function() {
      if ($(this).attr("value") == "Point of Interest" || $(this).attr("value") == "Address, City") {
         $(this).attr("value", "");
         $(this).addClass("focus");
      }else {
         $(this).removeClass("blur");
         $(this).addClass("focus");
      }
   });
   
// Overview
   $("#interchanges").hide();
   $("#interchanges").before("\
   <div class='group'>\
      <div id='ov-corridor' class='ov-route four-col'>\
         <ul>\
            <li id='ov01'><a href='#int-01' title='Plainfield Curve near Howard Avenue'></a></li>\
            <li id='ov02'><a href='#int-02' title='27th Street interchange'></a></li>\
            <li id='ov03'><a href='#int-03' title='Mitchell interchange'></a></li>\
            <li id='ov04'><a href='#int-04' title='Layton Avenue interchange'></a></li>\
            <li id='ov05'><a href='#int-05' title='Airport Spur'></a></li>\
            <li id='ov06'><a href='#int-06' title='College Avenue interchange'></a></li>\
            <li id='ov07'><a href='#int-07' title='Rawson Avenue interchange'></a></li>\
			<li id='ov24'><a href='#int-24' title='Drexel Avenue Interchange'></a></li>\
            <li id='ov08'><a href='#int-08' title='Ryan Road interchange'></a></li>\
            <li id='ov09'><a href='#int-09' title='Elm Road interchange'></a></li>\
            <li id='ov10'><a href='#int-10' title='7 Mile Road interchange'></a></li>\
            <li id='ov11'><a href='#int-11' title='County G interchange'></a></li>\
            <li id='ov12'><a href='#int-12' title='County K interchange'></a></li>\
            <li id='ov13'><a href='#int-13' title='WIS 20 interchange'></a></li>\
            <li id='ov14'><a href='#int-14' title='WIS 11 interchange'></a></li>\
            <li id='ov15'><a href='#int-15' title='County KR interchange'></a></li>\
            <li id='ov16'><a href='#int-16' title='County E interchange'></a></li>\
            <li id='ov17'><a href='#int-17' title='WIS 142/County S'></a></li>\
            <li id='ov18'><a href='#int-18' title='WIS 158 interchange'></a></li>\
            <li id='ov19'><a href='#int-19' title='WIS 50 interchange'></a></li>\
            <li id='ov20'><a href='#int-20' title='County C interchange'></a></li>\
            <li id='ov21'><a href='#int-21' title='WIS 165 interchange'></a></li>\
            <li id='ov22'><a href='#int-22' title='County ML interchange'></a></li>\
            <li id='ov23'><a href='#int-23' title='Russell Road Interchange (Illinois)'></a></li>\
         </ul>\
         <p>Check <a href='ResourcesRoadwayDesigns.do?moduleGroupAbbrev=RoadwayDesigns' title='Access interchange designs'>here</a> for updates to designs</p>\
      </div>\
      <div id='ov-info' class='four-col'>\
         <div class='content'>\
         <p>The I-94 North-South project will update outdated designs, including the Mitchell Interchange's mix of left and right hand entrances/exits, quick merging and weaving necessary at the 27th Street and airport exits, and scissor ramps that cross entering/exiting traffic with frontage road traffic in Racine and Kenosha counties. The reconstruction includes expanding capacity from three to four lanes in both northbound and southbound directions, providing consistent inside and outside shoulders, constructing a paved median with a concrete barrier, and pushing out frontage roads in Kenosha and Racine counties. The project includes 17 local access interchanges that will receive design improvements.</p>\
         <p><strong>Select one of the interchanges on the graphic for more information, or click <a href='improvements-alt.jsp'>here</a> to view an alternate version.</strong></p>\
         </div>\
      </div>\
   </div>\
   ");  
   
   $("li[id^='ov'] a").click(function(){
      var d = $(this).attr("href").split("#");
      var c = $("#" + d[1]).html();
      
      $("#ov-info .content").html(c);
      /*$("a[href^='http://www'], a[href$='.pdf']").click(function() {
         window.open($(this).attr("href"));
         return false;
      });*/
   });
   
   /* Construction Plan */
   $("#kenosha, #racine").hide();
   $(".county-nav a").removeAttr("href");
   $(".county-nav li").click(function() {
      var i = $(".county-nav li").index(this);
      switch (i) {
         case 0:
            $(".county-nav li").removeClass("current");
            $(this).addClass("current");
            $("#milw").show();
            $("#kenosha").hide();
            $("#racine").hide();
            break;
         case 1:
            $(".county-nav li").removeClass("current");
            $(this).addClass("current");
            $("#milw").hide();
            $("#kenosha").show();
            $("#racine").hide();
            break;
         case 2:
            $(".county-nav li").removeClass("current");
            $(this).addClass("current");
            $("#milw").hide();
            $("#kenosha").hide();
            $("#racine").show();
            break;
      }
   });
   
// Sign Up for Updates
   /* Reverse Routes */
//commented out by khale on 4/3/2009 12:45
/* 
   if($(".rev-route input[type='checkbox']").attr("checked") == true){
      $("#rev-1").attr("checked", "checked");
   }else { 
      $(".rev-route").hide(); 
   }
   if($(".rev-route-2 input[type='checkbox']").attr("checked") == true){
      $("#rev-3").attr("checked", "checked");
   }else { 
      $(".rev-route-2").hide(); 
   }
   if($(".rev-route-3 input[type='checkbox']").attr("checked") == true){
      $("#rev-5").attr("checked", "checked");
   }else { 
      $(".rev-route-3").hide(); 
   }
*/   
   /* Implemented by khale on 4/5/2009 13:38 to replace the above section.
    * This seems to display our subscription values for reverse routes while 
    * still hiding the reverse route details when "No" is selected for 
    * reverse routes.
    */
   if($("input#rev-1").attr("checked")==false ) {
      $(".rev-route").hide();
   }   
   if($("input#rev-3").attr("checked")==false ) {
      $(".rev-route-2").hide();
   }  
   if($("input#rev-5").attr("checked")==false ) {
      $(".rev-route-3").hide();
   }  

   /* Email Info */
/*
   if($("input#email").attr("value")){
      $("input#email-slct").attr("checked", "checked");
   }else { 
      $(".email-form").hide(); 
   }
*/
   if( location.pathname == "/SubscribeNew.do" )
      $("input#email-slct").attr("checked", "checked");
   else if($("input#email-slct").attr("checked")==false ) {
      $(".email-form").hide();
   }
   /* Postal Info */
/*
   if($("input#address").attr("value")){
      $("input#postal-slct").attr("checked", "checked");
   }else { 
      $(".postal-form").hide();
   }
*/
   if($("input#postal-slct").attr("checked")==false ) {
      $(".postal-form").hide();
   }
   /* Subscriber Updates */
   $("#upd-submit").click(function() {
      if($("input#email-slct").attr("checked")==false ) {
         $("input#email, input#verify").attr("value", "");
      }
      if($("input#postal-slct").attr("checked")==false ) {
         $("select#honorific, select#state").attr("selectedIndex", 0);
         $("input#title, input#org, input#address, input#city").attr("value", "");
      }
   });
   $("#upd-traffic-submit").click(function() {
      if($("input#rev-1").attr("checked")==false ) {
         $(".rev-route input[type='checkbox']").attr("checked", "");
      }
      if($("input#rev-3").attr("checked")==false ) {
         $(".rev-route-2 input[type='checkbox']").attr("checked", "");
      }
      if($("input#rev-5").attr("checked")==false ) {
         $(".rev-route-3 input[type='checkbox']").attr("checked", "");
      }
   });
   
   $("#email-slct").click(function() {
      $(".email-form").toggle("slow");
   });
   $("#postal-slct").click(function() {
      $(".postal-form").toggle("slow");
   });
   /* commented out by khale on 4/5/2009 15:30 
   $(".rev-dir :radio").click(function() {
      $(".rev-route").toggle();
      $(".rev-route input[type='checkbox']").attr("checked", "");
   });
   $(".rev-dir-2 :radio").click(function() {
      $(".rev-route-2").toggle();
      $(".rev-route-2 input[type='checkbox']").attr("checked", "");
   });
   $(".rev-dir-3 :radio").click(function() {
      $(".rev-route-3").toggle();
      $(".rev-route-3 input[type='checkbox']").attr("checked", "");
   });
   */
   /* Implemented by khale on 4/5/2009 13:38 to replace the above section.  
    * This changes the behavior such that clicking on yes no multiple times 
    * doesn't toggle back and forth between show and hide.
    */
   $(".rev-dir :radio").click(function() {
      if($("input#rev-1").attr("checked")==false ) {
         $(".rev-route").hide();
      } else {
         $(".rev-route").show();
      }
   });
   $(".rev-dir-2 :radio").click(function() {
      if($("input#rev-3").attr("checked")==false ) {
         $(".rev-route-2").hide();
      } else {
         $(".rev-route-2").show();
      }
   });
   $(".rev-dir-3 :radio").click(function() {
      if($("input#rev-5").attr("checked")==false ) {
         $(".rev-route-3").hide();
      } else {
         $(".rev-route-3").show();
      }
   });
   $("#up-route-forms").find("h4").wrapInner("<a href='#'></a>");
   
// Closures & Updates
   try { setRoutes(); } catch(err) {}

   var cl_slct;
   var cl_curr_start = "#";
   var cl_curr_end = "#";
   var cl_curr_start_2 = "#";
   var cl_curr_end_2 = "#";
   var cl_curr_start_3 = "#";
   var cl_curr_end_3 = "#";
   
   /* Test for <option> data */
   if($("#cl-route-start :selected") && $("#cl-route-end :selected")){
      var txt = "";
      var a = $("#cl-route-start").attr("selectedIndex");
      var b = $("#cl-route-end").attr("selectedIndex");
      var a_txt = $("#cl-route-start :selected").text().toUpperCase();
      var b_txt = $("#cl-route-end :selected").text().toUpperCase();
      
      if(a == 0 && b == 0){
         $(".cl-slct a").text("SELECT ON AND OFF POINTS");
      }else{
         $(".cl-slct a").text(a_txt + " to " + b_txt);
      }
      
      if(a < 10){
         cl_curr_start += "c0" + a;
      }else{
         cl_curr_start += "c" + a;
      }
      if(b < 10){
         cl_curr_end += "c0" + b;
      }else{
         cl_curr_end += "c" + b;
      }
   }
   
   if($("#cl-route-start-2 :selected") && $("#cl-route-end-2 :selected")){
      var txt = "";
      var a = $("#cl-route-start-2").attr("selectedIndex");
      var b = $("#cl-route-end-2").attr("selectedIndex");
      var a_txt = $("#cl-route-start-2 :selected").text().toUpperCase();
      var b_txt = $("#cl-route-end-2 :selected").text().toUpperCase();
      
      if(a == 0 && b == 0){
         $(".cl-slct-2 a").text("SELECT ON AND OFF POINTS");
      }else{
         $(".cl-slct-2 a").text(a_txt + " to " + b_txt);
      }
      
      if(a < 10){
         cl_curr_start_2 += "c0" + a;
      }else{
         cl_curr_start_2 += "c" + a;
      }
      if(b < 10){
         cl_curr_end_2 += "c0" + b;
      }else{
         cl_curr_end_2 += "c" + b;
      }
   }
   
   if($("#cl-route-start-3 :selected") && $("#cl-route-end-3 :selected")){
      var txt = "";
      var a = $("#cl-route-start-3").attr("selectedIndex");
      var b = $("#cl-route-end-3").attr("selectedIndex");
      var a_txt = $("#cl-route-start-3 :selected").text().toUpperCase();
      var b_txt = $("#cl-route-end-3 :selected").text().toUpperCase();
      
      if(a == 0 && b == 0){
         $(".cl-slct-3 a").text("SELECT ON AND OFF POINTS");
      }else{
         $(".cl-slct-3 a").text(a_txt + " to " + b_txt);
      }
      
      if(a < 10){
         cl_curr_start_3 += "c0" + a;
      }else{
         cl_curr_start_3 += "c" + a;
      }
      if(b < 10){
         cl_curr_end_3 += "c0" + b;
      }else{
         cl_curr_end_3 += "c" + b;
      }
   }
   
   $("#cl-route-start, #cl-route-end, #cl-route-start-1, #cl-route-end-1, #cl-route-start-2, #cl-route-end-2, #cl-route-start-3, #cl-route-end-3").hide();
   $(".cl-slct, .cl-slct-2, .cl-slct-3").show();
   $("#cl-form, #subscribe").after("<div id='cl-corridor' class='cl-route'><ul></ul></div>");   //creates #cl-corridor container
   
   //populates #cl-corridor ul
   $("#cl-route-start option").each(function() {
      var i = this.index;
      var v = $(this).text();
      if(i < 10) {
         $("#cl-corridor ul").append("<li id='c0" + i + "'><a title='" + v + "'></a></li>");
      }else{
         $("#cl-corridor ul").append("<li id='c" + i + "'><a title='" + v + "'></a></li>");
      }
      $("#c00").remove();
   });
   $("#cl-corridor").hide();
   //launches route selection window
   $(".cl-slct a").click(function() {
      $("#cl-corridor").removeClass("rt-2");
      $("#cl-corridor").removeClass("rt-3");
      $("#cl-corridor").find("a").removeClass("cl-start-slct");
      $("#cl-corridor").find("a").removeClass("cl-end-slct");
      $(cl_curr_start).find("a").addClass("cl-start-slct");
      $(cl_curr_end).find("a").addClass("cl-end-slct");
      //$(".cl-slct a").text("Select on and off points");
      $.facebox({ div: "#cl-corridor" }); //programmatically fires facebox
   });
   
   $(".cl-slct-2 a").click(function() {
      $("#cl-corridor").removeClass("rt-3");
      $("#cl-corridor").addClass("rt-2");
      $("#cl-corridor").find("a").removeClass("cl-start-slct");
      $("#cl-corridor").find("a").removeClass("cl-end-slct");
      $(cl_curr_start_2).find("a").addClass("cl-start-slct");
      $(cl_curr_end_2).find("a").addClass("cl-end-slct");
      $.facebox({ div: "#cl-corridor" });
   });
   
    $(".cl-slct-3 a").click(function() {
      $("#cl-corridor").removeClass("rt-2");
      $("#cl-corridor").addClass("rt-3");
      $("#cl-corridor").find("a").removeClass("cl-start-slct");
      $("#cl-corridor").find("a").removeClass("cl-end-slct");
      $(cl_curr_start_3).find("a").addClass("cl-start-slct");
      $(cl_curr_end_3).find("a").addClass("cl-end-slct");
      $.facebox({ div: "#cl-corridor" });
   });
   
   //route selection handler
   $(document).bind('reveal.facebox', function() {
      var count_slct = 0;
      /*$("#facebox .cl-route li").hover(
         function() {
            if(!$(this).find("a").hasClass("cl-start-slct") || !$(this).find("a").hasClass("cl-end-slct")){
               $(this).find("a").css({'background-position' : '0px -36px'})   
            }
         },
         function(){
            if(!$(this).find("a").hasClass("cl-start-slct") || !$(this).find("a").hasClass("cl-end-slct")){
               $(this).find("a").css({'background-position' : '0px 0px'})   
            }
      });*/
      $("#facebox .cl-route li").click(function() {
         switch(count_slct) {
            case 0:
               if($(this).parent().parent().hasClass("rt-2")) {
                  $(".cl-route li").find("a").removeClass("cl-start-slct");
                  $(".cl-route li").find("a").removeClass("cl-end-slct");
                  $("select#cl-route-end-2").attr('selectedIndex', 0);
                  cl_slct = $("#facebox .cl-route li").index(this) + 1;
                  cl_curr_start_2 = "#" + $(this).attr("id");
                  child = $(this).children();
                  txt = $(child).attr("title").toUpperCase();
            
                  $("select#cl-route-start-2").attr('selectedIndex', cl_slct);
                  $(this).find("a").addClass("cl-start-slct");
                  count_slct++;                                              
               } else if($(this).parent().parent().hasClass("rt-3")) {
                  $(".cl-route li").find("a").removeClass("cl-start-slct");
                  $(".cl-route li").find("a").removeClass("cl-end-slct");
                  $("select#cl-route-end-3").attr('selectedIndex', 0);
                  cl_slct = $("#facebox .cl-route li").index(this) + 1;
                  cl_curr_start_3 = "#" + $(this).attr("id");
                  child = $(this).children();
                  txt = $(child).attr("title").toUpperCase();
            
                  $("select#cl-route-start-3").attr('selectedIndex', cl_slct);
                  $(this).find("a").addClass("cl-start-slct");
                  count_slct++;                       
               } else {
                  $(".cl-route li").find("a").removeClass("cl-start-slct");
                  $(".cl-route li").find("a").removeClass("cl-end-slct");
                  $("select#cl-route-end").attr('selectedIndex', 0);
                  cl_slct = $("#facebox .cl-route li").index(this) + 1;
                  cl_curr_start = "#" + $(this).attr("id");
                  child = $(this).children();
                  txt = $(child).attr("title").toUpperCase();
            
                  $("select#cl-route-start").attr('selectedIndex', cl_slct);
                  $(this).find("a").addClass("cl-start-slct");
                  count_slct++;
               }
               break;
            case 1:
               if($(this).parent().parent().hasClass("rt-2")) {
                  cl_slct = $("#facebox .cl-route li").index(this) + 1;
                  cl_curr_end_2 = "#" + $(this).attr("id");
                  child = $(this).children();
                  txt += " to " + $(child).attr("title").toUpperCase();
                  
                  $("select#cl-route-end-2").attr('selectedIndex', cl_slct);
                  $(this).find("a").addClass("cl-end-slct");
                  $(".cl-slct-2 a").text(txt);
                  $.facebox.close();
                  count_slct = 0;
               } else if($(this).parent().parent().hasClass("rt-3")) {
                  cl_slct = $("#facebox .cl-route li").index(this) + 1;
                  cl_curr_end_3 = "#" + $(this).attr("id");
                  child = $(this).children();
                  txt += " to " + $(child).attr("title").toUpperCase();
                  
                  $("select#cl-route-end-3").attr('selectedIndex', cl_slct);
                  $(this).find("a").addClass("cl-end-slct");
                  $(".cl-slct-3 a").text(txt);
                  $.facebox.close();
                  count_slct = 0;
               } else {
                  cl_slct = $("#facebox .cl-route li").index(this) + 1;
                  cl_curr_end = "#" + $(this).attr("id");
                  child = $(this).children();
                  txt += " to " + $(child).attr("title").toUpperCase();
                  
                  $("select#cl-route-end").attr('selectedIndex', cl_slct);
                  $(this).find("a").addClass("cl-end-slct");
                  $(".cl-slct a").text(txt);
                  $.facebox.close();
                  count_slct = 0;
               }
               break;
            default:
               //console.log("default");
               break;
         }
      });
   });
   
// Directions
   $("#startslct, #endslct, #startpoi, #endpoi").hide();
   $("#directions #main").after("<div id='dr-corridor' class='dr-route'><ul></ul></div>");
   $("#dr-corridor").hide();
   //populates #dr-corridor ul
   $("#startslct option").each(function() {
      var i = this.index;
      var v = $(this).text();
      if(i < 10) {
         $("#dr-corridor ul").append("<li id='m0" + i + "'><a title='" + v + "'></a></li>");
      }else{
         $("#dr-corridor ul").append("<li id='m" + i + "'><a title='" + v + "'></a></li>");
      }
      $("#m00").remove();
   });
   $(".dr-slct").show();
   
   /* ROUTE */
   var slct;
   var curr_start = "#";
   var curr_end = "#";
   var curr_poi_start = "#";
   var curr_poi_end = "#";
   
   $("#dr-start-point").click(function() {
      //if($("#facebox #dr-corridor").hasClass("ending-point")){
         $("#dr-corridor").removeClass("ending-point");
      //}
      $("#dr-corridor").addClass("starting-point");
      $("#dr-corridor li").find("a").removeClass("dr-route-slct-up");
      $("#dr-corridor li").find("a").removeClass("dr-route-slct-down");
      $("#dr-corridor li").find("a").removeClass("dr-route-slct-right");
      $("#dr-corridor li").find("a").removeClass("dr-route-slct-left");
      if($(this).parent().parent().parent().hasClass("first-slct")) {
         if(curr_start == "#m03" || curr_start == "#m07") {
            $(curr_start).find("a").addClass("dr-route-slct-up");
         }
         else if(curr_start == "#m02" || curr_start == "#m06" || curr_start == "#m17") {
            $(curr_start).find("a").addClass("dr-route-slct-down");
         }
         else if(curr_start == "#m01" || curr_start == "#m05" || curr_start == "#m09" || curr_start == "#m12" || curr_start == "#m14"
               || curr_start == "#m16" || curr_start == "#m19" || curr_start == "#m21" || curr_start == "#m23" || curr_start == "#m25"
               || curr_start == "#m27" || curr_start == "#m29" || curr_start == "#m31" || curr_start == "#m33" || curr_start == "#m36"
               || curr_start == "#m38" || curr_start == "#m40") {
            $(curr_start).find("a").addClass("dr-route-slct-right");
         }
         else if(curr_start == "#m04" || curr_start == "#m08" || curr_start == "#m10" || curr_start == "#m11" || curr_start == "#m13"
               || curr_start == "#m15" || curr_start == "#m18" || curr_start == "#m20" || curr_start == "#m22" || curr_start == "#m24"
               || curr_start == "#m26" || curr_start == "#m28" || curr_start == "#m30" || curr_start == "#m32" || curr_start == "#m34"
               || curr_start == "#m35" || curr_start == "#m37" || curr_start == "#m39") {
            $(curr_start).find("a").addClass("dr-route-slct-left");
         }
         else {
            $(curr_start).find("a").addClass("dr-route-slct");
         }
      }
      $.facebox({ div: "#dr-corridor" });
   });
   
   $("#dr-end-point").click(function() {   
      //if($("#facebox #dr-corridor").hasClass("starting-point")){
         $("#dr-corridor").removeClass("starting-point");
      //}
      $("#dr-corridor").addClass("ending-point");
      $("#dr-corridor li").find("a").removeClass("dr-route-slct-up");
      $("#dr-corridor li").find("a").removeClass("dr-route-slct-down");
      $("#dr-corridor li").find("a").removeClass("dr-route-slct-right");
      $("#dr-corridor li").find("a").removeClass("dr-route-slct-left");
      if($(this).parent().parent().parent().hasClass("first-slct")) {
         if(curr_end == "#m03" || curr_end == "#m07") {
            $(curr_end).find("a").addClass("dr-route-slct-down");
         }
         else if(curr_end == "#m02" || curr_end == "#m06" || curr_end == "#m17") {
            $(curr_end).find("a").addClass("dr-route-slct-up");
         }
         else if(curr_end == "#m01" || curr_end == "#m05" || curr_end == "#m09" || curr_end == "#m12" || curr_end == "#m14"
               || curr_end == "#m16" || curr_end == "#m19" || curr_end == "#m21" || curr_end == "#m23" || curr_end == "#m25"
               || curr_end == "#m27" || curr_end == "#m29" || curr_end == "#m31" || curr_end == "#m33" || curr_end == "#m36"
               || curr_end == "#m38" || curr_end == "#m40") {
            $(curr_end).find("a").addClass("dr-route-slct-left");
         }
         else if(curr_end == "#m04" || curr_end == "#m08" || curr_end == "#m10" || curr_end == "#m11" || curr_end == "#m13"
               || curr_end == "#m15" || curr_end == "#m18" || curr_end == "#m20" || curr_end == "#m22" || curr_end == "#m24"
               || curr_end == "#m26" || curr_end == "#m28" || curr_end == "#m30" || curr_end == "#m32" || curr_end == "#m34"
               || curr_end == "#m35" || curr_end == "#m37" || curr_end == "#m39") {
            $(curr_end).find("a").addClass("dr-route-slct-right");
         }
         else {
            $(curr_end).find("a").addClass("dr-route-slct");
         }
      }
      $.facebox({ div: "#dr-corridor" });
   });
   
   $("#dr-start-interest").click(function() {
      //if($("#facebox #dr-interest").hasClass("ending-point")){
         $("#dr-interest").removeClass("ending-point");
      //}
      $("#dr-interest").addClass("starting-point");
      $("#dr-interest li ul li").find("a").removeClass("dr-poi-slct");
      if($(this).parent().parent().parent().hasClass("second-slct")) {   
         $(curr_poi_start).find("a").addClass("dr-poi-slct");
      }
      $.facebox({ div: "#dr-interest" });
   });
   
   $("#dr-end-interest").click(function() {
      //if($("#facebox #dr-interest").hasClass("starting-point")){
         $("#dr-interest").removeClass("starting-point");
      //}
      $("#dr-interest").addClass("ending-point");
      $("#dr-interest li ul li").find("a").removeClass("dr-poi-slct");
      if($(this).parent().parent().parent().hasClass("second-slct")) {   
         $(curr_poi_end).find("a").addClass("dr-poi-slct");
      }
      $.facebox({ div: "#dr-interest" });
   });
   
   $(document).bind('reveal.facebox', function() {
      // start point
      if($("#facebox #dr-corridor").hasClass("starting-point")){
         $("#facebox .dr-route li").click(function() {
            slct = $("#facebox .dr-route li").index(this) + 1;
            curr_start = "#" + $(this).attr("id");
            child = $(this).children();
            txt = $(child).attr("title");
            var txt_dir;
            
            $("select#startslct").attr('selectedIndex', slct);
            $("input#startRouteVal").attr('value', $("select#startslct").val());
            $("#facebox .dr-route li").find("a.dr-route-slct-up").removeClass("dr-route-slct-up");
            $("#facebox .dr-route li").find("a.dr-route-slct-down").removeClass("dr-route-slct-down");
            $("#facebox .dr-route li").find("a.dr-route-slct-left").removeClass("dr-route-slct-left");
            $("#facebox .dr-route li").find("a.dr-route-slct-right").removeClass("dr-route-slct-right");
            //$(this).find("a").addClass("dr-route-slct");
            
            if(curr_start == "#m03" || curr_start == "#m07") {
               $(this).find("a").addClass("dr-route-slct-up");
               txt_dir = "traveling North";
            }
            else if(curr_start == "#m02" || curr_start == "#m06" || curr_start == "#m17") {
               $(this).find("a").addClass("dr-route-slct-down");
               txt_dir = "traveling South";
            }
            else if(curr_start == "#m01" || curr_start == "#m05" || curr_start == "#m09" || curr_start == "#m12" || curr_start == "#m14"
                  || curr_start == "#m16" || curr_start == "#m19" || curr_start == "#m21" || curr_start == "#m23" || curr_start == "#m25"
                  || curr_start == "#m27" || curr_start == "#m29" || curr_start == "#m31" || curr_start == "#m33" || curr_start == "#m36"
                  || curr_start == "#m38" || curr_start == "#m40") {
               $(this).find("a").addClass("dr-route-slct-right");
               txt_dir = "traveling East";
            }
            else if(curr_start == "#m04" || curr_start == "#m08" || curr_start == "#m10" || curr_start == "#m11" || curr_start == "#m13"
                  || curr_start == "#m15" || curr_start == "#m18" || curr_start == "#m20" || curr_start == "#m22" || curr_start == "#m24"
                  || curr_start == "#m26" || curr_start == "#m28" || curr_start == "#m30" || curr_start == "#m32" || curr_start == "#m34"
                  || curr_start == "#m35" || curr_start == "#m37" || curr_start == "#m39") {
               $(this).find("a").addClass("dr-route-slct-left");
               txt_dir = "traveling West";
            }
            else {
               $(this).find("a").addClass("dr-route-slct");
            }
            
            //reset #start-poi 
            $("select#startpoi").attr('selectedIndex', 0);
            $("input#startPOIVal").val("");
            $("#startpoi + .dr-slct a").text("Point of Interest");
            if($("#dr-start li.second").hasClass("second-slct")) {   
               $("#dr-start li.second").removeClass("second-slct");
            }
            
            //reset #start-address
            $("#startaddress").attr("value", "Address, City");
            if($("#dr-start li.third").hasClass("third-slct")) {   
               $("#dr-start li.third").removeClass("third-slct");
            }
            
            $("#startslct + .dr-slct a").html("Enter at <strong>" + txt.toUpperCase() + "</strong> " + txt_dir);
            $("#dr-start li.first").addClass("first-slct");
            //console.log("done");
            $.facebox.close();
         });
      }
      // end point
      else if($("#facebox #dr-corridor").hasClass("ending-point")){
         $("#facebox .dr-route li").click(function() {
            slct = $("#facebox .dr-route li").index(this) + 1;
            curr_end = "#" + $(this).attr("id");
            child = $(this).children();
            txt = $(child).attr("title");
            var txt_dir;
            
            $("select#endslct").attr('selectedIndex', slct);
            $("input#endRouteVal").attr('value', $("select#endslct").val());
            $("#facebox .dr-route li").find("a.dr-route-slct-up").removeClass("dr-route-slct-up");
            $("#facebox .dr-route li").find("a.dr-route-slct-down").removeClass("dr-route-slct-down");
            $("#facebox .dr-route li").find("a.dr-route-slct-left").removeClass("dr-route-slct-left");
            $("#facebox .dr-route li").find("a.dr-route-slct-right").removeClass("dr-route-slct-right");
            //$(this).find("a").addClass("dr-route-slct");
            
            if(curr_end == "#m03" || curr_end == "#m07") {
               $(this).find("a").addClass("dr-route-slct-down");
               txt_dir = "traveling South";
            }
            else if(curr_end == "#m02" || curr_end == "#m06" || curr_end == "#m17") {
               $(this).find("a").addClass("dr-route-slct-up");
               txt_dir = "traveling North";
            }
            else if(curr_end == "#m01" || curr_end == "#m05" || curr_end == "#m09" || curr_end == "#m12" || curr_end == "#m14"
                  || curr_end == "#m16" || curr_end == "#m19" || curr_end == "#m21" || curr_end == "#m23" || curr_end == "#m25"
                  || curr_end == "#m27" || curr_end == "#m29" || curr_end == "#m31" || curr_end == "#m33" || curr_end == "#m36"
                  || curr_end == "#m38" || curr_end == "#m40") {
               $(this).find("a").addClass("dr-route-slct-left");
               txt_dir = "traveling West";
            }
            else if(curr_end == "#m04" || curr_end == "#m08" || curr_end == "#m10" || curr_end == "#m11" || curr_end == "#m13"
                  || curr_end == "#m15" || curr_end == "#m18" || curr_end == "#m20" || curr_end == "#m22" || curr_end == "#m24"
                  || curr_end == "#m26" || curr_end == "#m28" || curr_end == "#m30" || curr_end == "#m32" || curr_end == "#m34"
                  || curr_end == "#m35" || curr_end == "#m37" || curr_end == "#m39") {
               $(this).find("a").addClass("dr-route-slct-right");
               txt_dir = "traveling East";
            }
            else {
               $(this).find("a").addClass("dr-route-slct");
            }
            
            //reset #end-poi 
            $("select#endpoi").attr('selectedIndex', 0);
            $("input#endPOIVal").val("");
            $("#endpoi + .dr-slct a").text("Point of Interest");
            if($("#dr-end li.second").hasClass("second-slct")) {   
               $("#dr-end li.second").removeClass("second-slct");
            }
            
            //reset #end-address
            $("#endaddress").attr("value", "Address, City");
            if($("#dr-end li.third").hasClass("third-slct")) {   
               $("#dr-end li.third").removeClass("third-slct");
            }
            
            $("#endslct + .dr-slct a").html("Exit at <strong>" + txt.toUpperCase() + "</strong> " + txt_dir);
            $("#dr-end li.first").addClass("first-slct");
            $.facebox.close();
         });
      }
   });
      
   /* POI */
   var poi_categories = new Array();
   var poi_listings = new Array();
   $("#dr-corridor").after("\n<div id='dr-interest'>\n<ul id='headings'>\n</ul>\n</div>");
   $("#dr-interest").hide();
   $("#startpoi optgroup").each(function() {
      var i = $("#startpoi optgroup").index(this);
      var v = $(this).attr("label");      
      poi_categories[i] = v;
      $("#dr-interest ul").append("<li id='" + poi_categories[i] + "'><h3>" + v + "</h3></li>\n");
   });
   $("#startpoi option").each(function() {
      var i = $("#startpoi option").index(this);
      var t = $(this).text();
      poi_listings[i] = t;
   });
   
   for(i=0; i < poi_categories.length; i++) {
      $("#" + poi_categories[i]).append("\n<ul></ul>\n");
      $("#startpoi optgroup[label='" + poi_categories[i] + "']").children("option").each(function() {
         var t = $(this).text();
         $("#dr-interest li[id='" + poi_categories[i] + "'] ul").append("\n<li><a title='" + t + "'>" + t + "</a></li>");
      });
   }
   
   $("#dr-interest li ul li").each(function() {
      var i = $("#dr-interest li ul li").index(this) + 1;
      $(this).attr("id" , i);
      if(i < 10) {
         $(this).attr("id" , "poi-0" + i);
      }else{
         $(this).attr("id" , "poi-" + i);
      }   
   });
   
   $(document).bind('reveal.facebox', function() {      
      // start point-of-interest
      if($("#facebox #dr-interest").hasClass("starting-point")){
         $("#facebox #dr-interest li ul li").click(function() {
            slct = $("#facebox #dr-interest li ul li").index(this) + 1;
            txt = $(this).text();
            par = $(this).parent();
            curr_poi_start = "#" + $(this).attr("id");
            
            $("select#startpoi").attr('selectedIndex', slct);
            $("input#startPOIVal").attr('value', $("select#startpoi").val());
            $("#startpoi + .dr-slct a").text(txt.toUpperCase());   
            $(this).find("a").addClass("dr-poi-slct");
            
            //reset #start-slct 
            if($("#dr-start li.first").hasClass("first-slct")) {
               $("#dr-start li.first").removeClass("first-slct");
            }
            $("select#startslct").attr('selectedIndex', 0);
            $("input#startRouteVal").val("");
            $("#startslct + .dr-slct a").text("Starting Point");
            
            //reset #start-address
            if($("#dr-start li.third").hasClass("third-slct")) {
               $("#dr-start li.third").removeClass("third-slct");
            }
            $("#startaddress").attr("value", "Address, City");
            
            $("#dr-start li.second").addClass("second-slct");
            $.facebox.close();
         });
      }
      // end point-of-interest
      else if($("#facebox #dr-interest").hasClass("ending-point")){
         $("#facebox #dr-interest li ul li").click(function() {
            slct = $("#facebox #dr-interest li ul li").index(this) + 1;
            txt = $(this).text();
            curr_poi_end = "#" + $(this).attr("id");
                        
            $("select#endpoi").attr('selectedIndex', slct);
            $("input#endPOIVal").attr('value', $("select#endpoi").val());
            $("#endpoi + .dr-slct a").text(txt.toUpperCase());
            $(this).find("a").addClass("dr-poi-slct");
         
            //reset #start-slct 
            if($("#dr-end li.first").hasClass("first-slct")) {
               $("#dr-end li.first").removeClass("first-slct");
            }
            $("select#endslct").attr('selectedIndex', 0);
            $("input#endRouteVal").val("");
            $("#endslct + .dr-slct a").text("Ending Point");
            
            //reset #start-address
            if($("#dr-end li.third").hasClass("third-slct")) {
               $("#dr-end li.third").removeClass("third-slct");
            }
            $("#endaddress").attr("value", "Address, City");
            
            $("#dr-end li.second").addClass("second-slct")
            $.facebox.close();
         });
      }
   });
   
   /* ADDRESS */
   $("#startaddress, #endaddress").change(function() {
      var a = $(this).attr("id");
      switch(a) {
         case "startaddress":
            $("#dr-start li.third").addClass("third-slct");
            //reset #start-slct
            if($("#dr-start li.first").hasClass("first-slct")) {
               $("#dr-start li.first").removeClass("first-slct");
            }
            $("select#startslct").attr('selectedIndex', 0);
            $("#startslct + .dr-slct a").text("Starting Point");
            //reset #start-poi 
            if($("#dr-start li.second").hasClass("second-slct")) {
               $("#dr-start li.second").removeClass("second-slct");
            }
            $("select#startpoi").attr('selectedIndex', 0);
            $("#startpoi + .dr-slct a").text("Point of Interest");
            break;
         case "endaddress":
            $("#dr-end li.third").addClass("third-slct");
            //reset #end-slct
            if($("#dr-end li.first").hasClass("first-slct")) {
               $("#dr-end li.first").removeClass("first-slct");
            }
            $("select#endslct").attr('selectedIndex', 0);
            $("#endslct + .dr-slct a").text("Ending Point");
            //reset #end-poi 
            if($("#dr-end li.second").hasClass("second-slct")) {
               $("#dr-end li.second").removeClass("second-slct");
            }
            $("select#endpoi").attr('selectedIndex', 0);
            $("#endpoi + .dr-slct a").text("Point of Interest");
            break;
         default:
            break;
      }
   });
   
// Resources FAQ
   var faq_txt;
   var faq_count = 0;
   $("#resource-faq dd").hide();
   $("#resource-faq dt").click(function() {
      $(this).next().toggle("slow");                            
    });
   $("#resource-faq dt").each(function() {
      faq_txt = $(this).text();
      faq_count++;
      $(this).html("<a id='faq-" + faq_count + "' title='Click to view/hide'>" + faq_txt + "</a>");
   });
   
});

$(document).bind('reveal.facebox', function() {      
   //$("#dr-interest > ul").accordion();
});