var slide = {
    slidenum: 0,
    setting: function() {
        var imgTemp = new Template('<a href="#{linkurl}" target="#{targetState}" onfocus=blur()><img src="' + basepath + '#{imgName}" border=0 width=' + banWsize + ' height=' + banHsize + '></a>');
        var btnTemp = new Template('<img src="/images/common/event_btn0#{num}_on.gif" id="event_btn0#{num}_on" border=0 onmouseover="slide.onbutton(#{num})" onmouseout="slide.outbutton()" style="display:none;cursor:pointer"><img src="/images/common/event_btn0#{num}_off.gif" id="event_btn0#{num}_off" border=0 onmouseover="slide.onbutton(#{num})" onmouseout="slide.outbutton()" style="cursor:pointer"> ');
        for (var i = 0; i < banimag.length; i++) {
            $('bannerImg').insert(imgTemp.evaluate({ linkurl: banlink[i], imgName: banimag[i], targetState: targetState[i] }))
            $('bannerbtn').insert(btnTemp.evaluate({ num: i + 1 }))
        }

        var layWsize = banWsize * banimag.length;
        $('bannerImg').setStyle({ position: 'relative', posLeft: 0, width: layWsize, height: banHsize });
    },
    sliding: function(pos) {
        nowpos = parseInt($('bannerImg').style.posLeft)
        var percent = Math.abs((Math.abs(nowpos) - Math.abs(pos)) / 5);
        percent = (percent < 1) ? 1 : percent;

        if (nowpos > pos) {
            $('bannerImg').setStyle({ left: nowpos - percent })
        } else if (nowpos < pos) {
            $('bannerImg').setStyle({ left: nowpos + percent })
        } else {
            clearInterval(mvTimer);
        }
    },
    view: function(num) {
        try { clearInterval(mvTimer); } catch (e) { }

        for (var i = 1; i < banimag.length + 1; i++) {
            $('event_btn0' + i + '_on').hide();
            $('event_btn0' + i + '_off').show();
        }
        $('event_btn0' + num + '_on').show();
        $('event_btn0' + num + '_off').hide();

        wonpos = -((num - 1) * banWsize);
        mvTimer = setInterval('slide.sliding(' + wonpos + ')', 10);
    },
    trans: function() {
        if (this.slidenum < banimag.length)
            this.slidenum++;
        else
            this.slidenum = 1;

        this.view(this.slidenum);
        trTimer = setTimeout('slide.trans()', 4420)
    },
    onbutton: function(num) {
        clearTimeout(trTimer);
        this.view(num);
        this.slidenum = num;
    },
    outbutton: function() {
        trTimer = setTimeout('slide.trans()', 4420)
    }
}
var hotdebut = {
    hnum: 0,
    setting: function(num) {
        for (var i = 0; i < 4; i++) {
            $('hotdebutimg' + i).hide();
        }
        $('hotdebutimg' + num).show();

        for (var i = 0; i < 4; i++) {
            $('hdebutsb' + i + '_on').hide();
            $('hdebutsb' + i + '_off').show();
        }
        $('hdebutsb' + num + '_on').show();
        $('hdebutsb' + num + '_off').hide();
    },
    choice: function(num) {
        this.still();
        this.setting(num);
        this.hnum = num;
    },
    trans: function() {
        this.setting(this.hnum);
        (this.hnum < 3) ? this.hnum++ : this.hnum = 0;
        hotdebutTm = setTimeout("hotdebut.trans()", 4420);
    },
    still: function() {
        clearTimeout(hotdebutTm);
    }
}