//function SlideLeft(element, moveElementBy) {

//    var movedBy = Math.abs(element.offsetLeft);
//    if (movedBy < moveElementBy) moveElementBy = movedBy;

//    if (moveElementBy > 0)
//        new Effect.Move(element, { x: moveElementBy, y: 0, mode: 'relative', queue: 'end', duration: 0.2 });
//}

//function SlideRight(element, moveElementBy) {

//    var movedBy = Math.abs(element.offsetLeft);
//    var width = $(element).getWidth();
//    var canvasWidth = $(element).up("div").getWidth();
//    //alert("width: " + width + "/canvaswidth: " + canvasWidth + " - " + element.outerHTML);
//    var maxMove = width - canvasWidth;
//    if (maxMove < 0) maxMove = 0;

//    //alert("movedby: " + movedBy + " - moveby" + moveElementBy + " - max: " + maxMove);

//    if ((movedBy + moveElementBy) > maxMove) moveElementBy = (maxMove - movedBy);

//    new Effect.Move(element, { x: -1 * moveElementBy, y: 0, mode: 'relative', queue: 'end', duration: 0.2 });
//}

function SlideLeft(element, moveElementBy) {

    var movedBy = Math.abs(element.offsetLeft);
    if (movedBy < moveElementBy) moveElementBy = movedBy;

    if (moveElementBy > 0)
        new Effect.Move(element, { x: moveElementBy, y: 0, mode: 'relative', queue: 'end', duration: 0.2 });
}

function SlideRight(element, moveElementBy) {

    var movedBy = Math.abs(element.offsetLeft);
    var width = $(element).getWidth();
    var canvasWidth = $(element).up("div").up("div").getWidth();
    //alert("width: " + width + "/canvaswidth: " + canvasWidth + " - " + element.outerHTML);
    var maxMove = width - canvasWidth;
    if (maxMove < 0) maxMove = 0;

    //alert("movedby: " + movedBy + " - moveby" + moveElementBy + " - max: " + maxMove);

    if ((movedBy + moveElementBy) > maxMove) moveElementBy = (maxMove - movedBy);

    new Effect.Move(element, { x: -1 * moveElementBy, y: 0, mode: 'relative', queue: 'end', duration: 0.2 });
}