﻿$(document).ready(function() {
  $("#Locations-Nav").children("li").each(function() {
    var current = "current-" + ($(this).attr("class"));
    var parentClass = "#Locations-Nav";
    var myClass = ($(this).attr("class"));
    attachNavEvents(parentClass, current, myClass);
  });
});

function attachNavEvents(parent, current, myClass) {
  var prevClass = myClass;
  var currentDesc = "current-desc-" + myClass;

  $(parent + " ." + myClass).mouseover(function() {
  }).mouseout(function() {
  }).mousedown(function() {
  }).mouseup(function() {
    $(parent).removeClass();
    $(parent).addClass("current-" + myClass);
    displayLocation(parent, myClass, currentDesc);
  });
}

function displayLocation(parent, myClass, currentDesc) {
  var currentClass = "desc-" + myClass;

  $("#Location-Desc").children("p").each(function() {
    var parentP = $(this).attr("class");
    if (parentP == currentClass) {
      $(this).fadeIn("slow");
    }
    else {
      $(this).hide();
    }
  });
}