var started = false;
var cleared = false;
var step = 2;
var diff;
var scrollspeed=85;
var retval;

var TotalImages=8;
var MyPosTop, MyPosHeight;



function start(){

      for (i=1; i<=TotalImages; i++)
    {

      img = eval("document.getElementById(" + '"' + "Imagem" + i + '"' + ");");
      img.style.position="absolute";
     
      img.style.top = (i==1) ? "0px" : MyPosTop + MyPosHeight + "px";
      MyPosTop = parseInt(img.style.top);
      MyPosHeight=parseInt(img.style.height);

    }

    
    retval=setInterval("scrollnews();",scrollspeed);
    started = true;
    
	}

function scrollnews()
{

/*Get the last image - we need the last one to position the first image*/
img = eval("document.getElementById(" + '"' + "Imagem" + TotalImages + '"' + ");");
MyPosTop = parseInt(img.style.top) - step; /*The first image needs to be positioned after the position where the last one will be after processing the loop*/
MyPosHeight=parseInt(img.style.height);

for (i=1; i<=TotalImages; i++)
{
	img = eval("document.getElementById(" + '"' + "Imagem" + i + '"' + ");");
	

    if ((-1 * parseInt(img.style.top) >= parseInt(img.style.height)) && (parseInt(img.style.top)<0))
	{
	    if ((MyPosTop + MyPosHeight) < parseInt(document.getElementById("ListaImagens").style.height))
		{
			img.style.top = window.ListaImagens.style.height;
		}
		else
		{
			img.style.top = MyPosTop + MyPosHeight + "px";
		}
	}
	else
	{
		img.style.top = parseInt(img.style.top) - step + "px";
	}

    /* To be used to position the next image*/
    MyPosTop = parseInt(img.style.top);
    MyPosHeight=parseInt(img.style.height);


}


}

/* As funcoes wait e continu tem que ser chamadas alternadamente, caso contrario sao aparentemente criados varios intervalos e o efeito rollover nao para*/

function wait()
{
	if (started && !cleared){
	  clearInterval(retval);
	  cleared=true;
	};
}

function continu()
{
	if (started && cleared){
	  retval = setInterval("scrollnews();",scrollspeed);
	  document.getElementById("ZoomImage").style.visibility="hidden";
	  cleared=false;
	};

}

function ZoomElement(image_location)
{
	if (started){
	  document.getElementById("ZoomImage").src=image_location;
	  document.getElementById("ZoomImage").style.visibility="visible";
	};
}