﻿$(document).ready( function() {
    
    $('div.expandbox').click(function(){
        var thumbsContainer = $(this).parent().parent().children('div.clearfix').children('ul');
        var hideShow = togglePlusMinusClass($(this), thumbsContainer);
    });
    
    function togglePlusMinusClass(handle, thumbs)
    {
        if(handle.hasClass('plus'))
        {
            showThumbs(handle, thumbs);
        }
        else if(handle.hasClass('minus'))
        {
            hideThumbs(handle, thumbs);
        }
    }
    
    function showThumbs(handle, thumbs)
    {
        handle.removeClass('plus').addClass('minus');
        thumbs.show('normal');
    }
    
    function hideThumbs(handle, thumbs)
    {
        handle.removeClass('minus').addClass('plus');
        thumbs.hide('normal');
    }
    
});
