addLoadEvent(hpTodayFocus);

function hpTodayFocus(){
    var divs = document.getElementById("todayfocus").getElementsByTagName("div");
    var contdivs = getElementsByIdName("hpfocus", divs);
    var tabs = document.getElementById("hpfocustab").getElementsByTagName("li");
    var pgs = document.getElementById("hpfcspg").getElementsByTagName("a");
    
    for (var d = tabs.length - 1; d >= 0; d--) {
        tabs[d].onmouseover = (function(tnum){
            return function(){
                shiftTab(tnum);
            }
        })(d)
    }
    for (var f = pgs.length - 1; f >= 0; f--) {
        pgs[f].onmouseover = (function(pgnum){
            return function(){
                if (pgnum >= 4) {
                    for (var g = tabs.length - 1; g >= 4; g--) {
                            tabs[g].style.display = "block";                         
                    }
					for (var g = 3; g >=0 ; g--) {
                            tabs[g].style.display = "none";                         
                    }
                }else{
					for (var g = tabs.length - 1; g >= 4; g--) {
                            tabs[g].style.display = "none";                         
                    }
					for (var g = 3; g >=0 ; g--) {
                            tabs[g].style.display = "block";                         
                    }
				}            
                
                shiftTab(pgnum);
            }
        })(f)
    }
    document.getElementById("pgdown").onclick = function(){
        for (var e = tabs.length - 1; e >= 0; e--) {
            if (tabs[e].style.display == "none") {
                tabs[e].style.display = "block";
                if (e == 4 || e == 0) {
                    shiftTab(e);
                }
            }
            else {
                tabs[e].style.display = "none";
            }
        }
    }
	document.getElementById("pgup").onclick = function(){
        for (var j = tabs.length - 1; j >= 0; j--) {
            if (tabs[j].style.display == "none") {
                tabs[j].style.display = "block";
                if (j == 4 || j == 0) {
                    shiftTab(j);
                }
            }
            else {
                tabs[j].style.display = "none";
            }
        }
    }
    function shiftTab(num){
        for (var a = tabs.length - 1; a >= 0; a--) {
            tabs[a].className = "";
        }
        for (var b = contdivs.length - 1; b >= 0; b--) {
            contdivs[b].style.display = "none";
        }
        for (var c = pgs.length - 1; c >= 0; c--) {
            pgs[c].className = "";
        }
        contdivs[num].style.display = "block";
        pgs[num].className = "act";
        tabs[num].className = "act";
    }
    function getElementsByIdName(contentid, elems){
        var arr = new Array();
        for (var i = 0; (elem = elems[i]); i++) {
            if (elem.id.indexOf(contentid) >= 0) {
                arr[arr.length] = elem;
            }
        }
        return arr;
    }
    
}


function addLoadEvent(func){
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
        window.onload = func
    }
    else {
        window.onload = function(){
            oldonload();
            func();
        }
    }
}