///****************************************** RECLAMOS INICIALIZACION  *****************************************///
///****************************************** RECLAMOS INICIALIZACION  *****************************************///
///****************************************** RECLAMOS INICIALIZACION  *****************************************///
///****************************************** RECLAMOS INICIALIZACION  *****************************************///
///****************************************** RECLAMOS INICIALIZACION  *****************************************///


function fNotFoundImage (oImg) {

	if (!oImg.complete){
		oImg.src="../images/imagennodisponible.jpg";
	}
	oLittleDiv= oImg.parentNode; 
	oLittleDiv.style.visibility="visible";
	oLittleDiv.style.display.mode ='';
}


function initEyeFish () {
	
	oBigDiv = document.getElementById("divImgCt");
	oMenuDiv = document.getElementById("menuTiposReclamos");
	oCarrito = document.getElementById("carrito");
	oPachi = document.getElementById("buscaPachi"); 
	oBotones = document.getElementById("botones");
	oBotoPez = document.getElementById("botonesPez");
	
	lnDerecha = parseInt (oCarrito.offsetLeft);
	lnIzquierda = parseInt (oMenuDiv.offsetLeft) + parseInt (oMenuDiv.offsetWidth);
	lnTamanyo = lnDerecha - lnIzquierda ;
	lnAncho = parseInt (oBigDiv.style.width);
	
	
	lnPosicion = lnTamanyo - lnAncho;
	
	if (oBigDiv.childNodes.length > 0) {
		lnMargen = oBigDiv.childNodes[0].offsetLeft;
		oBigDiv.style.left = lnIzquierda + parseInt(lnPosicion/2);
	} else { 
		lnMargen = parseInt (oBigDiv.offsetLeft);
		oBigDiv.style.left = parseInt (oMenuDiv.offsetLeft) + 30;

	}
			
	lnLeftDeBuscaPachi = parseInt (oBigDiv.offsetLeft) + lnMargen;

	oPachi.style.width=parseInt (oBigDiv.style.width) + lnMargen;
	oPachi.style.left=lnLeftDeBuscaPachi ; 
		oPachi.style.top=
		parseInt (oBigDiv.offsetTop) + 
		parseInt (oBigDiv.style.height) + 6;

	oBotones.style.top =
		parseInt (oPachi.offsetTop) + 
		parseInt (oPachi.offsetHeight);
	oBotones.style.left = oBigDiv.offsetLeft;

	oBotoPez.style.width = oBigDiv.style.width; 

	if (oBotoPez.childNodes.length <=0 ) {
		return;	
	}
	

	//bloques de cuatro páginas			
	jinf = mnPagActual - 4; if (jinf<1) jinf=1;
	jsup = mnPagActual + 4; if (jsup>mnCuantasPaginas)	 jsup=mnCuantasPaginas;

	for (jjj=(oBotoPez.childNodes.length-1); jjj>=0 ; jjj--) {
		iii = jjj+1;
		
		if (!( (iii==1) || (iii== mnCuantasPaginas) || 
		((iii>=jinf) && (iii<=jsup)) )) {
		
			var oNodoBorrar = oBotoPez.childNodes[jjj];
			oNodoBorrar.parentNode.removeChild (oNodoBorrar);
		}						
	}
	if (jinf>2) {	
		new Element('span', { 
			text: ' ...',
			style: {'width': '20', 'height':'20'
				 }})
				 .injectInside($("pag*1"));
			}
			
	if (jsup<(mnCuantasPaginas -1)) {
		new Element('span', {
				text: '... ',  
			style: {'width': '20', 
					'height':'20'
				}})
				.injectInside($("pag*"+jsup));
		}						

}
	

function fInicio () {

	var lnStRedim = 0;
	var nMaxX=3; 
	var oBigDiv = document.getElementById('divImgCt'); 
	var hmed=0; var wmed=0; var xn=0; var yn=0;

	lnStRedim=Math.min ( Math.floor((oBigDiv.clientHeight-15)/nMaxX), Math.floor((oBigDiv.clientWidth-15)/nMaxX));

	oBigDiv.style.height = (lnStRedim )* mnAltoPagina + 50;
	oBigDiv.style.width = (lnStRedim)*3 + 80;

	// redimensionar los controles de búsqueda

	if (oBigDiv.childNodes.length>0) {
		lnLongBtn = parseInt (document.getElementById("btnBuscar").offsetWidth); 
		lnLongTxt = parseInt(lnStRedim+10) -lnLongBtn;
		lnLongCombo = parseInt(lnStRedim+10);
	} else {
		lnLongBtn = parseInt (document.getElementById("btnBuscar").offsetWidth);	 
		lnLongTxt = lnStRedim-lnLongBtn;
		lnLongCombo =lnStRedim;
	}

	document.getElementById("queTextoBusco").style.width = lnLongTxt;
	document.getElementById("queFamiliaBusco").style.width = lnLongCombo;
	document.getElementById("quePrecioBusco").style.width = lnLongCombo;
	
	
	//reescalar las imágenes
	for (i=0; i<oBigDiv.childNodes.length; i++)	{
	
		oLittleDiv = oBigDiv.childNodes[i]; 
		oImg = oLittleDiv.firstChild;
		if (oImg != null) {
			var ar=oImg.height/oImg.width;
			if (oImg.width>oImg.height) {
				yn=lnStRedim*ar; xn=lnStRedim;
			} else {
				xn=lnStRedim/ar; yn=lnStRedim;
			}
			oImg.height= yn; oImg.width= xn;				
		
			oLittleDiv.style.height = lnStRedim+10;
			oLittleDiv.style.width = lnStRedim+10;
			hmed=lnStRedim+10-oImg.height; hmed=hmed/2;			
			oLittleDiv.style.paddingTop = hmed ;	
					
			oLittleDiv.style.visibility="visible";
			oLittleDiv.style.display.mode ='';
		}
	}


	//si faltan imagenes, completamos solo con divs
	var lnCuantosDivsSobran =   (oBigDiv.childNodes.length) % (mnAltoPagina*nMaxX);
	if ( lnCuantosDivsSobran!= 0) {
		for(ii = lnCuantosDivsSobran + 1 ; ii<= (mnAltoPagina*nMaxX); ii++) {
			var oNewDiv = document.createElement('DIV');
			oNewDiv.className = "noPhotoDivLittleImg";
			oNewDiv.id = "divLittleImg";

			oNewDiv.style.height =  lnStRedim+10; 
			oNewDiv.style.width  =  lnStRedim+10;
		
			sometext = document.createTextNode("");
			oNewDiv.appendChild(sometext);
			oBigDiv.appendChild(oNewDiv);
		
		}
	}
	if (oBigDiv.childNodes.length > 0) {
		oLineDiv = oBigDiv.childNodes[nMaxX-1];
	} else {
		oLineDiv = oBigDiv;
	}
	lnLeft = parseInt (oLineDiv.offsetLeft);
	lnWidth = parseInt (oLineDiv.offsetWidth);
	if (oBigDiv.childNodes.length > 0) {
		lnMargen = oBigDiv.childNodes[0].offsetLeft;
	} else {
		lnMargen = 3;
	}
	
			
	oBigDiv.style.width = parseInt (lnLeft) + parseInt(lnWidth) + lnMargen;
	creaText();
	initEyeFish();
}


/*crea el overlay */
function creaText (){

		var oNewDiv = document.createElement("div");
		oNewDiv.id= "transpaReclamo";
		oNewDiv.className= "transpaReclamo";
		oNewDiv.style.visibility="hidden";
		oNewDiv.style.display.mode ='none';
		document.getElementById("bodyContainer").appendChild(oNewDiv);

}