var p = "good";
var cid = "";

function specOver(id){
tf = ($(id).attr("id") == cid) ? false : true;
cid = $(id).attr("id");
    if(p != 'good'){
        clearTimeout(p);
        p = "good";
    }
    if (tf){
        $("#rod-sectional").remove();
        $("#nav").append("<div id='rod-sectional'></div>");
        loadNavImg(cid);
    }
}


function specOut(){
p = setTimeout(function(){
    $("#rod-sectional").remove();
    cid = "";
    }, 0);
}

$(document).ready(function(){

jQuery.preLoadImages("/images/nav-sprite-over.png",
                     "/images/rod-nav-bg-repeat.png",
                     "/images/ajax-loader.gif",
                     "/images/social-sprite-over.jpg");

  $(".expand ul li").each(function(){
      $(this).bind({
          mouseover: function(){
            specOver($(this));
          },
          mouseout: function(){
            specOut();
          }
      });
  });

  $("#true-hero-footer").bind({
      mouseover: function(){$("#true-hero-pop").css("visibility", "visible")},
      mouseout: function(){$("#true-hero-pop").css("visibility", "hidden")}
  });

  $("#cca-footer").bind({
      mouseover: function(){$("#cca-pop").css("visibility", "visible")},
      mouseout: function(){$("#cca-pop").css("visibility", "hidden")}
  });

  $("#nascar-footer").bind({
      mouseover: function(){$("#nascar-pop").css("visibility", "visible")},
      mouseout: function(){$("#nascar-pop").css("visibility", "hidden")}
  });


 $("ul.menu li").hover(function(){
   $(this).addClass("hover");
   $('> .expand',this).addClass("open");
   $('ul:first',this).css('visibility', 'visible');
 },function(){
   $(this).removeClass("hover");
   $('.open',this).removeClass("open");
   $('ul:first',this).css('visibility', 'hidden');
 });


});

function loadNavImg(id){
    $("#rod-sectional").image("https://dywuxms2enpfa.cloudfront.net/a/images/"+id+".jpg", function(){
    });
}

function showOverlay(a,c){
    var url = (a == "a") ? "/actions/index/id/"+c : "/views/index/id/"+c;
    $(document).keypress(function(e){
        if (e.keyCode == 27) { closeOverlay(); }
    });
    $(document.body).append(
         "<div id='overlay'>"
        +"</div>"
        +"  <div id='container'>"
        +"      <a id='container-close' href='#' onclick='closeOverlay();'>X</a>"
        +"      <iframe src='"+url
        +"' name='content' scrolling='none' frameborder='0' align='center' height = '408px' width = '610px'></iframe>"
        +"  </div>"
    );
    $("#overlay").click(function(){closeOverlay()});
}

function closeOverlay(){
    $("#overlay").remove();
    $("#container").remove();
}

//$(document).click(function(){return false;});