var creciendo = false;

function checkwhere(event,name) {
	var IE = document.all?true:false;
	if (IE) { // grab the x-y pos.s if browser is IE
		tempX = event.clientX + document.body.scrollLeft;
		tempY = event.clientY + document.body.scrollTop;
	}
	else {  // grab the x-y pos.s if browser is NS
		tempX = event.pageX;
		tempY = event.pageY;
	}  
	if (tempX < 0){tempX = 0;}
	if (tempY < 0){tempY = 0;}
	tempX=tempX-findPosX(document.getElementById(name));
	tempY=tempY-findPosY(document.getElementById(name));  
	var pos;
	pos.x=tempX;
	pos.y=tempY;
	
	return pos;
}

function findPosX(obj) {
	var curleft = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			} while (obj = obj.offsetParent);
	return curleft;
	}
}

function findPosY(obj) {
	var curtop = 0;
	if (obj.offsetParent) {
		do {
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	return curtop;
	}
}

function getStyleObject(objectId) {
  // cross-browser function to get an object's style object given its
    if(document.getElementById && document.getElementById(objectId)) {
	// W3C DOM
	return document.getElementById(objectId).style;
    } else if (document.all && document.all(objectId)) {
	// MSIE 4 DOM
	return document.all(objectId).style;
    } else if (document.layers && document.layers[objectId]) {
	// NN 4 DOM.. note: this won't find nested layers
	return document.layers[objectId];
    } else {
	return false;
    }
} // getStyleObject

var ival, imgname, total, steps, maxx, maxy, currentx, currenty, dx, dy;

function zoomImg(name, origX, origY, total, steps, maxx, maxy, event)	{

	if (creciendo == true){
	/*	if (objref.height == maxy) { //Si ha terminado de crecer
			pos=checkwhere(event,name); //Para capturar eventos sobre la imagen ya aumentada.
						
		} else{*/
			clearInterval(ival);
			var strPq  = "_pq"   // imagen pequeña
			var strGr  = "_gr"   // imagen grande
			var strImg = objref.src	
			
			if (strImg.indexOf(strGr) != -1) 
			   objref.src = strImg.replace(strGr,strPq)
			else
			   objref.src = strImg.replace(strGr,strPq)
			objref.width=origX;
			objref.height=origY;	
			document.getElementById("Tarjeta").style.zIndex=2;
			creciendo = false   
			return
		/*}*/
	}	
	// Precargar la imagen
	preImagen = new Image();	
	preBoton1.src = "images/"+name+"_gr.jpg";
	
	creciendo=true;
	// convert the total from seconds to miliseconds
	total = total * 1000;
	objref = eval("document.getElementById('"+name+"Img')");
	currentx = objref.width;
	currenty = objref.height;
	// work out how much we need to increase the image by each step
	// devide image sizes by number of steps to get the amount we need to change each step
	stepx = (maxx-currentx) / steps;
	stepy = (maxy-currenty) / steps;
	//alert("Max:"+maxx+"current:"+currentx+"steps:"+steps+"stepx:"+stepx);
	// devide the total time (in ms) by the number of steps to get the interval time
	inttime = total / steps;
	// Cálculo del desplazamiento
	var maxWidth=document.body.clientWidth; // Tamaño de la pantalla
	var maxHeight=document.body.clientHeight;
	
	var posX=findPosX(objref); // Posición inicial ventana
	var posY=findPosY(objref);
	
	var targetX = (maxWidth-maxx)/2; // Posición final ventana
	var targetY = (maxHeight-maxy)/2; // Posición final ventana
	
	//alert(targetX + "-" + targetY);
	
	var despX = (posX - targetX)/steps; // Desplazamiento necesario en cada paso.
	var despY = (posY - targetY)/steps;
	
	// set the interval to increase the size of the image by the required pixels 
	functionRef = "resizeImg('"+name+"', "+stepx+", "+stepy+", "+maxx+", "+maxy+", "+despX+", "+despY+")";
	//alert(functionRef);
	//alert (findPosX (objref) + "-" + findPosY (objref));
	ival = setInterval(functionRef, inttime);
}

function resizeImg(name, dx, dy, maxx, maxy, despX, despY) {
	objref = eval("document.getElementById('"+name+"Img')");
	divref = eval("document.getElementById('"+name+"')");
	var the_style = getStyleObject(name);
	
	currentx = objref.width;
	currenty = objref.height;
	
	if ((currentx<maxx-dx) && (currenty<maxy-dy)) {
		objref.height = currenty + dy;
		objref.width = currentx + dx;
		
		var the_left = parseInt(the_style.left) - despX;
		var the_top = parseInt(the_style.top) - despY;
		
		if (document.layers)
		  {
		    the_style.left = the_left;
		    the_style.top = the_top;
		  }
		else 
		  {
		    the_style.left = the_left + "px";
		    the_style.top = the_top + "px";  
		  }
	}
	else {
		clearInterval(ival);
		//alert (findPosX (objref) + "-" + findPosY (objref));
		objref.height = maxy+6;
		objref.width = maxx+6;
		var strPq  = "_pq"   // imagen pequeña
		var strGr  = "_gr"   // imagen grande
		var strImg = objref.src	
		
		if (strImg.indexOf(strPq) != -1) 
		   objref.src = strImg.replace(strPq,strGr)
		else
		   objref.src = strImg.replace(strPq,strGr)	
		}
}
//  End -->