var destino=0, ubicacionActual=-1;

function destacar_barra(obj){
	objeto=document.getElementById(obj);
	var inactivo="stretch texto_dentro_stretch_abrir";
	var activo="stretch texto_dentro_stretch_cerrar";
	
	var arr=document.getElementsByClassName('stretch');
	for(i=0;i<arr.length;i++){
		x=arr[i].id;
		
		if(x!=obj){ document.getElementById(x).className=inactivo; }
	}
	
	if(objeto.className==activo) {	objeto.className=inactivo; }
	else { objeto.className=activo; }
}

function ancla(obj,stretch){
	destino=obj;

	if(document.getElementById(obj).offsetHeight==0) {
		new fx.Height(obj, {duration: 400}).toggle();
		destacar_barra(stretch);
		setTimeout(ir,500);
	}
	else{
			ir();
	}
}

function ir(){
	donde=findPos(document.getElementById(destino),'y');
	ubi=document.documentElement.scrollTop;

	if((document.documentElement.scrollTop>donde+10 || document.documentElement.scrollTop<donde-30) && ubicacionActual!=ubi){
		ubicacionActual=ubi;
		dest=ubicacionActual+((donde-ubicacionActual)/8);
		window.scroll(0,dest);
		t=setTimeout(ir,10);
	}
	else{
		clearTimeout(t);
	}
}

function findPos(obj,eje) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	if(eje=="x"){ return curleft; }
	if(eje=="y"){ return curtop; }
}
