$(document).ready(function(){
    $( ".spaces-accordion" ).accordion({
        active: false,
        collapsible: true,
        create: function( event, ui ) {
            $( ".spaces-accordion .ui-accordion-content" ).css('height','auto');
        }
    });
    // gallery
    $('#largeImage').attr('src',$('#original-img img').first().attr('src'));
    $('#largeImage').attr('alt',$('#original-img img').first().attr('alt'));
    $('#thumbs').delegate('img','click', function(){
        $('#largeImage').attr('src',$('#original-img').find('.'+$(this).attr('class')).attr('src'));
        $('#largeImage').attr('alt',$('#original-img').find('.'+$(this).attr('class')).attr('alt'));
    });
    var scroll_width = $('#thumbs-container img').first().width() + parseInt($('#thumbs-container img').first().css('margin-right')) + 2;
    var animated = false;
    $('#thumbs-left').click(function(){
        if (!animated) {
            var curr_left = parseInt($('#thumbs-container').css('left'));
            if(isNaN(curr_left)) curr_left = 0;
            if (curr_left < 0) {
                animated = true;
                $('#thumbs-container').animate({'left': '+='+scroll_width},400,function(){
                    animated = false;
                });
            }
        }
    });
    var img_fill = Math.floor($('#thumbs').width() / $('#thumbs').find('img').first().outerWidth(true));
    $('#thumbs-right').click(function(){
        if (!animated) {
            var curr_left = parseInt($('#thumbs-container').css('left'));
            if(isNaN(curr_left)) curr_left = 0;
            if (curr_left > -1 * ($('#thumbs-container img').length - img_fill) * scroll_width) {
                animated = true;
                $('#thumbs-container').animate({'left': '-='+scroll_width},400,function(){
                    animated = false;
                });
            }
        }
    });
});