$(document).ready(function(){

$('.casetastanga').append('<span class="spanacasa"></span>').each(function () {
	  var $span = $('> span.spanacasa', this).css('opacity', 0);
	  $("#acasa").hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	});

$('.casetastanga').append('<span class="spancompania"></span>').each(function () {
	  var $span = $('> span.spancompania', this).css('opacity', 0);
	  $("#compania").hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	});

$('.casetastanga').append('<span class="spanasociati"></span>').each(function () {
	  var $span = $('> span.spanasociati', this).css('opacity', 0);
	  $("#asociati").hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	});


$('.casetastanga').append('<span class="spanservicii"></span>').each(function () {
	  var $span = $('> span.spanservicii', this).css('opacity', 0);
	  $("#servicii").hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	});

$('.casetastanga').append('<span class="spanechipa"></span>').each(function () {
	  var $span = $('> span.spanechipa', this).css('opacity', 0);
	  $("#echipa").hover(function () {
	    $span.stop().fadeTo(500, 1);
	  }, function () {
	    $span.stop().fadeTo(500, 0);
	  });
	});


});