function capture_all(){
if(window.addEventListener){ // Mozilla, Netscape, Firefox
	window.addEventListener('mouseover', getMouseOver, false);
	window.addEventListener('click', getClick, false);
        window.addEventListener('mouseout', getMouseOut, false);
} else { // IE
	window.document.attachEvent('onmouseover', getMouseOver, false);
	window.document.attachEvent('onclick', getClick, false);
        document.onclick = getClick;
        document.onmouseover = getMouseOver;
        document.onmouseout = getMouseOut;
	//window.myflag = "test";
	//window.mydata = "123";
}

}

//globals
var current_world_pos = "450px";
var targetdiv = "website"; //this is the div we load html pages into
var currentpage = "home";
var previouspage = "home";
var previouspage1 = "home";
var previouspage2 = "home";
var previouspage3 = "home";
var previouspage4 = "home";
var previouspage5 = "home";
var previouspage6 = "home";
var previouspage7 = "home";
var previouspage8 = "home";






//used to indicate whether these items can change on a mouseover
homeCanChange = new Boolean(false);
servicesCanChange = new Boolean(true);
portfolioCanChange = new Boolean(true);
contactCanChange = new Boolean(true);



function getClick(e){
   if(!e){ //IE
      e = window.event;
      doClick(e.srcElement.id);
   }
   if(e.target){ //FF
      doClick(e.target.id);
   }
}
function getMouseOver(e){
   if(!e){ //IE
      e = window.event;
      doMouseOver(e.srcElement.id);
   }
   if(e.target){ //FF
      doMouseOver(e.target.id);
   }
}
function getMouseOut(e){
   if(!e){ //IE
      e = window.event;
      doMouseOut(e.srcElement.id);
   }
   if(e.target){ //FF
      doMouseOut(e.target.id);
   }
}
function doClick(ele){

   if(ele){ //don't process any clicks that don't have IDs
      var itemColor = document.getElementById(ele);
      var itemLeft = document.getElementById("world");

      switch(ele){
         case "homemenu":
            if(homeCanChange){
               setElementEffects("homemenu");
               changeto("home");
            }
            break;
         case "servicesmenu":
            if(servicesCanChange){
            setElementEffects("servicesmenu");
            changeto("services");
            }
            break;
         case "portfoliomenu":
            if(portfolioCanChange){
            setElementEffects("portfoliomenu");
            changeto("portfolio");
            }
            break;
         case "contactmenu":
            if(contactCanChange){
            setElementEffects("contactmenu");
            changeto("contact");
            }
            break;
         case "website_link":            
            setElementEffects(previouspage + "menu");
            changeback();
            break;  
         case "portfolio_link":            
            setElementEffects("portfoliomenu");
            changeto("portfolio");
            break;
         case "contact_link":            
            setElementEffects("contactmenu");
            changeto("contact");
            break;
         case "maintenance_link":
            setElementEffects("maintenancemenu");        
            changeto("maintenance");
            break;
         case "readmore_link":
            document.getElementById("newest_readmore").style.visibility="visible"; 
            document.getElementById("newest").style.visibility="hidden";            
            break; 
         case "newest_link":
            document.getElementById("newest").style.visibility="visible"; 
            document.getElementById("newest_readmore").style.visibility="hidden";   
            break;
         case "update_more_link":
            document.getElementById("update_more").style.visibility="visible"; 
            document.getElementById("update").style.visibility="hidden";            
            break; 
         case "update_link":
            document.getElementById("update").style.visibility="visible"; 
            document.getElementById("update_more").style.visibility="hidden";   
            break;                                                                                                                                            case "policy_link":
            window.open("privacy.html");  
            break; 
         case "testimonialunimin":
            window.open("unimin.html");  
            break;
         case "testimonialmajestany":
            window.open("majestany.html");  
            break; 
         case "testimonialresourcecentre":
            window.open("resourcecentre.html");  
            break;                                                                                                                                            case "emailMichael":
            location.href = "mailto:ibusiness@my-tek.ca?subject=My-tek sales inquiry";  
            break; 
         case "emailEdward":
            location.href = "mailto:eleeson@my-tek.ca?subject=My-tek website inquiry";  
            break; 
         case "emailCarole":
            location.href = "mailto:cdaley@my-tek.ca?subject=My-tek inquiry";  
            break;                                                                                                                                                    
      }
   }
}
function doMouseOver(ele){

   if(ele){var item = document.getElementById(ele);}

   switch(ele){
      case "homemenu":
         if(homeCanChange){item.style.color = "#000000";}
         break;
      case "servicesmenu":
         if(servicesCanChange){item.style.color = "#000000";}
         break;
      case "portfoliomenu":
         if(portfolioCanChange){item.style.color = "#000000";}
         break;
      case "contactmenu":
         if(contactCanChange){item.style.color = "#000000";}
         break;
      case "testimonialmajestany":
         changeClass(ele, "hrefover");
         break;
      case "testimonialresourcecentre":
         changeClass(ele, "hrefover");
         break;
      case "testimonialunimin":
         changeClass(ele, "hrefover");
         break;
      case "emailCarole":
         changeClass(ele, "hrefover");
         break;
      case "emailEdward":
         changeClass(ele, "hrefover");
         break;
      case "emailMichael":
         changeClass(ele, "hrefover");
         break;
   }
}
function doMouseOut(ele){

   if(ele){var item = document.getElementById(ele);}

   switch(ele){
      case "homemenu":
         if(homeCanChange){item.style.color = "#D1CEBF";}
         break;
      case "servicesmenu":
         if(servicesCanChange){item.style.color = "#D1CEBF";}
         break;
      case "portfoliomenu":
         if(portfolioCanChange){item.style.color = "#D1CEBF";}
         break;
      case "contactmenu":
         if(contactCanChange){item.style.color = "#D1CEBF";}
         break;
      case "testimonialmajestany":
         changeClass(ele, "href");
         break;
      case "testimonialresourcecentre":
         changeClass(ele, "href");
         break;
      case "testimonialunimin":
         changeClass(ele, "href");
         break;
      case "emailCarole":
         changeClass(ele, "href");
         break;
      case "emailEdward":
         changeClass(ele, "href");
         break;
      case "emailMichael":
         changeClass(ele, "href");
         break;
   }
}
function setElementEffects(ele){

   var itemColor = document.getElementById(ele);
   var itemLeft = document.getElementById("world");

   //set all CanChange variables to true (all menus can change)
   homeCanChange = true;
   servicesCanChange = true;
   portfolioCanChange = true;
   contactCanChange = true;

   //set all menu colors to #D1CEBF
   document.getElementById("homemenu").style.color = "#D1CEBF";
   document.getElementById("servicesmenu").style.color = "#D1CEBF";
   document.getElementById("portfoliomenu").style.color = "#D1CEBF";
   document.getElementById("contactmenu").style.color = "#D1CEBF";

  //what needs to be done based on the menu that was clicked
   switch(ele){
      case "homemenu":
         homeCanChange = false;
         itemColor.style.color = "#9b0000";
         itemLeft.style.left = "450px";
         itemLeft.style.visibility="visible";
         break;
      case "servicesmenu":
         servicesCanChange = false;
         itemColor.style.color = "#9b0000";
         itemLeft.style.left = "563px";
         itemLeft.style.visibility="visible";
         break;
      case "portfoliomenu":
         portfolioCanChange = false;
         itemColor.style.color = "#9b0000";
         itemLeft.style.left = "681px";
         itemLeft.style.visibility="visible";
         break;
      case "contactmenu":
         contactCanChange = false;
         itemColor.style.color = "#9b0000";
         itemLeft.style.left = "795px";
         itemLeft.style.visibility="visible";
         break;
      case "maintenancemenu":         
         itemLeft.style.visibility="hidden";
         break;
   }
   
}

function changeto(page){


   document.getElementById(page).style.visibility="visible"; 
   document.getElementById(currentpage).style.visibility="hidden";
   previouspage7 = previouspage8;
   previouspage6 = previouspage7;
   previouspage5 = previouspage6;
   previouspage4 = previouspage5;
   previouspage3 = previouspage4; 
   previouspage2 = previouspage3;
   previouspage1 = previouspage;
   previouspage = currentpage;  
   currentpage = page;
}

function changeback(){

   document.getElementById(previouspage).style.visibility="visible"; 
   document.getElementById(currentpage).style.visibility="hidden";
 
   currentpage = previouspage;
   previouspage = previouspage1;
   previouspage1 = previouspage2; 
   previouspage2 = previouspage3;
   previouspage3 = previouspage4;
   previouspage4 = previouspage5;
   previouspage5 = previouspage6;
   previouspage6 = previouspage7;
   previouspage7 = previouspage8;
}

function changeClass(item, toClass){
   document.getElementById(item).className = toClass;
}