Problem with Hover+FadeIn and Fadeout

Problem with Hover+FadeIn and Fadeout

Hi, I have two images ".serv_izq" ".serv_der". Teorically, when someone put the mouse over (or click) one of these images, a text which is hidden is displayed.
But there is a problem:
At the first time that the page is open and you put the mouse over one of these images, the text start hidding and showing at least three times. Obviously, I want the text be there until I get out the mouse.

Here is the code:

<script>
$(document).ready(function(){
$(".serv_der").hide();
$(".serv_izq").hide();
click_izq = false;
click_der = false;

$("#cer_izq").click(function(){
if(click_izq){
click_izq = false;
$(".serv_izq").fadeOut('fast');
} else{
$(".serv_izq").fadeIn('fast');
click_izq = true;
if(click_der)
$("#infocerebros").html(" ")
}
});
$("#cer_der").click(function(){
if(click_der){
click_der = false;
$(".serv_der").fadeOut('fast');
} else{
$(".serv_der").fadeIn('fast');
click_der = true;
if(click_izq)
$("#infocerebros").html(" ")
}

});
//***************************************************

$(".cerebro").hover(function(){
var cual = $(this).attr("id");

if(cual == "cer_der"){ // derecho
$(".serv_der").fadeIn('fast');
$(this).addClass("cer_der");
} else { // izquierdo
$(".serv_izq").fadeIn('fast');
$(this).addClass("cer_izq");
}

}, function(){
var cual = $(this).attr("id");

if(cual == "cer_der"){ // derecho
if(click_der) return;
$(".serv_der").fadeOut('fast');
$(this).removeClass("cer_der");
} else { // izquierdo
if(click_izq) return;
$(".serv_izq").fadeOut('fast');
$(this).removeClass("cer_izq");
}
});
});
</script>



Thank you so much, sorry for my bad english.