var origWidth, origHeight;
if (document.layers) {
        origWidth = window.innerWidth; origHeight = window.innerHeight;
        window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); }
}

var cur_lyr;
function swapLayers(id) {
  for (var i = 1; i <= 5; i++) hideLayer('lyr' + i);
  showLayer(id);
  cur_lyr = id;
}

function showLayer(id) {
  var lyr = getElemRefs(id);
  if (lyr && lyr.css) lyr.css.display = "block";
}

function hideLayer(id) {
var lyr = getElemRefs(id);
  if (lyr && lyr.css) lyr.css.display = "none";
}

var origWidth, origHeight;
if (document.layers) {
        origWidth = window.innerWidth; origHeight = window.innerHeight;
        window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); }
}

var cur_lyrNote;
function popLayersNote(id) {
  if (cur_lyrNote) hideLayerNote(cur_lyrNote);
  showLayerNote(id);
  cur_lyrNote = id;
}

function showLayerNote(id) {
  var lyrNote = getElemRefs(id);
  if (lyrNote && lyrNote.css) lyrNote.css.visibility = "visible";
}

function hideLayerNote(id) {
  var lyrNote = getElemRefs(id);
  if (lyrNote && lyrNote.css) lyrNote.css.visibility = "hidden";
}

function getElemRefs(id) {
        var el = (document.getElementById)? document.getElementById(id): (document.all)? document.all[id]: (document.layers)? document.layers[id]: null;
        if (el) el.css = (el.style)? el.style: el;
        return el;
}

function setSrc(id)
{
    var images = document.images;

    var map =
    {
        "teams": ["teams_on", "teams"],
        "strikers": ["strikers_on", "strikers"],
        "groupA": ["groupA_on", "groupA"],
        "groupB": ["groupB_on", "groupB"],
        "pa": ["ItemPackages_on",   "ItemPackages"]
    }

    for (var tabName in map)
    {
        if (images[tabName])
        {
            images[tabName].src = "/img/" + (id == tabName ? map[tabName][0] : map[tabName][1]) + ".gif"
        }
    }
}