$(document).ready(function() {
	
	jQuery.fn.extend({
		tab: function(_container) {
			return this.each(function() { 
				$(this).mouseenter(function() {
					$('.openTab').hide();
					if(_container) {
						var container = $(_container);
					}
					var bg = $(this).css('backgroundColor');
					var fontColor = $(this).find('a:first').css('color');
					var containerpos = container.offset();
					var block = $(this).find('.openTab');
						block.css({ position: 'absolute', zIndex: 100 });

					var pos = $(this).offset();
						pos.top += $(this).outerHeight();

						if(container && (pos.left + block.outerWidth()) > (containerpos.left + container.outerWidth())) {
							pos.left -= (block.outerWidth() - $(this).outerWidth());
						}

						block.css({ top: pos.top + 'px', left: pos.left + 'px' });
						$(this)
							.css({background: '#fff'})
							.css('-moz-border-radius-topleft', '5px').css('-moz-border-radius-topright', '5px')
							.css('-webkit-border-top-left-radius', '5px').css('-webkit-border-top-right-radius', '5px');
						$(this).find('a:first').css('color', '#333')
						block.slideDown('fast');


					$(this).mouseleave(function(e) {

						block.hide();
						$(this).css({background: bg});
						$(this).find('a:first').css('color', fontColor)
					});

				});
			});
		}
	});
	
//	$('.block').tab('.container');
//	$('.block a.handle').click(function(e) { e.preventDefault(); });
	
});