var lang = "fr";
var path = "../images/";
var prefix = "mao-bt-";
var ext = ".gif";
	
var preload = new Array(
	"listen",
	"buy",
	"send",
	"close"
);

var preloadarray = new Array();
var length = preload.length;
for (var i=0; i<length; i++) {
	var id = preload[i];
	preloadarray[id] = new Array();
	preloadarray[id]["on"] = new Image();
	preloadarray[id]["on"].src = path + prefix + id + "-" + lang + "-" + "on" + ext;
	preloadarray[id]["off"] = new Image();
	preloadarray[id]["off"].src = path + prefix + id + "-" + lang + "-" + "off" + ext;
}

//special treatment to slider arrow, not bilingual
preloadarray["slideleft"] = new Array();
preloadarray["slideright"] = new Array();

preloadarray["slideleft"]["off"] = new Image();
preloadarray["slideleft"]["off"].src = path + prefix + "slideleft-off" + ext;
preloadarray["slideleft"]["on"] = new Image();
preloadarray["slideleft"]["on"].src = path + prefix + "slideleft-on" + ext;
preloadarray["slideright"]["off"] = new Image();
preloadarray["slideright"]["off"].src = path + prefix + "slideright-off" + ext;
preloadarray["slideright"]["on"] = new Image();
preloadarray["slideright"]["on"].src = path + prefix + "slideright-on" + ext;

function img(id, state, instance) {
	imgid = id;
	if(instance != undefined) {
		//change image id, multiple instances
		imgid = id + "-" + instance;
	}
	document.getElementById(imgid).src = preloadarray[id][state].src;
}