jQuery(function($){
	jQuery.fn.ds_tooltip = function() {
		return this.each(function(index, element){
				var	$container = $(element),
						$tooltip_element =  $('.tooltip-trigger', $container),
						$tooltip_content = $('.tooltip-content', $container);

			$tooltip_content
				.wrap('<div class="tooltip"></div>')
				.wrapInner('<div class="tooltip-inner"></div>');						

			var $tooltip = $tooltip_content.parents('.tooltip');
			$tooltip.append('<div class="tooltip-bottom"><div class="tooltip-bottom-right"/><div class="tooltip-bottom-left"/></div>');

			// add hover state
			$tooltip_element.hover(function(){
				$tooltip.show();
			},
			function(){
				$tooltip.hide();							
			});					
		});
	};	
});