var dir = 'next';

function moveCarousel(element, text)
{
    var carousel = document.getElementById(element);
    var imgs = carousel.getElementsByTagName('img');
    var spans = carousel.getElementsByTagName('td');
    var total = imgs.length;

    //var width = $(imgs[0]).readAttribute('width');
    var width = $(spans[0]).getStyle('width');
    width = width.substring(0, (width.length - 2));
    //alert(width);

    var x = ($(element).getStyle('left') == null) ? '0px' : $(element).getStyle('left');
    x = String(x.substring(0, (x.length - 2)));

    

    if (dir == 'next') {
        var image = (x == 0) ? 2 : ((Math.abs(x) / width) + 2);
    } else if (dir == 'prev') {
        var image = (Math.abs(x) / width);
    } else {
        return false;
    }
    
    if (image>imgs.length) {
        dir = 'prev';
        image = image -1;
    } else if(image ==0) {
        image = 1;
        dir = 'next';
    }
    
    

    if (!$(imgs[image - 1])) {
        return false;
    }

    if (dir == 'next') {

        if (x > -(width * (total - 1))) {
            new Effect.MoveBy(element, 0, 0 , { x: -width, y: 0, duration: 0.5,  transition: Effect.Transitions.sinoidal});
            //$(text).update($(imgs[image - 1]).readAttribute('alt'));
            return true;
        }

    } else if (dir == 'prev') {

        if (x < 0) {
            new Effect.MoveBy(element, 0, 0 , { x: width, y: 0, duration: 0.5,  transition: Effect.Transitions.sinoidal});
            //$(text).update($(imgs[image - 1]).readAttribute('alt'));
            return true;
        }

    } else {

        return false;

    }

    return false;
}