// JavaScript Document
    function show_tab(obj) {
        document.getElementById('tab1').style.display = "none";
        document.getElementById('tab2').style.display = "none";
        document.getElementById(obj).style.display = "block";
    }

        function $(id) { return document.getElementById(id); }
        function addLoadEvent(func) {
            var oldonload = window.onload;
            if (typeof window.onload != 'function') {
                window.onload = func;
            } else {
                window.onload = function() {
                    oldonload();
                    func();
                }
            }
        }
        function moveElement(elementID, final_x, final_y, interval) {
            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);
        }
        function classNormal(iFocusBtnID, iFocusTxID) {
            var iFocusBtns = $(iFocusBtnID).getElementsByTagName('li');
            var iFocusTxs = $(iFocusTxID).getElementsByTagName('li');
            for (var i = 0; i < iFocusBtns.length; i++) {
                iFocusBtns[i].className = 'normal';
                iFocusTxs[i].className = 'normal';
            }
        }
        function classCurrent(iFocusBtnID, iFocusTxID, n) {
            var iFocusBtns = $(iFocusBtnID).getElementsByTagName('li');
            var iFocusTxs = $(iFocusTxID).getElementsByTagName('li');
            iFocusBtns[n].className = 'current';
            iFocusTxs[n].className = 'current';
        }
        function iFocusChange() {
            if (!$('ifocus')) return false;
            $('ifocus').onmouseover = function() { atuokey = true };
            $('ifocus').onmouseout = function() { atuokey = false };
            var iFocusBtns = $('ifocus_btn').getElementsByTagName('li');
            var listLength = iFocusBtns.length;            
           for (var k = 0; k < listLength; k++) {
                iFocusBtns[k].onmouseover = function() {
                    var myiFocusBtns = $('ifocus_btn').getElementsByTagName('li');
                    var mylistLength = myiFocusBtns.length;
                    for (var j = 0; j < mylistLength; j++) {
                        if (this == myiFocusBtns[j]) {
                            var v = j;
                        }
                    }
                    moveElement('ifocus_piclist', 0, (-130) * v, 5);
                    classNormal('ifocus_btn', 'ifocus_tx');
                    classCurrent('ifocus_btn', 'ifocus_tx', v);
                }
            }
        }     
        setInterval('autoiFocus()', 7000);
        var atuokey = false;
        function autoiFocus() {
            if (!$('ifocus')) return false;
            if (atuokey) return false;
            var focusBtnList = $('ifocus_btn').getElementsByTagName('li');
            var listLength = focusBtnList.length;
                    var currentNum = 0;
            for (var i = 0; i < listLength; i++) {
                if (focusBtnList[i].className == 'current') { currentNum = i; }
            }
            if (currentNum == listLength - 1) {
                moveElement('ifocus_piclist', 0, 0, 5);
                classNormal('ifocus_btn', 'ifocus_tx');
                classCurrent('ifocus_btn', 'ifocus_tx', 0);
            }
            else {
                moveElement('ifocus_piclist', 0, (-130) * (currentNum+1), 5);
                classNormal('ifocus_btn', 'ifocus_tx');
                classCurrent('ifocus_btn', 'ifocus_tx', currentNum+1);
            }
        }