/*
 * jQuery.xnavigation.js
 * @Author Le x-team.com/xhtmlized.com
 * Last change:
 */
 
 (function($){
	$.fn.xNavigation = function(options) {
		var defaults = {
			time: '1200'
		};
		var options = $.extend(defaults, options);
		return this.each(function() {
			obj = $(this);
			obj.children('li').each(function(i){
				var elm = obj.children('li').eq(i).children('a').children('span');
				var pos = obj.children('li').eq(i).children('a').children('span').css('backgroundPosition');
				
				
				$(this).hover(
					function(){
						if (typeof(pos) == 'undefined') {
							posX = obj.children('li').eq(i).children('a').children('span').css('background-positionX');
						}
						else {
							posX = pos.substring(0, pos.indexOf(' '));
						}
						elm.css({backgroundPosition: posX + ' -18px'});
						var self = this;
						$(self).find('.panel').css('display','block');
						
						
					},
					function(){
						elm.css({backgroundPosition: posX + ' 0px'});
						var self = this;
						$(self).find('.panel').css('display','none');

						
					}
				
				);
			})
		});
	};
})(jQuery);