var active_main;
var active_sub;
var active_link;
var active_sub_link;

function show(id, slink) {

    document.getElementById("sub_0").style.display = "none";
    
    if (active_main) {
        hide(active_main);
    }

    if (active_link) {
        active_link.className = "main";
    }
    document.getElementById(id).style.display = "block";
    
    resetLinkStyleNavigation(document.getElementById("head_nav1"));
    if (slink) {
        slink.style.color = "#003399";
    }
    active_main = id;
    myString=id;
    obje="main_"+myString.charAt(4);
    posNeu=document.getElementById(obje).offsetLeft;
    document.getElementById(id).style.left=posNeu-5;
}
function reset(id, slink) {

    document.getElementById("sub_0").style.display = "none";
    
    if (active_main) {
        hide(active_main);
    }

    if (active_link) {
        active_link.className = "main";
    }
    //document.getElementById(id).style.display = "block";
    resetLinkStyleNavigation(document.getElementById("head_nav1"));
    if (slink) {
        slink.style.color = "#003399";
    }
    active_main = id;
}


function hide(id) {
    document.getElementById(id).style.display = "none";
    active_main = 0;
    
}

function resetLinkStyleNavigation(element)
  {
	spanlist = element.getElementsByTagName("span");
  for (i = 0; i < spanlist.length; i++)
    {
    spanlist[i].firstChild.style.color = "#666";
    }
  }

function imgOn(id, slink) {
    if (active_sub) {
        imgOff(active_sub);
        active_sub_link.className = 'sub';
    }

    slink.className = 'sub_on';
    active_sub_link = slink;
    document.getElementById(id).src = "images/arrow.gif";
    active_sub = id;
}

function imgOff(id) {
    document.getElementById(id).src = "images/spacer.gif";
}