var globalUrl ='http://www.metal-portal.net/';

function addEvent (nodeData, eventType, functionToActive) {
     if(nodeData.addEventListener){
          nodeData.addEventListener(eventType, functionToActive, false);
     }else{
          nodeData.attachEvent('on' + eventType, functionToActive);
     }
}

function loadMenu() {
     var mBar = new Array('XRAY', 'SPECIALS', 'XCOMM', 'ART', 'TOPX', 'CDDVD');
     var images = new Array();
     var votingOn;

     for(var i = 1; i < 11; ++i){
          images['g' + i] = new Image();
          images['d' + i] = new Image();
          images['gh' + i] = new Image();
          images['dh' + i] = new Image();

          images['g' + i].src = globalUrl + 'images/menuButtons/mg' + i + '.jpg';
          images['gh' + i].src = globalUrl + 'images/menuButtons/mg' + i + 'a.jpg';
          images['d' + i].src = globalUrl + 'images/menuButtons/md' + i + '.jpg';
          images['dh' + i].src = globalUrl + 'images/menuButtons/md' + i + 'a.jpg';
     }

     for(var e = 0; e < 6; ++e){
          images['mb' + e] = new Image();
          images['mbh' + e] = new Image();

          images['mb' + e] = globalUrl + 'images/menuButtons/hM' + mBar[i] + '.jpg';
          images['mbh' + e] = globalUrl + 'images/menuButtons/hM' + mBar[i] + 'hover.jpg';
     }
     votingOn = new Image();
     votingOn = globalUrl + 'images/radioOn.png';
}

addEvent (window, 'load', loadMenu);

var step = 1;
var lastStep = 1;
var slideStep = 100;
var img = '';
var desc = '';
var intervalCount;
var galleryImage;

function slideOff() {
     var galleryArea = document.getElementById('galleryArea');
     if(slideStep > 10){
          slideStep -= 10;
          switch(navigator.appName){
               case 'Microsoft Internet Explorer':
                    galleryArea.style.filter = "Alpha(Opacity=" + slideStep + ")";
               break;
               default:
                    galleryArea.style.opacity = slideStep/100;
          }
     }else{
          clearInterval(intervalCount);
          slideStep = 0;
          switch(navigator.appName){
               case 'Microsoft Internet Explorer':
                    galleryArea.style.filter = "Alpha(Opacity=0)";
               break;
               default:
                    galleryArea.style.opacity = 0;
          }

          img = document.getElementById('image' + step).getElementsByTagName('span')[0].innerHTML;
          galleryImage = new Image();
          galleryImage.src = globalUrl + 'images/gallery/' + img;
          tryImage();
     }
}

function tryImage() {
     var galleryArea = document.getElementById('galleryArea');
     if(galleryImage.complete == true){
          clearTimeout(tryImageVar);
          galleryArea.getElementsByTagName('img')[0].src = globalUrl + 'images/gallery/' + img;
          galleryArea.getElementsByTagName('div')[0].innerHTML = document.getElementById('image' + step).getElementsByTagName('span')[1].innerHTML;
          document.getElementById('imageLi' + step).className = 'curPage';
          intervalCount = setInterval("slideOn()", 25);
     }else{
          clearTimeout(tryImageVar);
          var tryImageVar = setTimeout("tryImage()", 20);
     }
     return;
}

function slideOn() {
     var galleryArea = document.getElementById('galleryArea');
     if(slideStep < 90){
          slideStep += 10;
          switch(navigator.appName){
               case 'Microsoft Internet Explorer':
                    galleryArea.style.filter = "Alpha(Opacity=" + slideStep + ")";
               break;
               default:
                    galleryArea.style.opacity = slideStep/100;
          }
     }else{
          clearInterval(intervalCount);
          slideStep = 100;
          switch(navigator.appName){
               case 'Microsoft Internet Explorer':
                    galleryArea.style.filter = "Alpha(Opacity=100)";
               break;
               default:
                    galleryArea.style.opacity = 1;
          }
     }
}

function chooseSlide( action ){
     var galleryArea = document.getElementById('galleryArea');
     var countSlides = galleryArea.getElementsByTagName('span')[0].innerHTML;
     clearInterval(intervalCount);
     lastStep = step;

     switch(action) {
          case 'next':
               if(step >= countSlides){
                    return;
               }else ++step;
          break;
          case 'prev':
               if(step == 1){
                    return;
               }else --step;
          break;
          case NaN:
               return;
          break;
          default:
          if(action > 0 && action < ++countSlides) step = action; else{
               return;
          }
     }
     document.getElementById('imageLi' + lastStep).className = '';
     intervalCount = setInterval("slideOff()", 25);
     return;
}