var	anchura
var	altura
var	posicionleft
var	posiciontop
var margenIzquierdo


function izq(nombreFoto)
{

	foto=document.getElementById(nombreFoto)
	posicionleft = document.getElementById(nombreFoto).offsetLeft;
	margenIzquierdo =posicionleft;

}

function colocaTriangulos(opcion)
{

	posicH=[275,400,525,601,700]
	posicV=[21,25]
	posiclV=[16]
	posiclH=[7]

	document.getElementById('triangnazul1').style.left=parseInt(posicH[0])+'px'
	document.getElementById('triangnazul2').style.left=parseInt(posicH[1])+'px'
	document.getElementById('triangnazul3').style.left=parseInt(posicH[2])+'px'
	document.getElementById('triangnazul4').style.left=parseInt(posicH[3])+'px'
	document.getElementById('triangnazul5').style.left=parseInt(posicH[4])+'px'
	document.getElementById('triangnaranja').style.left=parseInt(posicH[opcion-1])+'px'
	document.getElementById('triangnazul1').style.top=parseInt(posicV[0])+'px'
	document.getElementById('triangnazul2').style.top=parseInt(posicV[0])+'px'
	document.getElementById('triangnazul3').style.top=parseInt(posicV[0])+'px'
	document.getElementById('triangnazul4').style.top=parseInt(posicV[0])+'px'
	document.getElementById('triangnazul5').style.top=parseInt(posicV[0])+'px'
	document.getElementById('triangnazul'+opcion).style.top=parseInt(posicV[1])+'px'
	document.getElementById('triangnaranja').style.top=parseInt(posicV[1])+'px'
	document.getElementById('triangnazul1').style.left=parseInt(document.getElementById('triangnazul1').offsetLeft+margenIzquierdo)+'px'
	document.getElementById('triangnazul2').style.left=parseInt(document.getElementById('triangnazul2').offsetLeft+margenIzquierdo)+'px'
	document.getElementById('triangnazul3').style.left=parseInt(document.getElementById('triangnazul3').offsetLeft+margenIzquierdo)+'px'
	document.getElementById('triangnazul4').style.left=parseInt(document.getElementById('triangnazul4').offsetLeft+margenIzquierdo)+'px'
	document.getElementById('triangnazul5').style.left=parseInt(document.getElementById('triangnazul5').offsetLeft+margenIzquierdo)+'px'
	document.getElementById('triangnaranja').style.left=parseInt(document.getElementById('triangnaranja').offsetLeft+margenIzquierdo)+'px'
	document.getElementById('triangnazul1').style.visibility="visible"
	document.getElementById('triangnazul2').style.visibility="visible"
	document.getElementById('triangnazul3').style.visibility="visible"
	document.getElementById('triangnazul4').style.visibility="visible"
	document.getElementById('triangnazul5').style.visibility="hidden"
	document.getElementById('triangnaranja').style.visibility="visible"



	document.getElementById('logo'+opcion).style.top=parseInt(posiclV[0])+'px'
	document.getElementById('logo'+opcion).style.left=parseInt(posiclH[0])+'px'
	document.getElementById('logo'+opcion).style.left=parseInt(document.getElementById('logo'+opcion).offsetLeft+margenIzquierdo)+'px'

	document.getElementById('logo'+opcion).style.visibility="visible"

	

	document.getElementById('triangnaranja').style.top='25px'
}