Error con unas div y show de query

[patilanz]

Hola he hecho que se muestra una div al estar sobre el raton en otra div(id="vista") que contiene tambien mas divs pero el problema esta cuando el raton esta sobre uno de los div que estan en "vista" y sale de el entrando en otro div de "vista" la div que debe mostrarese se quita y aparece de nuevo aunque el raton se mantiene en la div "vista"...

Aqui esta :

Código HTML:

<div id="vista" style="display:none;" onmouseover="view_change_on();" onmouseout="view_change_off();">
<div id="vista_t"><img src="images/todo_p.gif" width="74" height="90" style="border-radius:14px;" /></div>
<div id="vista1"></div>
<div id="vista2"></div>
<div id="vista3"></div>
<div id="vista4"></div>
<div id="vista5"></div>
<div id="vista6"></div>
<div id="vista7"></div>
<div id="vista8"></div>
<div id="vista9"></div>
</div>
<div id="view">Смени гледката</div>
 

Funciones javascript:

Código Javascript:

function view_change_on(){
    for(c=1;c<10;c++){
        $('#vista'+c).css('background-color','green');
    }
    $('#view').stop('fx',true,true).show(500);
}
function view_change_off(){
    for(c=1;c<10;c++){
        $('#vista'+c).css('background-color','#333');
    }
    $('#view').stop('fx',true,true).hide(500);
}
 

Como puedo solucionar lo??