var tops = new Array();
var lefts = new Array();

leftmost = 12;

tops["link0"] = "11px";   lefts["link0"] = leftmost + 10 + "px"
tops["link1"] = "40px";   lefts["link1"] = leftmost + 32 + "px"
tops["link2"] = "63px";   lefts["link2"] = leftmost + 50 + "px"
tops["link3"] = "90px";   lefts["link3"] = leftmost + 70 + "px"
tops["link4"] = "128px";  lefts["link4"] = leftmost + 1 + "px"
tops["link5"] = "163px";  lefts["link5"] = leftmost + 8 + "px"
tops["link6"] = "192px";  lefts["link6"] = leftmost + 14 + "px"
tops["link7"] = "223px";  lefts["link7"] = leftmost + 20 + "px"
tops["link8"] = "270px";  lefts["link8"] = leftmost + 87 + "px"
tops["link9"] = "302px";  lefts["link9"] = leftmost + 71 + "px"
tops["link10"] = "329px"; lefts["link10"] = leftmost + 58 + "px"
tops["link11"] = "358px"; lefts["link11"] = leftmost + 44 + "px"
tops["link12"] = "402px"; lefts["link12"] = leftmost + 98 + "px"
tops["link13"] = "436px"; lefts["link13"] = leftmost + 87 + "px"
tops["link14"] = "465px"; lefts["link14"] = leftmost + 78 + "px"
tops["link15"] = "496px"; lefts["link15"] = leftmost + 68 + "px"

$(function() {
  $(".nav a").mouseover( function(e) {
     var id = this.parentNode.id
     $("#reddot").css("top", tops[id])
     $("#reddot").css("left", lefts[id])
     $("#reddot").css("display", "block")
  })

  $(".nav a").mouseout( function(e) {
     //e.preventDefault()
     var id = this.parentNode.id
     $("#reddot").css("display", "none")
  })
})