// JavaScript Document
var img = null;
function debug(o,acumula){
			var txtAcumula = "";
			if(typeof(acumula) == 'boolean' && acumula ) txtAcumula = $('#debug').html() + "<br>";
			$('#debug').css('display','block'); $('#debug').html("debug: <br>" + txtAcumula + o);
			}
			
function showImgs(elem,path){
	var e = $('.'+elem)
	e.empty();
	e.append('<img border="0" alt="" src="" />');
	e.find('img').attr('src',path);
	$('.'+elem).animate({opacity: 1},2000);
}

function preloadImgs(){
	var pli=new Array();
	var srcs = preloadImgs.arguments[0].split(",")
	var j= pli.length;
    for(i=0; i < srcs.length ; i++)
    	pli[j]=new Image; pli[j++].src= srcs[i];
	
	pli[--j].onload = function(){ showImgs()}
}

$(function(){
	var elems = $('input[name=ampliImgCat]');
//	debug( "n elementos:"+elems.length,true );
	srcs = ""
	for ( i=0; i < elems.length; i++ )
		srcs += $(elems[i]).val() + ","

	preloadImgs(srcs)

	elems.each( function(){
			var path = $(this).val()
			$(this).next().find('img').mouseover(
								function(){
									$('.imgCatAmpliada').stop(true,true);
								   	$('.imgCatAmpliada').animate({opacity: 0},50,'',function(){ showImgs('imgCatAmpliada',path); } ); 
								  
								})
			}
		  )
})