(function($){
    $.fn.portfolio = function(){
        var thumbWrapper = $(this);
        var thumbs = thumbWrapper.find('a');
        var photoWrapper = $('#photo_wrapper');
        var blankImg = '/images/blank.gif';

        return this.each(function(){
            function switchPhoto(src) {
                photoWrapper.empty();
                img = '<img src="' + src + '" class="galleryImg_large"/>';
                photoWrapper.append(img);
                blank = '<img src="' + blankImg + '" height="' + photoWrapper.outerHeight() + '" width="' +  photoWrapper.outerWidth() + '" class="blank" />';
                photoWrapper.append(blank);
            }


            thumbs.each(function(){
                $(this).bind('click', function(){
                    var src = $(this).attr('href');
                    switchPhoto(src);

                    thumbWrapper.children('a').each(function(){
                        $(this).removeClass('selected');
                    });
                    $(this).addClass('selected');

                    return false;
                });
            });
        });

    }
})(jQuery);

$(function(){
    $('#thumb_wrapper').portfolio();
    $('#categories_menu').change(function(){
        href = $(this + ':selected').val();
        window.location = href;
    });

    $('.cat_box').each(function(){
        $(this).bind('click', function(){
            port = $(this).find('a').attr('href');
            window.location = port;
            return false;
        });
    });
    
    $('body').append('<div id="fetcher"></div>');
    $('#fetcher').css('display', 'none');
    $('#thumb_wrapper a').each(function(){
        img = '<img src="' + $(this).attr('href') + '" />';
        $('#fetcher').html(img);
    })

});