var id_current_image = 1;

function move_image(id_image)
{

	if(id_image != id_current_image)
	{
		new Effect.Parallel([
			new Effect.Appear('image' + id_image, {sync: true}),
			new Effect.Fade('image' + id_current_image, {sync: true})
		]);
	}


	id_current_image = id_image;
}

var index_curimage = 1;
var oxo=1;
var opaa=0;
var opab=100;
var diapoon = true;
var delaydiapo = false;

function defilmage(selimage)
{

	if(oxo==1)
	{
		opaa=10;
		document.getElementById('divimageb').src = base_url + 'images/image-' + selimage + '.jpg';
		oxo=0;
	}
	
	imacibleb=document.getElementById('divimagea');
	imaciblea=document.getElementById('divimageb');
	
	if(imacibleb.src == imaciblea.src)
	{
		return false;
	}

	opaa += 5;
	opab -= 5;
	
	if(document.all && !window.opera)
	{ 
		imaciblea.style.filter = 'alpha(opacity=' + opaa + ');' ;
		imacibleb.style.filter = 'alpha(opacity=' + opab + ');';
	} 
	else
	{ 
		imaciblea.style.opacity = opaa/100;
		imacibleb.style.opacity = opab/100;
	}
	
	if(opaa>=100)
	{
		opaa=10;
		opab=100;
		
		var xcc=imaciblea.src.length-4
		var cxx=imaciblea.src.lastIndexOf("-")+1
		var nomimg=imaciblea.src.substring(cxx,xcc)
		imacibleb.src= base_url + 'images/image-' + nomimg +'.jpg'
				
		refresh_thumbs(index_curimage);	
		refresh_url(index_curimage);	
		
		return false;
	}
	
	setTimeout("defilmage()",25);

}

function nexmage()
{
	index_curimage ++;

	if (index_curimage > 3)
	{
		index_curimage = 1;
	}
	
	oxo=1
	defilmage(index_curimage);
	
}

function setdiapotimeout()
{
	delaydiapo = true;
	
	setTimeout("delaydiapo=false;playdiapo();", time_before_next_image);
}

function playdiapo()
{
	if(diapoon == true)
	{
		nexmage();
		setdiapotimeout();
	}
}

function thumb_over(selimage)
{
	diapoon = false;

	index_curimage = selimage;
	
	refresh_thumbs(selimage);
	
	oxo=1;
	defilmage(selimage);
}

function refresh_thumbs(selimage)
{
	for(i=1; i <= 3; i ++)
	{	
		thumb = document.getElementById('thumb' + i);
		
		if(i == selimage)
		{
			thumb.src = base_url + 'images/thumb_' + i + '_over.jpg';
		}
		else
		{
			thumb.src = base_url + 'images/thumb_' + i + '.jpg';
		}
	}	
}

function refresh_url(selimage)
{
	var more_details_button = document.getElementById('more-details-button');
	
	more_details_button.innerHTML = "<p><a class='learn-more' href='" + base_url + "index.php/" + home_anim_urls[selimage] + "' />Learn more</a></p>";

}

function thumb_out(selimage)
{
	diapoon = true;

	if(delaydiapo == false)
	{
		setdiapotimeout();	
	}
}

setdiapotimeout();