var imageElement;
var imageArray;
var textArray;
var urlHeader;
var urlFooter;
var anc = 0;

function switchImg(_direction) {
	if(_direction == "next") { 
		anc++;
		if(anc > (imageArray.length - 1)) anc = 0;}
	if(_direction == "prev") {
		anc--;
		if(anc < 0) anc = imageArray.length - 1;}
	
	// imageElement.innerHTML = "<img src='" + imageArray[anc] + "' />";
	imageElement.innerHTML = urlHeader + imageArray[anc] + urlFooter;
	
	
	var m = document.getElementById("SI_status");
	m.innerHTML = "Kuva " + (anc+1) + "/" + imageArray.length; // Kuva(n/m)
	
	var l = document.getElementById("SI_textarea");
	if(textArray[anc] != "") {
		l.innerHTML = textArray[anc];
	} else {
		l.innerHTML = "&nbsp;";	
	}
}
function initSwitchImage(_element, _picArray, _header, _footer, _textArray, _anc) {
	imageElement = document.getElementById(_element);
	imageArray = _picArray;
	textArray = _textArray;
	urlHeader = _header;
	urlFooter = _footer;
	anc = _anc
	
	setTimeout(function() {initCounter()}, 200);
}
function initCounter() {
	var m = document.getElementById("SI_status");
	m.innerHTML = "Kuva " + (anc+1) + "/" + imageArray.length; // Kuva(n/m)
	
	var l = document.getElementById("SI_textarea");
	if(textArray[anc] != "") {
		l.innerHTML = textArray[anc];
	} else {
		l.innerHTML = "&nbsp;";	
	}
}