      function changeTabs(sID)
      {
        switch(sID)
        {
          case 1:
             sDiv = document.getElementById("most_viewed_2");
             sDiv.style.display = "none";
             sDiv = document.getElementById("most_viewed_1");
             sDiv.style.display = "block";
             changeStyle(1,"#333333","#ffffff","#333333","#ffffff");
             changeStyle(2,"#d9d9d9","#000000","#333333","#ffffff");                                     
          break;
          case 2:
             sDiv = document.getElementById("most_viewed_2");
             sDiv.style.display = "block";
             sDiv = document.getElementById("most_viewed_1");
             sDiv.style.display = "none";
             changeStyle(2,"#333333","#ffffff","#333333","#ffffff");
             changeStyle(1,"#d9d9d9","#000000","#333333","#ffffff");                                 
          break;
          case 3:
             sDiv = document.getElementById("most_viewed_2");
             sDiv.style.display = "none";
             sDiv = document.getElementById("most_viewed_1");
             sDiv.style.display = "none";
             changeStyle(2,"#d9d9d9","#000000","#333333","#ffffff");
             changeStyle(1,"#d9d9d9","#000000","#333333","#ffffff");
          break;
        }
      }
      function changeStyle(sId,sBack,sFore,sAltBack,sAltFore)
      {
        sDiv = document.getElementById("most_viewed_button_"+sId);
        sDiv.style.color = sFore;
        sDiv.style.background = sBack;
        sDiv.onmouseover = function() 
        {
            this.style.background = sAltBack;
            this.style.color = sAltFore;
        }
        sDiv.onmouseout = function() 
        {
            this.style.background = sBack;
            this.style.color = sFore;
        }
        

      }

