/*
	20110831
	Tony
*/

function bannerSlide(){

    var self=this;
    var bannerSlide=$('#slide #slider');
    var i=0;
    var total=0;
    var slideWidth=687;
    var totalWidth=0;
    var adjustment, selector, caption;
    var interval=false;
    var timeout=8000;

    function go(j){

        if(interval)
            clearInterval(interval);

        if(j>total){
            j=1;
            bannerSlide.css({
                'margin-left':0
            });
        }else if(j<0){
			j=total;
            bannerSlide.css({
                'margin-left':-slideWidth*total
            });
        }

        offset=0-j*slideWidth;
        bannerSlide.stop().animate({
            'margin-left':offset
        },1500);

        i=j;

        if(j>=total)
            j=j-total;
		
		caption=bannerSlide.find('img').eq(j).attr('alt');
		if(caption!=''){
			$('#slide #caption').stop().css('opacity',0.01).find('span').html(caption).parent().stop().fadeTo(500,1);
		}

        $('#control a').removeClass('active').eq(j).addClass('active');

        interval=setInterval(self.next,timeout);

    }

    this.pause=function(){
        if(interval)
            clearInterval(interval);
    }

    this.resume=function(){
        if(interval)
            clearInterval(interval);
        interval=setInterval(self.next,timeout);
    }

    this.next=function(){
        go(i+1);
    }

    this.prev=function(){
        go(i-1);
    }

    function start(){
        go(0);
        if(interval)
            clearInterval(interval);
        interval=setInterval(self.next,timeout);
    }

    function init(){

        total=bannerSlide.children().length;
        totalWidth=total*slideWidth*2;
        bannerSlide.width(totalWidth);

        for(i=0;i<total;i++){

            selector=d.createElement('a');
            selector.href='javascript:;';
            if(i==0)
                selector.className='active';
            $('#control').append(selector);

            bannerSlide.children().eq(i).clone().appendTo(bannerSlide);

        }

        $('#control a').each(function(i){
            $(this).click(function(e){
                e.preventDefault();
                go(i);
            });
        });
		
		$('#slide #left').click(function(e){
			e.preventDefault();
			self.prev();
		});

		
		$('#slide #right').click(function(e){
			e.preventDefault();
			self.next();
		});

        start();

    }

    init();

}

$(function(){
	new bannerSlide();
});