var arrImages = new Array();
var IMGS_PATH = "../images/projects/";
var currentIdx = 0;

var mytimer = 0;
var slideshow = false;
var imgId =  "imgControl";
var	divId =  "imageStage";

function preloadImages() { 
	var img = null; 
	for(var i = 0; i < LAST_IDX ; i++) { 
		img = new Image(); 
		img.src = IMGS_PATH + images[i]; 
		arrImages[i] = img; 
	} 
}


function getFormatedIDX(idx) { 
	return (idx < 10)? "0" + idx.toString(): idx.toString(); 
} 

function turnOn() { 
	if (mytimer != 0) window.clearTimeout(mytimer);
	
	blendimage(divId, imgId, arrImages[currentIdx].src, 400);
}



function startSlideshow() {
	if (!slideshow) {
		slideshow = true;
		roll();
		
	} else {
		slideshow = false;
		
		
	}
	
}	

function roll(idx) {
	//if (!slideshow) return;
	currentIdx = idx;
	
	//setCurrentIdx();

	turnOn();
	
	
	//mytimer = window.setTimeout("roll()", 5000);
}


function setCurrentIdx() {
	if (currentIdx == LAST_IDX)
		currentIdx = 0;
	else if (currentIdx == -1)
		currentIdx = LAST_IDX - 1;
}