bilder_hash = new Array();//object();
bilder_default_hash = new Array();//object();

function moveHandler(Ereignis) {
	if (!Ereignis)
		Ereignis = window.event;

	var x = Ereignis.offsetX;// - this.x;

	if (x === undefined) {
		x = Ereignis.clientX - this.offsetLeft;
	}

	imagemove(this,x)
}
function defaultHandler(Ereignis) {
	if (!Ereignis)
		Ereignis = window.event;

	imagemove(this,0)
}

function imagemove(div,x){
	var pic = document.getElementById(div.id+"_bild");
	var archive_id = div.id.substr(div.id.lastIndexOf("_")+1,div.id.length);
	//archive_id = archive_id.substr(archive_id.lastIndexOf("_")+1,archive_id.length);

	var bilder = bilder_counter[archive_id];
	//var bilder = Math.floor(pic.height / 150);


	var bild = Math.floor(x * bilder / 150);// * x) -1;
	
	if (bild < 0) bild = 0;
	if (bild > bilder) bild = bilder-1;
	if (bild === NaN) bild = 0;

	var row = Math.floor(bild / 20); 
	var column = bild % 20; 


	var x = 150*row;
	if (x == 0) {
		x = "left";
	} else {
		x = -x + "px";
	}

	var y = 150*column;
	if (y == 0) {
		y = "top";
	} else {
		y = -y + "px";
	}

	div.style.backgroundImage = "url("+pic.src+")";
	div.style.backgroundPosition = x+" "+ y;
	pic.style.display = "none";

	//div.src = bilder_hash[archive_id][bild];
	
}

function imageDefault(img,archive_id) {
	img.src = bilder_default_hash[archive_id];

}

function bild_vorladen() {
	document.Vorladen= new Array();
	if (document.images) {
		for (var i= 0;i<bild_vorladen.arguments.length;i++) {
			document.Vorladen[i] = new Image();
			document.Vorladen[i].src = bild_vorladen.arguments[i];
		}
	}
}


function registerImages(archive_id,url) {

	bild_vorladen(url);
	if (!bilder_hash[archive_id])
		bilder_hash[archive_id] = new Array();

	bilder_hash[archive_id].push(url)
}

function registerDefauldImage(archive_id,url) {
	bilder_default_hash[archive_id] = url;
}