var work_section = 0;
var MAX_SECTION, IMG_ROOT, cur_section = 0;
function di(a) { return document.getElementById(a) }
function gy(){gw(-2)}
function gw(section) {
    if (cur_section == section) return;
    var w1 = di('w1'), w2 = di('w2'), w3 = di('w3'), w4 = di('w4'), w5 = di('w5'), w0 = di('winfo');
    var cw0 = di('cw0'), cw1 = di('cw1'), cimg = di('cimg');
    if (section == -1) { if (cur_section > 0) cur_section--; else cur_section = MAX_SECTION; }
    else if (section == -2) { if (cur_section < MAX_SECTION) cur_section++; else cur_section = 0; }
    else cur_section = section;


    if (cur_section > 0) {
        di('cimg').style.display = 'none'; di('cload').style.display = '';
    }
       
    if (w0) w0.className = 'b wbt wnum winfo'; if (cw0) cw0.style.display = 'none';
    if (w1) w1.className = 'b wbt wnum w1'; if (cw1) cw1.style.display = 'none';
    if (w2) w2.className = 'b wbt wnum w2';
    if (w3) w3.className = 'b wbt wnum w3';
    if (w4) w4.className = 'b wbt wnum w4';
    if (w5) w5.className = 'b wbt wnum w5';

    switch (cur_section) {
        case 0: w0.className = 'b wbt wnum winfo-hover'; cw0.style.display = ''; break;
        case 1: w1.className = 'b wbt wnum-hover w1-hover'; cimg.src = IMG_ROOT + 'main1.jpg'; cw1.style.display = ''; break;
        case 2: w2.className = 'b wbt wnum-hover w2-hover'; cimg.src = IMG_ROOT + 'main2.jpg'; cw1.style.display = ''; break;
        case 3: w3.className = 'b wbt wnum-hover w3-hover'; cimg.src = IMG_ROOT + 'main3.jpg'; cw1.style.display = ''; break;
        case 4: w4.className = 'b wbt wnum-hover w4-hover'; cimg.src = IMG_ROOT + 'main4.jpg'; cw1.style.display = ''; break;
        case 5: w5.className = 'b wbt wnum-hover w5-hover'; cimg.src = IMG_ROOT + 'main5.jpg'; cw1.style.display = ''; break;
    }
    //for IE 6 reenable the events
    if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
        var ieversion = new Number(RegExp.$1);
        if (ieversion >= 6 && ieversion <7) {
            di('cw1').style.cursor='pointer'; di('cw1').onmouseover = imgover; di('cw1').onmouseout = imgout; di('cw1').onclick = gy;
        }
    }
    var d=di('wright');d=d.parentNode||d.parentElement;d=d.parentNode||d.parentElement;
  //  d.style.display=cur_section?'':'none'

}
function imgload() {
    di('cimg').style.display = '';
    di('cload').style.display = 'none';
}
function imgover() { di('imgnxt').src = 'images/next-hover.png' }
function imgout() { di('imgnxt').src = 'images/next.png' }