var sel = "";
var selId = 0;

function HideLayer()
{
    var elm = document.getElementById("layer");
    if(elm)
    {
        elm.style.display = 'none';
        var elm = document.getElementById("c_i");
        if(elm)
        {
            elm.src = "Images/Heading13.png";
        }
        
        elm = document.getElementById("d_i");
        if(elm)
        {
            elm.src = "Images/Heading12sel.png";
        }
    }
} 

function IsLayerDisplayed()
{
    var bChange = true;
    var layer = document.getElementById("layer");
    if(layer)
    {
        if(layer.style.display != 'none')
        {
            bChange = false;   
        }
    }
    
    return bChange;
}

function CheckForSel(idx, bOver)
{
    var bChange = IsLayerDisplayed();
    
    var elm0 = document.getElementById("d_i");
    var elm1 = document.getElementById("c_i");
    var elm2 = document.getElementById("l_i");
    var elm3 = document.getElementById("m_i");
    
    if(elm0 && elm1 && elm2 && elm3)
    {
        if(bChange == false && elm1.src.indexOf("sel") < 0)
        {
            elm1.src = "Images/Heading13sel.png";
        }
        
        if(((elm1.src.indexOf("sel") >= 0 ||
           elm2.src.indexOf("sel") >= 0 ||
           elm3.src.indexOf("sel") >= 0 ) && idx != 12) || (idx == 12 && bOver == false && bChange == false))
        {
            elm0.src = "Images/Heading12.bmp";
        }
        else
        {
            elm0.src = "Images/Heading12sel.png";
        }
    }
}

function DisplayDetails(id, idx)
{
    if(sel != "")
    {
        var img = "../Images/Heading" + selId + ".png";
        var elmh = document.getElementById(sel + "_h");
        var elmi = document.getElementById(sel + "_i");
        var elmd = document.getElementById(sel + "_d");
        
        if(elmh && elmi && elmd)
        {
            elmi.src = img;
            elmd.style.display = 'none';
            
        } 
    }
    
    if(id != sel)
    {
        sel = id;
        selId = idx;
        var img = "../Images/Heading" + idx + "sel.png";
        var elmh = document.getElementById(sel + "_h");
        var elmi = document.getElementById(sel + "_i");
        var elmd = document.getElementById(sel + "_d");
        
        if(elmh && elmi && elmd)
        {
            elmi.src = img;
            elmd.style.display = '';
        }
    }
    else
    {
        sel = "";
        selId = 0;
    }
}

function ChangeImg(id, idx, bOver)
{
    var elmi = document.getElementById(id + "_i");
    
    if(elmi)
    {
        var img;
        if(bOver == true)
        {
            img = "../Images/Heading" + idx + "sel.png";
            elmi.src = img;
        }
        else if(idx != selId)
        {
            img = "../Images/Heading" + idx + ".png";
            elmi.src = img;
        }
    }
}

function DisplayDetails2(id, idx)
{

    if(sel != "")
    {
        var img = "Images/Heading" + selId + ".png";
        var elmh = document.getElementById(sel + "_h");
        var elmi = document.getElementById(sel + "_i");
        var elmd = document.getElementById(sel + "_d");
        
        if(elmh && elmi && elmd)
        {
            elmi.src = img;
            elmd.style.display = 'none';
            
        } 
    }
    
    if(id != sel)
    {
        sel = id;
        selId = idx;
        var img = "Images/Heading" + idx + "sel.png";
        var elmh = document.getElementById(sel + "_h");
        var elmi = document.getElementById(sel + "_i");
        var elmd = document.getElementById(sel + "_d");
        
        if(elmh && elmi && elmd)
        {
            elmi.src = img;
            elmd.style.display = '';
        }
    }
    else
    {
        sel = "";
        selId = 0;
    }
}

function DisplayDetails3(idx)
{
    var layer = document.getElementById("layer");
    var elmi = document.getElementById("c_i");   
    if(elmi && layer)
    {
        
        //{
            var img;
            var display;
            if(layer.style.display == 'none')
            {
                img = "Images/Heading" + idx + "sel.png";
                display = '';
                
            }
            else
            {
                img = "Images/Heading" + idx + ".png";
                display = 'none';
                var elm = document.getElementById("d_i");
                if(elm)
                {
                    elm.src = "Images/Heading12sel.png";
                }
            }
            
            elmi.src = img;
            layer.style.display = display;
        //}
    }
}

