function div(i,t)
{
	if(navigator.appName!='Microsoft Internet Explorer')
	{
		document.getElementById('sombra').style.width=window.innerWidth+'px';
		document.getElementById('sombra').style.height=window.innerHeight+'px';
	}
	else
	{
		document.getElementById('sombra').style.width=document.documentElement.clientWidth+'px';
		document.getElementById('sombra').style.height=document.documentElement.clientHeight+'px';
	}
	
	document.getElementById('sombra').style.visibility='visible';
	document.getElementById('imagen1').src='imagenes/PORTFOLIO PAGINA WEB/'+i;
	
	document.getElementById('imagen1').style.width='10px';
	document.getElementById('imagen1').style.height='10px';
	document.getElementById('imagen1').style.visibility='visible';
	foto=new Image();
	foto.src='imagenes/PORTFOLIO PAGINA WEB/'+i;
	ancho=foto.width;
	alto=foto.height;
	var alto2=alto+130;
	if(navigator.appName!='Microsoft Internet Explorer')
	{
		document.getElementById('sombra').style.height=alto2+'px';
	}
	else
	{
		
		document.getElementById('sombra').style.height=alto2+'px';
	}
	//alert (alto2);
	
	
	//#######timer ancho
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*0+10+'px'", 0*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*1+10+'px'", 1*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*2+10+'px'", 2*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*3+10+'px'", 3*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*4+10+'px'", 4*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*5+10+'px'", 5*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*6+10+'px'", 6*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*7+10+'px'", 7*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*8+10+'px'", 8*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*9+10+'px'", 9*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*10+10+'px'", 10*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*11+10+'px'", 11*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*12+10+'px'", 12*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*13+10+'px'", 13*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*14+10+'px'", 14*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*15+10+'px'", 15*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*16+10+'px'", 16*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*17+10+'px'", 17*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*18+10+'px'", 18*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*19+10+'px'", 19*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*20+10+'px'", 20*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*21+10+'px'", 21*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*11+10+'px'", 11*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*23+10+'px'", 23*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*24+10+'px'", 24*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*25+10+'px'", 25*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*26+10+'px'", 26*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*27+10+'px'", 27*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*28+10+'px'", 28*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*29+10+'px'", 29*11);
	timer = setTimeout("document.getElementById('imagen1').style.width=(ancho-10)/30*30+10+'px'", 30*11);
	//#######timer alto 
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*0+10+'px'", 0*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*1+10+'px'", 1*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*2+10+'px'", 2*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*3+10+'px'", 3*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*4+10+'px'", 4*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*5+10+'px'", 5*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*6+10+'px'", 6*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*7+10+'px'", 7*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*8+10+'px'", 8*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*9+10+'px'", 9*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*10+10+'px'", 10*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*11+10+'px'", 11*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*12+10+'px'", 12*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*13+10+'px'", 13*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*14+10+'px'", 14*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*15+10+'px'", 15*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*16+10+'px'", 16*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*17+10+'px'", 17*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*18+10+'px'", 18*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*19+10+'px'", 19*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*20+10+'px'", 20*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*21+10+'px'", 21*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*11+10+'px'", 11*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*23+10+'px'", 23*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*24+10+'px'", 24*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*25+10+'px'", 25*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*26+10+'px'", 26*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*27+10+'px'", 27*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*28+10+'px'", 28*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*29+10+'px'", 29*11+700);
	timer = setTimeout("document.getElementById('imagen1').style.height=(alto-10)/30*30+10+'px'", 30*11+700);
	//document.getElementById('capatrasimagen').style.marginLeft=0-(ancho/2)+'px';
	//document.getElementById('capatrasimagen').style.visibility='visible';
	//document.getElementById('tituloimagen').innerHTML=t;
	//document.getElementById('body').style.backgroundColor='#555555';
	//document.getElementById('body').style.backgroundImage='none';
	
}

function portfolio()
{
	if(document.getElementById('imgfigure').style.display=='none')
	{
		timer = setTimeout("document.getElementById('imgrayarriba').style.display='block'", 100);
		timer = setTimeout("document.getElementById('imgrayabajo').style.display='block'", 200);
		timer = setTimeout("document.getElementById('imgfigure').style.display='block'", 200);
		timer = setTimeout("document.getElementById('imgportrait').style.display='block'", 300);
		timer = setTimeout("document.getElementById('imglandscape').style.display='block'", 400);
		timer = setTimeout("document.getElementById('imgdrawings').style.display='block'", 500);
	}
	else
	{
		timer = setTimeout("document.getElementById('imgfigure').style.display='none'", 400);
		timer = setTimeout("document.getElementById('imgportrait').style.display='none'", 300);
		timer = setTimeout("document.getElementById('imglandscape').style.display='none'", 200);
		timer = setTimeout("document.getElementById('imgdrawings').style.display='none'", 100);
		timer = setTimeout("document.getElementById('imgrayarriba').style.display='none'", 500);
		timer = setTimeout("document.getElementById('imgrayabajo').style.display='none'", 400);
	}
}

function despliegue()
{	
	//alert('p\'afuera');
	timer = setTimeout("document.getElementById('imgrayarriba').style.display='block'", 2100);
	timer = setTimeout("document.getElementById('imgrayabajo').style.display='block'", 2200);
	timer = setTimeout("document.getElementById('imgfigure').style.display='block'", 2200);
	timer = setTimeout("document.getElementById('imgportrait').style.display='block'", 2300);
	timer = setTimeout("document.getElementById('imglandscape').style.display='block'", 2400);
	timer = setTimeout("document.getElementById('imgdrawings').style.display='block'", 2500);
}