/**
* imageSwap.js es un script que permite realizar la precarga de imagenes y generar el efecto de
* intercambio al arrastrar el mouse sobre ellas o cuando se desee.
*
* FUNCIONAMIENTO: Se debe primero realizar la precarga de imagenes desde un evento onLoad colocado
* generalmente en la etiqueta . Para ello se utiliza la funcion "preload" que recibe un array con
* las ubicaciones de las imagenes que se mostrar?n al generar el intercambio. Es importante
* tambien hacer nota de la posicion de cada ruta en el array puesto que sera necesaria mas adelante.
* Un ejemplo de la etiqueta body con precarga:
*
*
*
* A continuacion genero las etiquetas de las imagenes originales que en mi ejemplo se intercambiaran al arrasrtar
* el mouse sobre ellas y al quitarlo se restauraran las originales:
*
* 
* 
*
* La funcion encargada del intercambio es "swap", el primero de los parametros es la etiqueta imagen
* como objeto desde la que se imvoca la funcion, el segundo es el indice en el array original en el
* que se encuentra la ruta de la imaen por la que ha de ser intercambiada. Notese que la primera
* posicion del array tiene indice 0.
* Notese tambien que para restaurar una imagen a su original, los parametros son los mismos que para
* el primer intercambio ya que luego del reemplazo, se almacena la imagen original donde se encontraba
* la del intercambio.
*/
var imagenes = new Array();
function preload(rutas)
{
for (i = 0; i < rutas.length; i++)
{
imagenes[i] = new Image;
imagenes[i].src = rutas[i];
}
}
function swap(imagen, index)
{
var aux = imagenes[index].src;
imagenes[index].src = imagen.src;
imagen.src = aux;
}
function seeOtherImage(imagen , index){
imagen.src = imagenes[index].src;
other_image= other_image+1;
if(other_image>17){
other_image=8;
}
}