$j(document).ready(function(){

    var moveLock = false;
    var wImg = 105 + ($j.browser.msie && parseInt(jQuery.browser.version) == 6 ? 10 : 0);
    var wParent = 585;

    $j('.gallery-items').each(function() {
        var w = getRealWidth($j(this).children('.gallery-item').eq(0)) * $j(this).children('.gallery-item').length;
        $j(this).css({ width: w + 'px' });
        $j(this).attr('width', w);
    });

    $j('.gallery-sub-left').bind('click', function() {
        moveImages(1, $j(this).siblings('.gallery-wrapper').children('.gallery-items'));
        $j(this).blur();
        return false;
    }).css('cursor', 'pointer');
    $j('.gallery-sub-right').bind('click', function() {
        moveImages(-1, $j(this).siblings('.gallery-wrapper').children('.gallery-items'));
        $j(this).blur();
        return false;
    }).css('cursor', 'pointer');

    function moveImages(len, obj)
    {
        len *= getRealWidth($j(obj).children('.gallery-item').eq(0));
        if (moveLock)
        {
            return;
        }
        
        var left = parseInt($j(obj).css('left'));
        if ((len < 0 && (left + len) < (-$j(obj).attr('width') + wParent + len)) ||
            (len > 0 && (left + len) > 0))
        {
            return;
        }
        moveLock = true;
        $j(obj).animate({ left: (left + len) + 'px' }, 500, 'swing', function() { moveLock = false; });
    }
    
    function getRealWidth(obj)
    {
        return wImg + parseInt($j(obj).css('marginLeft')) + parseInt($j(obj).css('marginRight'));
    }
    
});