//	 Basic browser compatibility check

var isAll = 0;
var isID = 0;
if (document.getElementById) {
    isID = 1;
}
else if (document.all) {
    isAll = 1;
}
else {
    alert('You will need a more modern browser to view this site');
}
function findDOM(objectID,withStyle) {
    if (withStyle == 1) {
        if (isID) {
            return (document.getElementById(objectID).style);
        }
        else if (isAll) {
            return (document.all[objectID].style);
        }
    }
    else {
        if (isID) {
            return (document.getElementById(objectID));
        }
        else if (isAll) {
            return (document.all[objectID]);
        }
    }
}


//	Main home page functions

function gotoUrl(newPage) {
    location.href=newPage;
}
function showMenu(menuName) {
    domStyle = findDOM(menuName, 1);
    domStyle.visibility = "visible";
}
function hideMenu(menuName) {
    domStyle = findDOM(menuName, 1);
    domStyle.visibility = "hidden";
}


//	Set up of randomly generated pictures, associated names and links

var adTeam = new Array("George Beaton","Margaret Beaton","Mel Chee","Jelena Dodic","Tristan Forrester",
    "Bill Nikolovski","Rosalyn de Vries","Stefan Yelas","Rana Bose","Fleur Caponong",
    "Eric Chin","Vicki Coffin","Sylvia Collett","Lynda Dean","Maia Gould","Natasha Butler",
    "Shirley Martin","Paul Moon","Jordan Webb","Warren Riddell");

function init() {
    var panel=document.getElementById("panel");
    var i, rand, temp, str, x, membID, nums = [];
    for( i=0; i<20; i++) {
        nums[i] = i ;
    }
    for( i=0; i<19; i++) {
        rand = Math.ceil(Math.random()*19);
        temp = nums[i];
        nums[i] = nums[rand];
        nums[rand]=temp;
    }
    str = "";
    for( i=1; i<5; i++) {
        x = nums[i];
        membID = adTeam[x].replace(" ","_")
         membID = membID.replace(" ","_")
       
        str += '<div class="picBox" style="background-image: url(images/' + membID + '.jpg);" onMouseover="showMenu(\'' + membID + '\')" onMouseout="hideMenu(\'' + membID + '\')" onClick="gotoUrl(\'' + membID + '.htm\')"><div id="' + membID + '" class="nameMenu">' + adTeam[x] + ' <span style="color: #009fda;">+</span></div></div>';
    }
    panel.innerHTML = str;
}
window.onload=init;