// JavaScript Document
    jQuery(function()
    {
     
      var elm_rub1 = jQuery(".rub1");
	  var elm_rub2 = jQuery(".rub2");
	  
      elm_rub1.hover(
          function()
          {
            jQuery(".background", this).stop().animate({opacity:0},500);
          },
          // fade back in when cursor leaves and fade the color back to white
          function()
          {
            jQuery(".background", this).stop().animate({opacity:1},500) ;
          })
        // allow positioning child div relative to parent
        .css('position', 'relative')
        // create and append background div
        // (initially visible, obscuring parent's background)
        .append( jQuery("<div>")
          .attr('class', 'background')
          .css({ background:'url(medias/btns/nav_ok.jpg) 0 0 no-repeat', position: 'absolute', top:0, left:0, zIndex:-1, width:elm_rub1.width(), height:elm_rub1.height() })
        );

      elm_rub2.hover(
          function()
          {
            jQuery(".background", this).stop().animate({opacity:0},500);
          },
          // fade back in when cursor leaves and fade the color back to white
          function()
          {
            jQuery(".background", this).stop().animate({opacity:1},500) ;
          })
        // allow positioning child div relative to parent
        .css('position', 'relative')
        // create and append background div
        // (initially visible, obscuring parent's background)
        .append( jQuery("<div>")
          .attr('class', 'background')
          .css({ background:'url(medias/btns/nav_roll.jpg) 0 0 no-repeat', position: 'absolute', top:0, left:0, zIndex:-1, width:elm_rub2.width(), height:elm_rub2.height() })
        );
		
		
    });