﻿/*
js file for hover effects
*/


function initPage()
{
 

    var a1 = document.getElementById("VideoImg").getElementsByTagName("img")[0];
   
    var a1hover = document.getElementById("videoHover").getElementsByTagName("img")[0];
    
    var a2 = document.getElementById("PhotosImg").getElementsByTagName("img")[0];
   
    var a2hover = document.getElementById("photosHover").getElementsByTagName("img")[0];
   
    var a3 = document.getElementById("MutatorImg").getElementsByTagName("img")[0];
    
    var a3hover = document.getElementById("mutatorHover").getElementsByTagName("img")[0];
     
    var a4 = document.getElementById("DownloadsImg").getElementsByTagName("img")[0];
    var a4hover = document.getElementById("downloadsHover").getElementsByTagName("img")[0];
    
    var a5 = document.getElementById("QuizImg").getElementsByTagName("img")[0];
    var a5hover = document.getElementById("quizHover").getElementsByTagName("img")[0];
    
    
    var a6 = document.getElementById("AboutImg").getElementsByTagName("img")[0];
    var a6hover = document.getElementById("aboutHover").getElementsByTagName("img")[0];
    
    
    var a7 = document.getElementById("OwnItNowImg").getElementsByTagName("img")[0];
    var a7hover = document.getElementById("ownitnowHover").getElementsByTagName("img")[0];
    
   
    
    /*var timer2 = null;
    
    if(a1 == null || a2 == null || a3 == null || a4 == null || a5 == null || a6 == null || a7 == null||a1hover == null
    ||a2hover == null || a3hover == null||a4hover == null||a5hover == null||a6hover == null||a7hover == null)
    {
       timer2 =  window.setTimeout('initCastPage()',500);
    }
    else
    {
        window.clearTimeout(timer2);
    }*/
    
   
    
    // highlight the cast1 image
    //var imgCast1 = a1.getElementsByTagName("img")[0];
   // var imgCastHighlight1 = a1hover.getElementsByTagName("img")[0];
    

   // var imgCast1 = a2.getElementsByTagName("img")[0];
   // var imgCast1 = a3.getElementsByTagName("img")[0];
   // var imgCast1 = a4.getElementsByTagName("img")[0];
   // var imgCast1 = a5.getElementsByTagName("img")[0];
    //var imgCast1 = a6.getElementsByTagName("img")[0];
    //var imgCast1 = a7.getElementsByTagName("img")[0];

    
    //alert(imgCast1.src);
   // var cast1URL = imgCast1.src;
  //  var cast1HighlightURL = "http://st.sand.msn-int.com/br/DD/Wolverine/images/hover.png";
   
   // addEvent(imgCast1,"mouseover", function(){setImg(imgCast1,cast1HighlightURL)  });
   addEvent(a1,"mouseover", function(){setImgVisible(a1hover)});
    
    addEvent(a2,"mouseover", function(){setImgVisible(a2hover)});
    addEvent(a3,"mouseover", function(){setImgVisible(a3hover)});
    addEvent(a4,"mouseover", function(){setImgVisible(a4hover)});
    addEvent(a5,"mouseover", function(){setImgVisible(a5hover)});
    addEvent(a6,"mouseover", function(){setImgVisible(a6hover)});
    addEvent(a7,"mouseover", function(){setImgVisible(a7hover)});
    
    addEvent(a1hover,"mouseover", function(){setImgVisible(a1hover)});
    
    addEvent(a2hover,"mouseover", function(){setImgVisible(a2hover)});
    addEvent(a3hover,"mouseover", function(){setImgVisible(a3hover)});
    addEvent(a4hover,"mouseover", function(){setImgVisible(a4hover)});
    addEvent(a5hover,"mouseover", function(){setImgVisible(a5hover)});
    addEvent(a6hover,"mouseover", function(){setImgVisible(a6hover)});
    addEvent(a7hover,"mouseover", function(){setImgVisible(a7hover)});

    //addEvent(imgCast1,"mouseout", function(){setImg(imgCast1,cast1URL)});
    addEvent(a1hover,"mouseout", function(){setImgHidden(a1hover)});
     
    addEvent(a2hover,"mouseout", function(){setImgHidden(a2hover)});
    addEvent(a3hover,"mouseout", function(){setImgHidden(a3hover)});
    addEvent(a4hover,"mouseout", function(){setImgHidden(a4hover)});
    addEvent(a5hover,"mouseout", function(){setImgHidden(a5hover)});
    addEvent(a6hover,"mouseout", function(){setImgHidden(a6hover)});
    addEvent(a7hover,"mouseout", function(){setImgHidden(a7hover)});
    
  addEvent(a1,"mouseout", function(){setImgHidden(a1hover)});
     
    addEvent(a2,"mouseout", function(){setImgHidden(a2hover)});
    addEvent(a3,"mouseout", function(){setImgHidden(a3hover)});
    addEvent(a4,"mouseout", function(){setImgHidden(a4hover)});
    addEvent(a5,"mouseout", function(){setImgHidden(a5hover)});
    addEvent(a6,"mouseout", function(){setImgHidden(a6hover)});
    addEvent(a7,"mouseout", function(){setImgHidden(a7hover)});
      
    
    
}
function addEvent(obj,eventName,funcObj)
{
    var domObj = null;
    
    if(typeof(obj)=="object")
    {
        domObj=obj;
    }
    else if(typeof(obj)=="string")
    {
       domObj = document.getElementById(obj);
    }
     
    if(window.attachEvent)
    { 
        domObj.attachEvent("on"+eventName,funcObj);
    }
    else if(window.addEventListener)
    {
        domObj.addEventListener(eventName,funcObj,false);
    }
    else
    {
        domObj.setAttribute("on"+eventName,funcObj);
    }
}
/*function setImg(object,srcURL)
{
    object.src=srcURL;
            
}*/
function setImgVisible(object)
{
    object.style.display="block";
    object.style.visibility="visible"; 
    window.clearTimeout(timer);
    
}
function setImgHidden(object)
{
    
    object.style.display="none";
    object.style.visibility="hidden";    
    timer = window.setTimeout(function(){object.style.display="none";
    object.style.visibility="hidden";},200);  
}

window.onload = call;
 var timer ;
function call()
{    window.setTimeout('initPage()',500);    
}

