zoom chico ui no anda en ie9

[el_loco90]

amigos
tengo un zoom de imagenes, el tema es que me anda en chorme firefox pero no en el ie9
solo me muestra la primera imagen, despues cuando selecciono la 2 o 3 no muestra nada

lo hice asi:

Código HTML:

<?php if (!empty($foto1)) { ?>
                        <img src="<?php echo $foto1 ?>" width="63" height="35" onClick="return cambioImagen('1');" style="cursor:pointer" />                        
                        <?php } else { ?>               
                        <img src="<?php echo foto_no_disponible();  ?>" width="63" height="35" border="0" />
                        <?php } ?>
                        </td>
                        <td width="64" align="center">
                        <?php if (!empty($foto2)) { ?>
                        <img src="<?php echo $foto2 ?>" width="63" height="35" onClick="return cambioImagen('2');" style="cursor:pointer" />                        
                        <?php } else { ?>
                        <img src="<?php echo foto_no_disponible();  ?>" width="63" height="35" border="0" />
                        <?php } ?>
                        </td>
                        <td width="64" align="center">
                        <?php if (!empty($foto3)) { ?>
                        <img src="<?php echo $foto3 ?>" width="63" height="35" onClick="return cambioImagen('3');" style="cursor:pointer" />                        
                        <?php } else { ?>
                        <img src="<?php echo foto_no_disponible();  ?>" width="63" height="35" border="0" />
                        <?php } ?>
 

Código HTML:

<div>
                        <div id="bloque_1" style="display: block;">
                        <a id="imagen_grande_1" href="<?php echo $foto1 ?>" target="_blank">
                        <img src="<?php echo $foto1 ?>" width="533" height="327" />
                        </a>
                        </div>
                        <div id="bloque_2" style="display: none;">
                        <a id="imagen_grande_2" href="<?php echo $foto2 ?>" target="_blank">
                        <img src="<?php echo $foto2 ?>" width="533" height="327" />
                        </a>
                        </div>
                        <div id="bloque_3" style="display: none;">
                        <a id="imagen_grande_3" href="<?php echo $foto3 ?>" target="_blank">
                        <img src="<?php echo $foto3 ?>" width="533" height="327" />
                        </a>
                        </div>
 

Código Javascript:

<script src="../includes/chicoui/js/jquery.js"></script>
                        <script src="../includes/chicoui/js/chico-min-0.13.1.js"></script>
                        <script>
                        $(document).ready(function(){
                        var zoom_1 = $("#imagen_grande_1").zoom();
                        var zoom_2 = $("#imagen_grande_2").zoom();
                        var zoom_3 = $("#imagen_grande_3").zoom();
                            });
                        var totalImagenes = 3; 
                        function cambioImagen(posicion){
                        for(var i = 1;i <= totalImagenes;i++){
                        document.getElementById("bloque_"+i).style.display = "none";
                        }
                        document.getElementById("bloque_"+posicion).style.display = "block";
                        }
                        </script>
 

gracias.