//change links for each type (Developer...)

var i
function changeLink()
{   
    document.getElementById('showText').style.visibility = "visible";
    document.getElementById('button').src = "images/nav_over_developers.jpg"    
            
    var arrClassName = ['devNav01', 'devNav02', 'devNav03', 'devNav04', 'devNav05', 'devNav06', 'devNav07'];
    for (i=0; i<arrClassName.length; i++)
    {
        document.getElementById(arrClassName[i]).className = 'navlink50';
    }
         
    var arrDefaultButton = ['button2', 'button3', 'button4']; //images below must follow button order: developers,architects...
    var arrButtons = ['images/nav_tab_architects.jpg', 'images/nav_tab_contractors.jpg', 'images/nav_tab_consultants.jpg']
    for (i=0; i<arrDefaultButton.length; i++)
    {
        document.getElementById(arrDefaultButton[i]).src = arrButtons[i]; 
    }
    
    var arrLiDev = ['liDev1', 'liDev2', 'liDev3'];
    for (i=0; i<arrLiDev.length; i++)
    {
        document.getElementById(arrLiDev[i]).style.color = "black";        
    }
            
    var arrShowText = ['showText2', 'showText3', 'showText4'];
    for (i=0; i<arrShowText.length; i++)
    {
        document.getElementById(arrShowText[i]).style.visibility = "hidden"; 
    }
    document.getElementById('showClick').style.visibility = "hidden";
    document.getElementById('showMouse').style.visibility = "visible";
}

function changeLink2()
{   
    document.getElementById('showText2').style.visibility = "visible";
    document.getElementById('button2').src = "images/nav_over_architects.jpg";
            
    var arrClassName = ['archtNav01', 'archtNav02', 'archtNav03', 'archtNav04', 'archtNav05', 'archtNav06', 'archtNav07'];
    for (i=0; i<arrClassName.length; i++)
    {
        document.getElementById(arrClassName[i]).className = 'navlink50';
    }
     
    var arrDefaultButton = ['button', 'button3', 'button4'];
    var arrButtons2 = ['images/nav_tab_developers.jpg', 'images/nav_tab_contractors.jpg', 'images/nav_tab_consultants.jpg']
    for (i=0; i<arrDefaultButton.length; i++)
    {
        document.getElementById(arrDefaultButton[i]).src = arrButtons2[i]; 
    }
    
    var arrLiArcht = ['liArcht1', 'liArcht2', 'liArcht3'];
    for (i=0; i<arrLiArcht.length; i++)
    {
        document.getElementById(arrLiArcht[i]).style.color = "black";        
    }  
       
    var arrShowText = ['showText', 'showText3', 'showText4'];
    for (i=0; i<arrShowText.length; i++)
    {
        document.getElementById(arrShowText[i]).style.visibility = "hidden"; 
    }
    document.getElementById('showClick').style.visibility = "hidden";
}

function changeLink3()
{
    document.getElementById('showText3').style.visibility = "visible";
    document.getElementById('button3').src = "images/nav_over_contractors.jpg";
            
    var arrClassName = ['contNav01', 'contNav02', 'contNav03', 'contNav04', 'contNav05'];
    for (i=0; i<arrClassName.length; i++)
    {
        document.getElementById(arrClassName[i]).className = 'navlink50';
    }
     
    var arrDefaultButton = ['button', 'button2', 'button4'];
    var arrButtons = ['images/nav_tab_developers.jpg', 'images/nav_tab_architects.jpg', 'images/nav_tab_consultants.jpg']
    for (i=0; i<arrDefaultButton.length; i++)
    {
        document.getElementById(arrDefaultButton[i]).src = arrButtons[i]; 
    }
    
    var arrLiCont = ['liCont1', 'liCont2'];
    for (i=0; i<arrLiCont.length; i++)
    {
        document.getElementById(arrLiCont[i]).style.color = "black";        
    }
        
    var arrShowText = ['showText', 'showText2', 'showText4'];   
    for (i=0; i<arrShowText.length; i++)
    {
        document.getElementById(arrShowText[i]).style.visibility = "hidden"; 
    }
    document.getElementById('showClick').style.visibility = "hidden";
}

function changeLink4()
{
    document.getElementById('showText4').style.visibility = "visible";
    document.getElementById('button4').src = "images/nav_over_consultants.jpg";
            
    var arrClassName = ['conslNav01', 'conslNav02', 'conslNav03', 'conslNav04', 'conslNav05'];
    for (i=0; i<arrClassName.length; i++)
    {
        document.getElementById(arrClassName[i]).className = 'navlink50';
    }
     
    var arrDefaultButton = ['button', 'button2', 'button3'];
    var arrButtons = ['images/nav_tab_developers.jpg', 'images/nav_tab_architects.jpg', 'images/nav_tab_contractors.jpg']
    for (i=0; i<arrDefaultButton.length; i++)
    {
        document.getElementById(arrDefaultButton[i]).src = arrButtons[i]; 
    }
    
    var arrLiConsl = ['liConsl1', 'liConsl2'];
    for (i=0; i<arrLiConsl.length; i++)
    {
        document.getElementById(arrLiConsl[i]).style.color = "black";        
    } 
        
    var arrShowText = ['showText', 'showText2', 'showText3'];   
    for (i=0; i<arrShowText.length; i++)
    {
        document.getElementById(arrShowText[i]).style.visibility = "hidden"; 
    }
    document.getElementById('showClick').style.visibility = "hidden";
}

//window.onload = 
    
    var arrShowAllText = ['showText2', 'showText3', 'showText4'];
    var arrLiDev = ['liDev1', 'liDev2', 'liDev3'];  
    var arrClassName = ['devNav01', 'devNav02', 'devNav03', 'devNav04', 'devNav05', 'devNav06', 'devNav07']
    var arrClassNameHide = ['archtNav01', 'archtNav02', 'archtNav03', 'archtNav04', 'archtNav05', 'archtNav06', 'archtNav07', 'contNav01', 'contNav02', 'contNav03', 'contNav04', 'contNav05', 'conslNav01', 'conslNav02', 'conslNav03', 'conslNav04', 'conslNav05'];
    
    function hideText(){ 
        
        document.getElementById("button").src="images/nav_over_developers.jpg"; //focus on Developer button - button

        for (i=0; i<arrLiDev.length; i++)
        {
            document.getElementById(arrLiDev[i]).style.color = "black"; //display text for Developer       
        }
        
        for (i=0; i<arrClassName.length; i++)
        {
            document.getElementById(arrClassName[i]).className = 'navlink50'; //display developer links
        }
        
        for (i=0; i<arrClassNameHide.length; i++)
        {
            document.getElementById(arrClassNameHide[i]).className = 'navlink40'; //hide all other links
        }
        
        for (var i=0; i<arrShowAllText.length; i++)
        {
            document.getElementById(arrShowAllText[i]).style.visibility = "hidden"; 
        }
    }
                   
    if (document.addEventListener)        {
          document.addEventListener("DOMContentLoaded", hideText, false)
        }
    
    else if (document.all && !window.opera){ //Crude test for IE
        //Define a "blank" external JavaScript tag  
        document.write('<script type="text/javascript" id="contentloadtag" defer="defer" src="javascript:void(0)"><\/script>')  
        var contentloadtag=document.getElementById("contentloadtag")
        contentloadtag.onreadystatechange=function()
        {   
        if (this.readyState=="complete")      
            {
                hideText()
            }
        }
    }
    window.onload=function(){
      setTimeout("if (!alreadyrunflag)hideText()", 0)
    }