var $j = jQuery.noConflict();
var imageWidth = 100;
var imageMargin = 11;
var scrollAreaWidth = 600;
var locked = false;
var currentMargin = 0;
var limitLeft = 0;
var limitRight = 0;

$j(document).ready(function(){
    limitRight = -(($j('.talocontainer').size()*(imageWidth+(imageMargin*2))-scrollAreaWidth));
     // IE FIX
     if ($j.browser.msie) {
         $j('#thumbnails').css("margin-left","0px");
     }
    $j('#scroll_left').click(function(){
        scrollLeft();
    });

    $j('#scroll_right').click(function(){
        scrollRight();
    })

});

function scrollLeft() {
    if(!locked && currentMargin < limitLeft) {
        locked = true;
        $j('#thumbnails').animate({
            marginLeft: (currentMargin+(imageWidth+(imageMargin*2)))+"px"
        },500,"linear",function(){locked = false; currentMargin = (currentMargin+(imageWidth+(imageMargin*2)))});
    }
}

function scrollRight() {
    if(!locked && currentMargin > limitRight) {
        locked = true;
        $j('#thumbnails').animate({
            marginLeft: (currentMargin-(imageWidth+(imageMargin*2)))+"px"
        },500,"linear",function(){locked = false; currentMargin = (currentMargin-(imageWidth+(imageMargin*2)))});
    }
}