jQuery(document).ready(function(){
    
// Steps
    counter = 1;
    jQuery('#steps .steps-steps .step-single').each(function(){
        jQuery(this).after('<div style="display:none" class="steps-popup steps-popup-' + counter + '"></div>');
        counter++;
    });
    
    jQuery('#steps .steps-steps a').bind('mouseenter',function(){
      var content = jQuery(this).attr('rel');
      jQuery(this).next().show();  
      jQuery(this).next().stop().animate({
        opacity:1,
        bottom: "40px"
      }).html(content);
      
    }).bind('mouseleave',function(){
        var it = jQuery(this);
        t = setTimeout(function(){
        
        it.next().stop().animate({
            opacity:0,
            bottom: "65px" 
          },500,function(){
           jQuery(this).hide();
          });
          
                           
        }, 400); 
     
          
    });
    
    jQuery('.steps-popup').bind('mouseenter',function(){
        
       clearTimeout(t);
       
        
    }).bind('mouseleave',function(){
        jQuery(this).fadeOut(400,function(){ 
            jQuery(this).stop().animate({
                opacity:0,
                bottom: "140px" 
              },500,function(){
                jQuery(this).hide();
          });
        });
        
    });
});