// Copyright (c) 2010 - MyStore Solutions
// Custom Info page animations
// 



// Add functionality to links
(function(){
  // ADD NUMBERED IDS TO TEXT DIVS BELOW TABLE OF CONTENTS
  var holder, elems, elem;
  var allAreas, allLinks;
  holder = document.getElementById('mss-areas');
  if (!holder) return;
  
  // Collect all children with class "mss-info-area"
  allAreas = [];
  for (var i=0; i<holder.childNodes.length; ++i) {
    elem = holder.childNodes[i];
    if (elem.nodeType == 1 && elem.className.indexOf('mss-info-area')>=0) {
      allAreas.push(elem);
    }
  }
  
  // Give each one a numbered ID
  for (var i=0; i<allAreas.length; ++i) {
    allAreas[i].setAttribute('id', 'mss-area'+i);
  }
  
  
  // GIVE ONCLICK TO LINKS IN TABLE OF CONTENTS
  holder = document.getElementById('mss-info-table');
  if (!holder) return;
  
  allLinks = holder.getElementsByTagName('a');
  for (var i=0; i<allLinks.length; ++i) {
    elem = allLinks[i];
    elem.onclick = (function(i) {
      return function(){
        for (var j=0; j<allLinks.length; ++j) {
          var e = allLinks[j];
          e.innerHTML = e.innerHTML.replace(/<[Bb]>/,"");
          e.innerHTML = e.innerHTML.replace(/<\/[Bb]>/,"");
        }
        this.innerHTML = '<b>'+this.innerHTML+'</b>';
        showArea(i); return false;
      };
    })(i);
  }
  
    
  // FUNCTION Revealing the correct area box on link click  
  function showArea(num) {
    for (var i=0; i<allAreas.length; ++i) {
      if (i==num) allAreas[i].style.display='block';
      else allAreas[i].style.display='none';
    } 
  }




})();