/* Preloader imagenes para un menu, que puede usarse para otras imagenes llenado el array imagenes[] */

sufijoImgOriginal = "01";
sufijoImgOculta = "02";

var cache = [];

jQuery(document).ready(function($) {	
		
	sufijoImgOriginal = sufijoImgOriginal + ".";
	sufijoImgOculta = sufijoImgOculta + ".";

	// estos scripts precargan las imagenes del menu, y cambian la imagen01 por la imagen02 al posar el mouse sobre un item

	imagenes = new Array();
	$(".usaPrecarga a").each(function (){
				
		imagen = $(this).children("img");		
		pre_src = imagen.attr("src").replace(sufijoImgOriginal,sufijoImgOculta);
		
		// preload	
		var cacheImage = document.createElement('img');
		cacheImage.src = pre_src;
		cache.push(cacheImage);
		
		// efecto hover
		imagen.hover( 
			function () {	$(this).attr("src", function() {var href=$(this).attr("src"); return href.replace(sufijoImgOriginal,sufijoImgOculta);}); },
			function () {	$(this).attr("src", function() {var href=$(this).attr("src"); return href.replace(sufijoImgOculta,sufijoImgOriginal);}); }
		);
	});
});