function changeStyle(id, style){
	document.getElementById(id).className = style;
}
// fading functions	
var opac = Array();
function setOpacity(id, opacity) {
	document.getElementById(id).style.opacity = opacity;
	document.getElementById(id).style.filter = "alpha(opacity="+(opacity*100)+")";
	opac[id] = opacity;
}
function setImage(id) {
	var current_image = document.getElementById('current_image').innerHTML;
	if (id != current_image) {
		for (i=1; i<=10; i++) {
			setTimeout("setOpacity('image_large_"+current_image+"', "+((10-i)/10)+")", i*30);
			setTimeout("setOpacity('image_large_"+id+"', "+(i/10)+")", i*30);
		}
		document.getElementById('current_image').innerHTML = id;
	}
}
var fading = Array();
function fadeButton(id,restore) {
	var speed = 30;
	var timer = 0;
	if(undefined === window.fading[id]) {
		fading[id] = Array();
		setOpacity(id,1);
	} else {
		for (i=0;i<=10;i++) clearTimeout(fading[id][i]);
	}
	if (restore) {
		for(i = (opac[id]*10); i <= 10; i++) {
			fading[id][i]=setTimeout("setOpacity('" + id + "',"+(i/10)+")",(timer * speed));
			timer++;
		}
	} else {
		for(i = (opac[id]*10); i >= 0; i--) {
			fading[id][i]=setTimeout("setOpacity('" + id + "',"+(i/10)+")",(timer * speed));
			timer++;
		}
	}
}
