$(document).ready(function(){

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

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

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

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