function DisplayContactDetails()
{
    var layer = document.getElementById("layer");
    var elmi = document.getElementById("c_i");
    var img = elmi.src;
    var six = false;
    
    if(img.indexOf("Heading6") >= 0)
    {
        six = true;
    }
    
    if(layer)
    {
        if(layer.style.display == '')
        {
            layer.style.display = 'none'; 
            
            if(elmi)
            {     
                if(six == false)
                {
                    elmi.src = "/Images/Heading13.png";
                }
                else
                {
                    //elmi.src = "/Images/Heading6.png";
                }
            }
        }
        else
        {
            layer.style.display = '';
            
            if(elmi)
            {  
                if(six == false)
                {
                    elmi.src = "/Images/Heading13sel.png";
                }
                else
                {
                    //elmi.src = "/Images/Heading6sel.png";
                }
            }
        }
    }
}

function DisplayDetails3a(idx)
{
    var layer = document.getElementById("layer");
    var elmi = document.getElementById("c_i");   
    if(elmi && layer)
    {
        if(elmi.src.indexOf("Images/Heading" + idx + "sel.png") >= 0)
        {
            DisplayDetails3(idx);
        }
        else 
        {
            
            var img;
            var display;
            
            img = "Images/Heading" + idx + "sel.png";
            display = '';
            
            elmi.src = img;
            layer.style.display = display;
            
        }
    }
}

function DisplayDetails3b(bShow, idx)
{
    var layer = document.getElementById("layer");
    var elmi = document.getElementById("c_i");   
    if(elmi && layer)
    {
        var img;
        var display;
        
        if(bShow == true && layer.style.display != '')
        {
            img = "../Images/Heading" + idx + "sel.png";
            display = '';
        }
        else
        {
            img = "../Images/Heading" + idx + ".png";
            display = 'none';
        }
        
        elmi.src = img;
        layer.style.display = display;
    }
}

function ChangeImg2(id, idx, bOver)
{
    //var bChange = IsLayerDisplayed();
    
    //if(bChange == true)
    {
        var elmi = document.getElementById(id + "_i");
        
        if(elmi)
        {
            var img;
            if(bOver == true)
            {
                img = "Images/Heading" + idx + "sel.png";
                elmi.src = img;
            }
            else if(idx != selId)
            {
                img = "Images/Heading" + idx + ".png";
                elmi.src = img;
            }
               
            CheckForSel(idx, bOver);
        }
    }
}

function ChangeImg3(id, idx, bOver)
{
    var elmi = document.getElementById(id + "_i");
    var layer = document.getElementById("layer");
    
    if(elmi && layer)
    {
        var img;
        if(bOver == true)
        {
            img = "../Images/Heading" + idx + "sel.png";
            elmi.src = img;
        }
        else if(layer.style.display != '')
        {
            img = "../Images/Heading" + idx + ".png";
            elmi.src = img;
        }
    }
}

function Preload()
{
    var imgs = new Array("Back.bmp",
    "binary3.jpg", "binary4.jpg", "CoatOfArms2.jpg", 
    "Computer.bmp", "email.gif",
    "Heading1.bmp", "Heading3.png",
    "Heading4.png", "Heading5.png", "Heading6.png",
    "Heading13.png",
    "Heading14.png", 
    "Heading3sel.png", "Heading4sel.png",
    "Heading5sel.png", "Heading6sel.png",
    "Heading13sel.png", "Heading14sel.png",
    "pda2.gif", "phone.gif", "links.png",
    "ss.jpg", "Close.png", "languages.jpg", "mobile.gif", 
    "inet.gif", "sql_farm.jpg", "c++_2.jpg");
    
    var preloads = new Array();
    
    for(var i = 0; i < imgs.length; i++)
    {
        preloads[i] = new Image();
        preloads[i].src = "../Images/" + imgs[i];
    }
}