function loadHomePanel() {
    var homePanelContainer = document.getElementById("homePanelContainer");
    var xmlDoc = xmlInit("/xml/homepanel.xml");
    var panels = xmlDoc.getElementsByTagName("Panel");
    var panelCtr;
    var newPanelDiv;
    var newImgAnchor;
    var newTextAnchor;
    var newImage;

    for (panelCtr = 0; panelCtr < panels.length; panelCtr++) {
        newPanelDiv = document.createElement("div");
        newImage = document.createElement("img");
        newSpan = document.createElement("span");
        newAnchor = document.createElement("a");

        newPanelDiv.id = panelCtr + 1;
        newPanelDiv.className = "panelRow panelRowColor" + (panelCtr % 2 + 1);

        newImage.setAttribute("src", panels.item(panelCtr).getElementsByTagName("Image").item(0).childNodes.item(0).nodeValue);
        
        newAnchor.setAttribute("href", panels.item(panelCtr).getElementsByTagName("Link").item(0).childNodes.item(0).nodeValue);
        newAnchor.setAttribute("target", panels.item(panelCtr).getElementsByTagName("Link").item(0).getAttribute("window") == "new" ? "_blank" : "");
        newAnchor.style.whiteSpace = "nowrap";
        newAnchor.innerHTML = "[read more...]";

        newSpan.innerHTML = "<span style=\"position: static; font-weight: bold;\">" + panels.item(panelCtr).getElementsByTagName("Title").item(0).childNodes.item(0).nodeValue.toUpperCase() + "</span>";
        newSpan.innerHTML += "<br />";
        newSpan.innerHTML += panels.item(panelCtr).getElementsByTagName("Text").item(0).childNodes.item(0).nodeValue;


        homePanelContainer.appendChild(newPanelDiv);
        newPanelDiv.appendChild(newImage);
        newPanelDiv.appendChild(newSpan);
        newSpan.appendChild(newAnchor);
    }
}
function movePanelUp() {
    var homePanelContainer = document.getElementById("homePanelContainer");
    var firstDiv = homePanelContainer.getElementsByTagName('div').item(0); 
    var lastDiv;
    if (parseInt(firstDiv.id) > 1) {
        lastDiv = homePanelContainer.getElementsByTagName('div').item(homePanelContainer.getElementsByTagName('div').length - 1);
        lastDiv.style.visibility = 'visible';
        homePanelContainer.removeChild(lastDiv);
        homePanelContainer.insertBefore(lastDiv, firstDiv); 
    }
}
function movePanelDown() {
    var homePanelContainer = document.getElementById("homePanelContainer");
    var firstDiv = homePanelContainer.getElementsByTagName('div').item(0); 
    if(parseInt(firstDiv.id) < homePanelContainer.getElementsByTagName('div').length) { 
        firstDiv.style.visibility = 'hidden'; 
        homePanelContainer.removeChild(firstDiv); 
        homePanelContainer.appendChild(firstDiv);
    }
}

var panelMoveInterval;
function panelButtonMouseOver(panelButton) {
    try {
        clearInterval(panelMoveInterval);
    }
    catch (e) { 
    }
    if (panelButton.id == "homePanelUp") {
        movePanelUp();
        panelMoveInterval = setInterval(movePanelUp, 800);
    }
    else if (panelButton.id == "homePanelDown") {
        movePanelDown();
        panelMoveInterval = setInterval(movePanelDown, 800);
    }
}
function panelButtonMouseOut(panelButton) {
    try {
        clearInterval(panelMoveInterval);
    }
    catch (e) { 
    }
}