/*
 * Sub Menu
 * Author: Lukas Pesl
 * Version: 0.1
 * 
 */   

(function($){
	$.fn.extend({ 
		subMenu: function(options) {

			var defaults = {
			};

			var options = $.extend(defaults, options);

      var cssTag = '<style> #sm-c { margin: 10px 10px 5px 10px; } #sm-b { font-size: 0; background: white; margin: 0 0 -2px 1px; width: 100%; height: 2px; sborder: 1px solid red; position: absolute; left: 0; bottom: 0; } #sm-r2 { font-size: 0; margin: 0 -1px -2px 0; width: 2px; height: 2px; sborder: 1px solid green; position: absolute; right: 0; bottom: 0; background: transparent url(\'/img/11_0/dropdown-r.png\') no-repeat; } #sm-l2 { font-size: 0; margin: 0 0 -2px -1px; width: 2px; height: 2px; sborder: 1px solid orange; position: absolute; left: 0; bottom: 0; background: transparent url(\'/img/11_0/dropdown-l.png\') no-repeat; }</style>';
      var htmlTag = '<div id="submenu"><div id="sm-c"></div><div id="sm-b"></div><div id="sm-l2" class="pngfix"></div><div id="sm-r2" class="pngfix"></div></div>';

      $('head').prepend(cssTag);
      $('#menu3').prepend(htmlTag);
		  var subMenu = $('#submenu'); 
		  var subMenuContent = $('#sm-c', subMenu); 
		  var smb = $('#sm-b');
			var lastLink = null; 

  		return this.each(function(){
				var obj = $(this);
				var A = $('A[class!="submenu"]', obj);

				A.hover(function(){
          if (typeof xtimer != 'undefined') { clearTimeout(xtimer); }
          if (lastLink)
					{
						lastLink.removeClass('active');
            $(lastLink).css('z-index', '1');
					}

					subMenu.stop(true, true);
          $(this).css('z-index', '3');

//console.log('zindex spanu: ' + $('span', this).css('z-index') + ' submenu zindex: ' + subMenu.css('z-index'));
//console.log('height spanu: ' + $('span', this).css('height'));

          var link = o = $(this);
					lastLink = link; 
          var it = 0;
          while (o.next().attr('class') == 'submenu')
          {
            if (it == 0) subMenuContent.empty();
            var subHTML = o.next().clone().wrap("<div>").parent().html();
            subMenuContent.append(subHTML);
            o = o.next();
            it++;
          }
          subMenu.css('height', 'auto');
          var left = link.position().left; 
          //var top = obj.position().top + obj.height() - 7; /* bylo tu 7 */
					var top = 25; 

          if (it)
					{ 
	          subMenu.css('width', 'auto');
						if (subMenu.width()<=link.width())
						{
							subMenu.width(link.width() + 15);	
						}
	          smb.css('width', subMenu.width()-2).css('position', 'relative').css('position', 'absolute');
            subMenu.css('left', left + 'px').css('top', top + 'px').slideDown();
          	lastLink.addClass('active');
          }
          else
            subMenu.hide();
            //subMenu.slideUp();
          
        },function(){
          xtimer = setTimeout(function(){
            subMenu.slideUp(400, function(){
		          lastLink.removeClass('active');
							$(lastLink).css('z-index', 1);
						});
          }, 200);
        });

				subMenu.hover(function(){
					clearTimeout(xtimer);
				}, function(){
          xtimer = setTimeout(function(){
            subMenu.slideUp(400, function(){
		          lastLink.removeClass('active');
							$(lastLink).css('z-index', 1);
					});
          }, 200);
	      });
  		});
  	}
	});
})(jQuery);