Problemas com Exibição de Imagens

Ola!

Eu estou montando uma pagina onde tera essa função:

A pagina possui uma lista de alguns nomes de maquinas industriais, ao lado da lista esta uma imagem de uma maquina.

Eu fiz um código em javascript para que ao passar o mouse em cima de alguma das palavras da lista, a imagem que esta na pagina vai mudar para a imagem da maquina referente á que esta na lista(chamando uma imagem que estava escondida).

Aqui esta código em Javascript chamando a imagem escondida:

function info(obj,titulo,conteudo,horizontal,vertical,largura,altura){

 var divPrim = document.getElementById("prim");
	divPrim.style.display = "none";
 var divPop = document.getElementById("pop");
 divPop.style.display = "";
 document.getElementById("popConteudo").innerHTML = "<p align='center'><img src='img/servicos/" + conteudo + "' width=" + largura + " height=" + altura + "></p>";
 divPop.style.left = obj.offsetLeft + horizontal;
 divPop.style.top = obj.offsetTop + vertical;
}

function fechar(){
 var divPrim = document.getElementById("prim");
 var divPop = document.getElementById("pop");
 divPop.style.display = "none";
 divPrim.style.display = "";
}

Essas funções chamam ou fecham uma div( estou usando ela como POP-UP para aparecer) que esta escondida. Minha intenção é que essa Imagem apareça e a imagem que estava como fixa suma.

Essas são as Divs usadas para exibir as imagens:

<!-- DIV Pop-up -->

<div id="pop" style="display:none;">
 <div id="popConteudo" style="padding:10px"> </div>
</div>

<!-- DIV FIXA -->

<div id="prim">
 <div id="primConteudo" style="padding:10px"><p align="center"><img src="img/Torno.png" width="355px" height="280px" border="0"></p></div>
</div>

O problema é que quando a DIV Fixa some automaticamente ela joga a DIV Pop-up la embaixo ao inves de chamar a DIV Pop-up no lugar dela. Sendo que nos códigos Javascript o alinhamento esta certo.

Peço a Ajuda de vocês

Se alguem não entendeu direito eu explico dinovo

Obrigado

Fiquem na santa paz