/*	over.js 

	<script language="javascript" sr="js/over.js" type="text/javascript">
	cambia fotos cuando se pasa el mouse sobre una liga.

	* Crucial: la funcion onMouseOver debe tener M y O mayúsculas, si se escribe toda en minúsculas no sirve

	Cómo opera:
	Se precargan todas las imágenes para que los cambios de imagen sean instantáneos; funciones preload
	La imagen a cambiar tiene nombre. etiqueta name
	Al pasar el mouse sobre una liga o imagen se puede emplear la función onMouseOver para llamar a una función; función onMouseOver
	La función que llama indica el nuevo src de la imagen que se cambia; función cam_??

	Instrucciones:
	1: tener las imagenes de los arreglos en su lugar, numeradas y del tipo; jpg, gif, etc;
	2: llamar el script, desde el header, si se puede:
			<script language="javascript" sr="js/over.js" type="text/javascript">
	3: en el cuerpo de la página nombrar la imagen que se desea cambiar, con la etiqueta name
	pe: <img name="nc" src="images/recetas.jpg" width="150" height="78" border="0" alt="" vspace="8">
	4: Hacer una liga en el texto o imagen que se desea usar como disparador de la acción.
	pe: <a name="nc0" onMouseOver="javascript: cam_nc(0);">Tienda</a>

	NOTA: mucho ojo con la numeración de las imágenes y ligas. Debe conservar coherencia

*/

	// precarga imagenes, todas del mismo tamano
	var ancho = 150;	// pixeles
	var alto = 78;	// pixeles

	// sucursales y distribuidores
	var sd = new Array();
	sd[0] = "../images/sd0.jpg";	// imagen 1
	sd[1] = "../images/sd1.jpg";	// imagen 2
	sd[2] = "../images/sd2.jpg";	// imagen 3

	// productos
	var pro = new Array();
	pro[0] = "../images/pro0.jpg";
	pro[1] = "../images/pro1.jpg";
	pro[2] = "../images/pro2.jpg";
	pro[3] = "../images/pro3.jpg";

	// nuestra casa
	var nc = new Array();
	nc[0] = "../images/nc0.jpg";
	nc[1] = "../images/nc1.jpg";
	nc[2] = "../images/nc2.jpg";
	nc[3] = "../images/nc3.jpg";
	nc[4] = "../images/nc4.jpg";

	preload_sd();
	preload_pro();
	preload_nc();

function preload_sd() {
	// precarga imagenes de sucursales y distribuidores
	arr_sd = new Array();
	for(var j = 0; sd[j] != null; ++j) {
		arr_sd[j] = new Image(ancho, alto);
		arr_sd[j].src = sd[j];
	}
}


function preload_pro() {
	// precarga imagenes de productos
	arr_pro = new Array();
	for(var j = 0; pro[j] != null; ++j) {
		arr_pro[j] = new Image(ancho, alto);
		arr_pro[j].src = pro[j];
	}
}


function preload_nc() {
	// precarga imagenes de nuestra casa
	arr_nc = new Array();
	for(var j = 0; nc[j] != null; ++j) {
		arr_nc[j] = new Image(ancho, alto);
		arr_nc[j].src = nc[j];
	}
}

function cam_sd(i) {
	// cambia la imagen de la clase sucursales y distribuidores
	document.sd.src = sd[i];
}

function cam_pro(i) {
	// cambia la imagen de la clase productos
	document.pro.src = pro[i];
}

function cam_nc(i) {
	// cambia la imagen de la clase nuestra casa
	document.nc.src = nc[i];
}