// javascript document   css

function $get(id) { return document.getelementbyid(id); }

function addloadevent(func) {
    try {
        var oldonload = window.onload;
        if (typeof window.onload != 'function') {
            window.onload = func;
        } else {
            window.onload = function () {
                oldonload();
                func();
            }
        }
    } catch (exxxx) {
    }
}

function moveelement(elementid, final_x, final_y, interval) {
    try {
        if (!document.getelementbyid) return false;
        if (!document.getelementbyid(elementid)) return false;
        var elem = document.getelementbyid(elementid);
        if (elem.movement) {
            cleartimeout(elem.movement);
        }
        if (!elem.style.left) {
            elem.style.left = "0px";
        }
        if (!elem.style.top) {
            elem.style.top = "0px";
        }
        var xpos = parseint(elem.style.left);
        var ypos = parseint(elem.style.top);
        if (xpos == final_x && ypos == final_y) {
            return true;
        }
        if (xpos < final_x) {
            var dist = math.ceil((final_x - xpos) / 10);
            xpos = xpos + dist;
        }
        if (xpos > final_x) {
            var dist = math.ceil((xpos - final_x) / 10);
            xpos = xpos - dist;
        }
        if (ypos < final_y) {
            var dist = math.ceil((final_y - ypos) / 10);
            ypos = ypos + dist;
        }
        if (ypos > final_y) {
            var dist = math.ceil((ypos - final_y) / 10);
            ypos = ypos - dist;
        }
        elem.style.left = xpos + "px";
        elem.style.top = ypos + "px";
        var repeat = "moveelement('" + elementid + "'," + final_x + "," + final_y + "," + interval + ")";
        elem.movement = settimeout(repeat, interval);
    } catch (exxxx) {
    }
}

function classnormal(ifocusbtnid, ifocustxid) {
    try {
        var ifocusbtns = $get(ifocusbtnid).getelementsbytagname('li');
        var ifocustxs = $get(ifocustxid).getelementsbytagname('li');
        for (var i = 0; i < ifocusbtns.length; i++) {
            ifocusbtns[i].classname = 'normal';
            ifocustxs[i].classname = 'normal';
        }
    } catch (exxxx) {
    }
}

function classcurrent(ifocusbtnid, ifocustxid, n) {
    try {
        var ifocusbtns = $get(ifocusbtnid).getelementsbytagname('li');
        var ifocustxs = $get(ifocustxid).getelementsbytagname('li');
        ifocusbtns[n].classname = 'current';
        ifocustxs[n].classname = 'current';
    } catch (exxxx) {
    }
}

function ifocuschange() {
    try {
        if (!$get('ifocus')) return false;
        $get('ifocus').onmouseover = function () { atuokey = true };
        $get('ifocus').onmouseout = function () { atuokey = false };
        var ifocusbtns = $get('ifocus_btn').getelementsbytagname('li');
        var listlength = ifocusbtns.length;
        ifocusbtns[0].onmouseover = function () {
            moveelement('ifocus_piclist', 0, 0, 5);
            classnormal('ifocus_btn', 'ifocus_tx');
            classcurrent('ifocus_btn', 'ifocus_tx', 0);
        }
        if (listlength >= 2) {
            ifocusbtns[1].onmouseover = function () {
                moveelement('ifocus_piclist', 0, -365, 5);
                classnormal('ifocus_btn', 'ifocus_tx');
                classcurrent('ifocus_btn', 'ifocus_tx', 1);
            }
        }
        if (listlength >= 3) {
            ifocusbtns[2].onmouseover = function () {
                moveelement('ifocus_piclist', 0, -730, 5);
                classnormal('ifocus_btn', 'ifocus_tx');
                classcurrent('ifocus_btn', 'ifocus_tx', 2);
            }
        }
        if (listlength >= 4) {
            ifocusbtns[3].onmouseover = function () {
                moveelement('ifocus_piclist', 0, -1095, 5);
                classnormal('ifocus_btn', 'ifocus_tx');
                classcurrent('ifocus_btn', 'ifocus_tx', 3);
            }
        }
        if (listlength >= 5) {
            ifocusbtns[4].onmouseover = function () {
                moveelement('ifocus_piclist', 0, -1460, 5);
                classnormal('ifocus_btn', 'ifocus_tx');
                classcurrent('ifocus_btn', 'ifocus_tx', 4);
            }
        }
    } catch (exxxx) {
    }
}

setinterval('autoifocus()', 5000);
var atuokey = false;
function autoifocus() {
    try {
        if (!$get('ifocus')) return false;
        if (atuokey) return false;
        var focusbtnlist = $get('ifocus_btn').getelementsbytagname('li');
        var listlength = focusbtnlist.length;
        for (var i = 0; i < listlength; i++) {
            if (focusbtnlist[i].classname == 'current') var currentnum = i;
        }
        if (currentnum == 0 && listlength != 1) {
            moveelement('ifocus_piclist', 0, -365, 5);
            classnormal('ifocus_btn', 'ifocus_tx');
            classcurrent('ifocus_btn', 'ifocus_tx', 1);
        }
        if (currentnum == 1 && listlength != 2) {
            moveelement('ifocus_piclist', 0, -730, 5);
            classnormal('ifocus_btn', 'ifocus_tx');
            classcurrent('ifocus_btn', 'ifocus_tx', 2);
        }
        if (currentnum == 2 && listlength != 3) {
            moveelement('ifocus_piclist', 0, -1095, 5);
            classnormal('ifocus_btn', 'ifocus_tx');
            classcurrent('ifocus_btn', 'ifocus_tx', 3);
        }
        if (currentnum == 3 && listlength != 4) {
            moveelement('ifocus_piclist', 0, -1460, 5);
            classnormal('ifocus_btn', 'ifocus_tx');
            classcurrent('ifocus_btn', 'ifocus_tx', 4);
        }
        if (currentnum == 4) {
            moveelement('ifocus_piclist', 0, 0, 5);
            classnormal('ifocus_btn', 'ifocus_tx');
            classcurrent('ifocus_btn', 'ifocus_tx', 0);
        }
        if (currentnum == 1 && listlength == 2) {
            moveelement('ifocus_piclist', 0, 0, 5);
            classnormal('ifocus_btn', 'ifocus_tx');
            classcurrent('ifocus_btn', 'ifocus_tx', 0);
        }
        if (currentnum == 2 && listlength == 3) {
            moveelement('ifocus_piclist', 0, 0, 5);
            classnormal('ifocus_btn', 'ifocus_tx');
            classcurrent('ifocus_btn', 'ifocus_tx', 0);
        }
        if (currentnum == 3 && listlength == 4) {
            moveelement('ifocus_piclist', 0, 0, 5);
            classnormal('ifocus_btn', 'ifocus_tx');
            classcurrent('ifocus_btn', 'ifocus_tx', 0);
        }
    } catch (exxxx) {
    }
}
addloadevent(ifocuschange);