//////////////////////////////////////////////////////////////////////////
//                                                     					//
//      Lundin Mining 2010 website scripting                     		//
//      Copyright 2010, James Clarke -- Adnet Communications Inc.      	//
//      Requires Mootols 1.1 Library                           			//
//                                                      				//
//////////////////////////////////////////////////////////////////////////

window.addEvent('domready',function(){      
   
/////////////////////
///   MENU BG FADE
/////////////////////      

      var menuStatus = new Object();
         menuStatus.mouseOver = false;

      var targetOpacity = .6;
         
      var menuBg = new Element('div');
         menuBg.addClass('menuBG');
         mw = window.getWidth();
         mh = window.getHeight();
         menuBg.setProperty('id','menuBg');
         menuBg.setStyle('width',mw);
         menuBg.setStyle('height',mh);
         menuBg.injectAfter('menuBar');
      var menuFade = new Fx.Style('menuBg','opacity').set(0);
   
      var fadeInt;
      var opac = 0;

      function customFadeIn(){
         menuBg.setStyle('width',window.getWidth());
         menuBg.setStyle('height',window.getHeight());
         clearInterval(fadeInt);
         if(opac < targetOpacity)fadeInt = setInterval(stepAnim,33);
      }
      function customFadeOut(){
         clearInterval(fadeInt);
         fadeInt = setInterval(stepAnimNeg,33);
      }
      function stepAnim(){
         opac += .1;
         menuFade.set(opac);
         if(opac >= targetOpacity){
            clearInterval(fadeInt);
         }
      }
      function stepAnimNeg(){
         opac -= .1;
         menuFade.set(opac);
         if(opac < 0){
            clearInterval(fadeInt);
            menuFade.set(0);
            menuItems.each(function(item){item.removeClass('menuActive')});
         }
      }
      

      //   MENU INTERACTION

      var menuPanelArray = $('menuPanels').getElements('div[class=menuPanel]');
         menuPanelArray.each(function(item){
            item.setStyle('display','none');
         });
         
         menuPanelArray.each(function(item,i){
            item.addEvent('mouseenter',function(e){
               openMenu(i);
               menuStatus.mouseOver = true;
               customFadeIn();
            });
         
            item.addEvent('mouseleave',function(e){
               menuStatus.mouseOver = false;
               closeMenu();
               customFadeOut();
               menuItems.each(function(item){item.removeClass('menuActive')});
            });
         
         });
      
      var menuItems = $('menuBar').getElements('a[class=topLevelMenuItem]');
         menuItems.each(function(item,i){
            item.addEvent('mouseenter',function(e){
               openMenu(i);
               menuItems.each(function(item){item.removeClass('menuActive')});
               item.addClass('menuActive');
               
               menuStatus.mouseOver = true;
               customFadeIn();
            });
            item.addEvent('mouseleave',function(e){
               menuStatus.mouseOver = false;
               closeMenu();
               customFadeOut();
            });
         
         });

         function openMenu(i){
            menuPanelArray[i].setStyle('display','block');
         }         
         
         function closeMenu(){
            if(!menuStatus.mouseOver){
               menuPanelArray.each(function(item){
                  item.setStyle('display','none');
               });
            }
         }
		 
		 var tips = new Tips($$('.mapPlot','.opsMapPlot')); //ops menu and hub map
		 //var tips = new Tips($$('.mapPlot')); //ops menu and hub map
      });