jQuery.fn.thumbs = function(options) {
	options = $.extend({
		container:	'#tab-content-0',
		type		:	'IMAGE'	// contentType : for drawing the content
	}, options || {});

	var container = this;
	var cid = '#' + container.attr('id');
	var buttons = $(cid + ' a.thumb-link');
	$.each(buttons, function(i, val){
		$(buttons[i]).click(function(event){
			// highlight the new active one
			$.each(buttons, function(j, linkEl){
				if (i==j){ 
					$(buttons[j]).parent().addClass('active');
				} else { 
					$(buttons[j]).parent().removeClass('active');
				}
			});
			// draw the content
			if (options.type.toUpperCase() == 'VIDEO'){
				// TODO: adjust for videos... what exactly do we do here - just set a variable in the flash?
				$(cid + ' .thumb-target').attr('src', $(buttons[i]).attr('href'));
				$(cid + ' .thumb-title').text($(buttons[i]).attr('title'));
			} else {
				//	default to image setup
				$(cid + ' .thumb-target').attr('src', $(buttons[i]).attr('href'));
				$(cid + ' .thumb-title').text($(buttons[i]).attr('title'));
			} 
			event.preventDefault();
		});
	});
	
	return this;
}