function setClass(clicked, classNameString)
{
	clicked.className = classNameString;
}
function changePic(newPath)
{
	picture = document.getElementById('bigPic');
	picture.src = '/' + newPath;
}
function swap(clickId, newPath)
{	
	for (i=0; i<12; i++)
	{
		string = 'bild' + i;
		element = document.getElementById(string);
		if (element) {
			element.className = 'opacity_start';
		}
	}

	clicked = document.getElementById(clickId);

	//window.setTimeout("alert('hola')", 3000);
	setClass(clicked,'opacity_1');
	var delay = 80;
	
	setTimeout("setClass(clicked,'opacity_0')",delay);
	setTimeout("setClass(clicked,'opacity_1')",delay);
	setTimeout("setClass(clicked,'opacity_2')",delay);
	setTimeout("setClass(clicked,'opacity_3')",delay*2);
	setTimeout("setClass(clicked,'opacity_4')",delay*3);
	setTimeout("setClass(clicked,'opacity_5')",delay*4);
	setTimeout("setClass(clicked,'opacity_end')",delay*5);
	changePic(newPath);
}