window.addEvent('domready', function() {
    var maxX = $('videos').getSize().x;
    var numVids = document.getElementById("videos").getElementsByTagName("div").length;
    var maxW = (numVids*162)-486;    
    var scroll = new Fx.Scroll('video_container', {
    wait: false,
    duration: 500,
    offset: {'x': 0, 'y': 0}
    });
    setButtons(0);
    
    $('next').addEvent('click', function(event) {
        event = new Event(event).stop();
        if ($('video_container').getScroll().x < maxW){     
            var nextX = ($('video_container').getScroll().x)+162;
            scroll.start(nextX, 0);
        } else {
            nextX = maxW;
        }
        setButtons(nextX+162);
        });

    $('prev').addEvent('click', function(event) {
        event = new Event(event).stop();
        if ($('video_container').getScroll().x > 0){
            var nextX = ($('video_container').getScroll().x)-162;
        } else {
            var nextX = 0;
        }
        scroll.start(nextX, 0);
        setButtons(nextX);
        });

    function setButtons(x)
    {        
        //alert('x: ' + x + ' maxW: ' + maxW);
        var diff = maxW - x;
        
        //if(x != 0 && maxW != 0){//Don't change the buttons - there's no where to scroll to
            if (x == 0)
            {
                $('prev').src = "../docimages/careoneimages/careone/images/buttons/btn_scroll_lft_dis.gif";
                $('next').src = "../docimages/careoneimages/careone/images/buttons/btn_scroll_rt.gif";
            }
            else if (x > 0 && x < maxW && diff > 162)
            {
                $('prev').src = "../docimages/careoneimages/careone/images/buttons/btn_scroll_lft.gif";
                $('next').src = "../docimages/careoneimages/careone/images/buttons/btn_scroll_rt.gif";
            }
            else if (x >= maxW || diff < 162)
            {
                $('prev').src = "../docimages/careoneimages/careone/images/buttons/btn_scroll_lft.gif";
                $('next').src = "../docimages/careoneimages/careone/images/buttons/btn_scroll_rt_dis.gif";
            }
        //}
    }

    $('prev').addEvent('mouseover', function(event) {
        event = new Event(event).stop();
        //if ($('video_container').getScroll().x>0)
        if ($('prev').src.indexOf('_dis') == -1)
            $('prev').src = "../docimages/careoneimages/careone/images/buttons/btn_scroll_lft_ovr.gif";
        });

    $('prev').addEvent('mouseout', function(event) {
        event = new Event(event).stop();
        //if ($('video_container').getScroll().x>0)
        if ($('prev').src.indexOf('_dis') == -1)
            $('prev').src = "../docimages/careoneimages/careone/images/buttons/btn_scroll_lft.gif";    
        });

    $('next').addEvent('mouseover', function(event) {
        event = new Event(event).stop();
        //if ($('video_container').getScroll().x < maxW)
        if ($('next').src.indexOf('_dis') == -1)
            $('next').src = "../docimages/careoneimages/careone/images/buttons/btn_scroll_rt_ovr.gif";
        });

    $('next').addEvent('mouseout', function(event) {
        event = new Event(event).stop();
        //if ($('video_container').getScroll().x < maxW)
        if ($('next').src.indexOf('_dis') == -1)
            $('next').src = "../docimages/careoneimages/careone/images/buttons/btn_scroll_rt.gif";
        });
});