var $j = jQuery.noConflict();

$j(document).ready(function(){
$j("#domm").hover(
      function () {
        $j('#domm').animate({width: "22px"}, 100 );
      }, 
      function () {
       $j('#domm').animate({width: "11px"}, 100 );
      }
    );
$j("#logo").hover(
      function () {
        $j('#domm').animate({width: "22px"}, 100 );
      }, 
      function () {
       $j('#domm').animate({width: "11px"}, 100 );
      }
    );
$j('#mail').hover(
      function () {
        $j('#maill').animate({width: "24px"}, 100 );
      }, 
      function () {
       $j('#maill').animate({width: "12px"}, 100 );
      }
    );
$j('#karta').hover(
      function () {
        $j('#kartaa').animate({width: "22px"}, 100 );
      }, 
      function () {
       $j('#kartaa').animate({width: "11px"}, 100 );
      }
    );
  });