//#=================================
//#IMPORTANT FUNCTIONS/GLOBALS! PARSE FIRST!
//#=================================
//Globals
var overText = '_over';
var navTooltip = 'navTooltip';

//Preload images
(new Image).src = 'images/nav/home_over.png';
(new Image).src = 'images/nav/upload_over.png';
(new Image).src = 'images/nav/members_over.png';
(new Image).src = 'images/nav/help_over.png';
(new Image).src = 'images/nav/contact_over.png';
//#=================================
//#=================================

function setupNav(nav)
{
   var items = nav.getElementsByTagName("li");
   for(var i = 0; i < items.length; i++)
   {
      //Setup item
      var item = items[i];
      var desc = item.getElementsByTagName('div')[0];
      //Hide descriptions
      desc.style.visibility = 'hidden';
      //Register events
      item.onmouseover = function () { toggleNavItem(this) };
      item.onmouseout = function () { toggleNavItem(this) };
      item.setAttribute('hoverState', 0);
   }
}

function toggleNavItem(item)
{
   //Prevent errors
   if(!item) return 'Not enough arguments';
   //Find image and description elements
   var img = item.getElementsByTagName('img')[0];
   var desc = item.getElementsByTagName('div')[0];
   //Find string positions
   var src = img.src;
   var dot = src.lastIndexOf('.');
   var ext = src.substr(dot);
   var filename = src.substr(0, dot);
   //Apply hoverStates
   if(item.getAttribute('hoverState') == 0)
   {
      //Create new src and apply
      var newsrc = filename + overText + ext;
      img.src = newsrc;
      //Show description and change hoverState
      desc.style.visibility = 'visible';
      item.setAttribute('hoverState', 1);
   }
   else
   {
      //Create new src and apply
      var newsrc = filename.substr(0, filename.length - overText.length ) + ext;
      img.src = newsrc;
      //Hide description and change goverState
      desc.style.visibility = 'hidden';
      item.setAttribute('hoverState', 0);
   }
}