window.onload=function() {
    if ($('slideshowdiv')) {
        var transition = 'linear';
        var mydiv = $('slideshowdiv');
        mydiv.setStyle('overflow', 'hidden');
        var mydivscrollsize = mydiv.getScrollSize();
        var mydivsize = mydiv.getSize();
        var i=1;
        var repeatnumber = 0;
        var autoplay=1;
        var scrollportion = mydivscrollsize.x-mydivsize.x;
        if (scrollportion>480) {
            var nextbutton = $('nextbut');
            nextbutton.setStyles({
                display: 'block',
                opacity: 0
            })
            var previousbutton = $('prevbut');
            previousbutton.setStyles({
                display: 'block',
                opacity: 0
            })
            var playbutton = $('playbut');
            playbutton.setStyles({
                display: 'block',
                opacity: 0
            })
            if (transition=='linear') {
                var intervalID;
                function movebox() {
                    if (i>=(scrollportion)) {
                        repeatnumber=1;
                    }
                    if (i<=0) {
                        repeatnumber=0;
                        i=1;
                    }
                    if (repeatnumber==0) {
                        mydiv.scrollTo(i,0);
                        i++;
                
                    } else if (repeatnumber==1) {
                        mydiv.scrollTo(i,0);
                        i--;
                    }            
                }
                (function () {            
                    clearInterval(intervalID);
                    intervalID = setInterval(function(){
                        movebox();
                    }, 12);
                }).delay(3500)
                mydiv.addEvents({
                    mouseover: function() {
                        clearInterval(intervalID);
                        nextbutton.fade('in');
                        previousbutton.fade('in');
                        playbutton.fade('in');
                    },
                    mouseout: function() {
                        clearInterval(intervalID);
                        nextbutton.fade('out');
                        previousbutton.fade('out');
                        playbutton.fade('out');
                        if (autoplay==1) {
                            clearInterval(intervalID);
                            intervalID = setInterval(function(){
                                movebox();
                            }, 12);
                        }
                    }
                });
            }
            var contentdiv = $('slideshowdiv');
            var theliitems=$$('#slideshowdiv img');
            var ov=[];
            var curnumber=0;
            var maxidnex=0;
            function movetoprev() {
                if (i<ov[curnumber]) {
                    while (i<ov[curnumber]) {
                        curnumber--;
                    }
                }
                else {
                    while (i>ov[curnumber]) {
                        curnumber++;
                    }
                }
                if (curnumber>0) {
                    curnumber--;
                }
                i = (ov[curnumber]);            
                mydiv.scrollTo(i,0);            
            }
            function movetonext() {            
                if (i<ov[curnumber]) {
                    while (i<ov[curnumber]) {
                        curnumber--;
                    }
                }
                else {
                    while (i>ov[curnumber]) {
                        curnumber++;
                    }
                }
                if (curnumber<(maxindex-3)) {
                    curnumber++;
                }
                i = (ov[curnumber]);            
                mydiv.scrollTo(i,0);
            }
            theliitems.each(
                function(item, index){
                    ov[index]=item.getPosition(contentdiv).x;
                    maxindex=index;
                }
                );
            nextbutton.addEvents({
                mouseover: function() {
                    nextbutton.fade('in');
                    previousbutton.fade('in');
                    playbutton.fade('in');
                    clearInterval(intervalID);
                },            
                click: function() {
                    movetonext();
                }
            });
            window.addEvent('keydown', function(event){
                if (event.key == 'left') {                
                    clearInterval(intervalID);
                    movetoprev();
                }
                if (event.key == 'right') {                
                    clearInterval(intervalID);
                    movetonext();
                }
                if (event.key == 'space') {
                    if (autoplay==0) {
                        autoplay=1;
                        intervalID = setInterval(function(){
                            movebox();
                        }, 12);
                    } 
                    if (autoplay==1) {
                        autoplay=0;               
                        clearInterval(intervalID);
                    } 
                }
            
            });
            previousbutton.addEvents({
                mouseover: function() {
                    nextbutton.fade('in');
                    previousbutton.fade('in');
                    playbutton.fade('in');
                    clearInterval(intervalID);
                },
                click: function() {
                    movetoprev();
                }     
            });
            playbutton.addEvents({
                mouseover: function() {
                    nextbutton.fade('in');
                    previousbutton.fade('in');
                    playbutton.fade('in');
                    clearInterval(intervalID);
                },            
                click: function() {
                    if (autoplay==0) {
                        autoplay=1;
                        playbutton.setStyle('background-image', 'url(cktassets/img/KnobPause.png)');
                    } else if (autoplay==1) {
                        autoplay=0;               
                        clearInterval(intervalID);
                        playbutton.setStyle('background-image', 'url(cktassets/img/KnobPlay.png)');
                    } 
                
                }
            });        
            $$('#slideshowdiv a').addEvents({
                click: function() {
                    if (autoplay==1) {
                        autoplay=0;               
                        clearInterval(intervalID);
                        playbutton.setStyle('background-image', 'url(cktassets/img/KnobPlay.png)');
                    } 
                }   
            });
        }
    }
}