var yearPic = new Array("P2007.jpg", "P2008.jpg", "P2009.jpg", "P2010.jpg", "P2011.jpg", "OlympicRings.png");

function _displayItem(ev) {
    if (window.event) ev = window.event;
    var el = (ev.srcElement) ? ev.srcElement : ev.target;
    if (el == null) return;

    _loadYear(el.innerHTML);
}

function _loadYear(year) {
    _highlightYear(year);
    
    var imgBkg = document.getElementById("yearBkg");
    if (imgBkg == null) return;
    var i = (year - 2007);
    imgBkg.src = "images/" + yearPic[i];

    var ym = null;
    switch (year) {
        case "2007":
            ym = typeof(ym2007) == "undefined" ? null : ym2007;
            break;
        case "2008":
            ym = typeof (ym2008) == "undefined" ? null : ym2008;
            break;
        case "2009":
            ym = typeof (ym2009) == "undefined" ? null : ym2009;
            break;
        case "2010":
            ym = typeof (ym2010) == "undefined" ? null : ym2010;
            break;
        case "2011":
            ym = typeof (ym2011) == "undefined" ? null : ym2011;
            break;
        case "2012":
            ym = typeof (ym2012) == "undefined" ? null : ym2012;
            break;
        default:
            break;
    }
    _displayLinks(ym);
}

function _displayLinks(ym) {
    var el = document.getElementById("yearContent");
    if (el == null) return;

    var sHTML = "";
    if (typeof(ym) != "undefined" && ym != null) {
        for (var i = 0; i < ym.length; i++) {
            sHTML += "<a class='Float' style='position:absolute;top:" +
            ym[i][1] + "px;left:" +
            ym[i][2] + "px;width:130px;' href='Event.aspx?ev=" +
            ym[i][0] + "'>" +
            ym[i][3] + "<br/>" + ym[i][4] +
            "</a>";
        }
    }
    el.innerHTML = sHTML;
}