// JavaScript Document
var currentI = -1;
function enlargeImage(i) {
	document.getElementById('miniGalleryImg').src = '../images/gallery/'+imgId[i]+'.jpg';
	document.getElementById('miniGalleryImg').style.width = imgWidth[i]/2.5+'px';
	document.getElementById('miniGalleryImg').style.height = imgHeight[i]/2.5+'px';
	var image1 = new Image();
	image1.src = 'images/gallery/'+imgId[i+1]+'.jpg';
	currentI=i;
	fadeIn(0);
}
function fadeIn(opacity) {
	if(opacity<100){
		opacity+=5;
		setOpacity(opacity);
		setTimeout("fadeIn("+opacity+")", 20);
	}
}
function fadeOut(i,opacity) {
	if(currentI!=i){
		if(opacity>0){
			opacity-=5;
			setOpacity(opacity);
			setTimeout("fadeOut("+i+","+opacity+")", 20);
		}
		else enlargeImage(i);
	}
}
function setOpacity(opacity){
	var object = document.getElementById('miniGalleryImg').style;
	object.opacity = opacity/100;
	object.MozOpacity = opacity/100;
	object.KhtmlOpacity = opacity/100;
	object.filter = "alpha(opacity="+opacity+")"; 
}
function startGallery(){
	var newI = currentI+1;
	if(newI>=imgId.length-1) newI = 0;
	fadeOut(newI,100);
}
var cycleInterval = setInterval("startGallery();", 5000);