(function($) {
	
	$.fn.toolbox = function(options) {
		
		var defaults = {
				toolboxInfoClass : '.toolbox-info'
		};
		var options = $.extend(defaults, options);
		
		var toolboxContainer = '';
		var toolboxItems = '';
		var nbItems = '';
		var toolboxInfo = '';
		
		return $(this).each(function() {
			toolboxContainer = $(this);
			toolboxItems = toolboxContainer.find('li'); 
			nbItems = toolboxItems.length;
			toolboxInfo = toolboxContainer.find(options.toolboxInfoClass);
			
			toolboxItems.mouseenter(overHandler);
			toolboxContainer.mouseleave(outHandler);
		});
		
		function overHandler(e) 
		{
			var position = $.inArray(this, toolboxItems);
			var element = $(this);
			var other_elements = toolboxItems.not(element);
			
			other_elements.removeClass('shadow-left');
			other_elements.removeClass('shadow-right');
			other_elements.removeClass('hover');
			element.addClass('hover');
			
			if(position == 0)
			{
				$(toolboxItems[position + 1]).addClass('shadow-left');
			}
			else if(position == (nbItems - 1))
			{
				$(toolboxItems[position - 1]).addClass('shadow-right');
			}
			else
			{
				$(toolboxItems[position + 1]).addClass('shadow-left');
				$(toolboxItems[position - 1]).addClass('shadow-right');
			}
			
			var element_link = element.find('a');
			
			toolboxInfo.html('<a href="' + element_link.attr('href')  + '">' + element_link.html() + '</a>');
			toolboxInfo.width(toolboxContainer.innerWidth() - parseInt(toolboxInfo.css('border-left-width')) - parseInt(toolboxInfo.css('border-right-width')));
			toolboxInfo.show();
		}
		
		function outHandler(e)
		{
			toolboxItems.removeClass('shadow-left');
			toolboxItems.removeClass('shadow-right');
			toolboxItems.removeClass('hover');
			toolboxInfo.hide();
		}
	}
	

})(jQuery);	

$(document).ready(function() {
	$('#sliderToolbox span').each(function(index) {
		document.getElementById("sliderToolbox").style.display = "block";							 
		if($(this).height()<20 && $(this).height()!=0){
		
			$(this).parent().css("padding-top","19px");
		}
	});
});