function resizeImageMenu(pos,min_width,max_width,num_images,default_width) {
	//alert(pos+" "+min_width+" "+max_width+" "+num_images+" "+default_width)
	offset = 0
	for (i = 1; i < num_images; i++) {		
		if (i == pos+1){
			offset = offset + max_width
		}else{
			offset = offset + min_width
		}
		
		cimage_width = image_width
		if (offset+image_width > width){
			//alert(i+" "+(offset+image_width)+" "+width+" "+(width-(offset+image_width)))
			cimage_width = image_width-(offset+image_width-width)
		}
		document.getElementById('ebene'+i).style.maxWidth = cimage_width;
		document.getElementById('ebene'+i).style.left = offset;

	}
}

function initImageMenu() {
	
	width = 950;
	height = 152;

	image_width = 240;
	image_height = 150;

	images = new Array()
	images.push(new Array("fileadmin/template/images/icemass4web.gif","index.php?id=1"));
	images.push(new Array("fileadmin/template/images/ENVISAT4web.gif","index.php?id=1"));
	images.push(new Array("fileadmin/template/images/circulation4web.gif","index.php?id=1"));
	images.push(new Array("fileadmin/template/images/cryosat4web.gif","index.php?id=1"));
	images.push(new Array("fileadmin/template/images/dot4web.gif","index.php?id=1"));
	images.push(new Array("fileadmin/template/images/GRACE4web.gif","index.php?id=1"));
	images.push(new Array("fileadmin/template/images/hydrology4web.gif","index.php?id=1"));
	images.push(new Array("fileadmin/template/images/GOCE4web.gif","index.php?id=1"));
	images.push(new Array("fileadmin/template/images/mantle_crust4web.gif","index.php?id=1"));
	images.push(new Array("fileadmin/template/images/spp1257web.gif","index.php?id=1"));
	
	default_width = width / images.length;
	max_visible = 240;
	min_visible = (width - max_visible) / (images.length - 1)

	content = "";
	for (i = 0; i < images.length; i++) {
		//content = content + "<a href="+images[i][1]+"><div id='ebene"+i+"' onmouseover=resizeImageMenu("+i+","+min_visible+","+max_visible+","+images.length+","+default_width+")  onmouseout=resizeImageMenu("+(images.length-1)+","+min_visible+","+max_visible+","+images.length+","+default_width+")></div></a>"
		content = content + "<div id='ebene"+i+"' onmouseover=resizeImageMenu("+i+","+min_visible+","+max_visible+","+images.length+","+default_width+")  onmouseout=resizeImageMenu("+(images.length-1)+","+min_visible+","+max_visible+","+images.length+","+default_width+")></div>"
	}
	document.getElementById('imagemenu').innerHTML = content;
	document.getElementById('imagemenu').style.position = "relative";
	document.getElementById('imagemenu').style.top = 0;
	document.getElementById('imagemenu').style.left = 0;
	document.getElementById('imagemenu').style.width = width;
	document.getElementById('imagemenu').style.height = height;

	for (i = 0; i< images.length; i++) {
		//document.getElementById('ebene'+i).innerHTML = "";
		//document.getElementById('ebene'+this.i).onclick = function(){ alert(i);};
		//document.getElementById('ebene'+i).onclick = function(){resizeImageMenu("+i+","+min_visible+","+max_visible+","+images.length+","+default_width+");};
		//document.getElementById('ebene'+i).addEventListener('onmouseover', 'resizeImageMenu("+i+","+min_visible+","+max_visible+","+images.length+","+default_width+")');
 
		//document.getElementById('ebene'+i).onmouseover = "resizeImageMenu("+i+","+min_visible+","+max_visible+","+images.length+","+default_width+")";
		//document.getElementById('ebene'+i).innerHTML = "<img onmouseover='resizeImageMenu("+i+","+min_visible+","+max_visible+","+images.length+","+default_width+")'  onmouseout='resizeImageMenu("+i+","+default_width+","+default_width+","+images.length+","+default_width+")' ";

		document.getElementById('ebene'+i).style.backgroundImage = "url("+images[i][0]+")";
		document.getElementById('ebene'+i).style.position = "absolute";
		document.getElementById('ebene'+i).style.top = 0;
		document.getElementById('ebene'+i).style.left = default_width*i;
		document.getElementById('ebene'+i).style.border = "1px solid #000066";
		document.getElementById('ebene'+i).style.width = image_width;
		document.getElementById('ebene'+i).style.height = image_height;

//		document.getElementById('ebene'+i).onmouseover = function(event,i){ resizeImageMenu(i,min_visible,max_visible,images.length,default_width);};		
		//document.getElementById('ebene'+i).onmouseover = resizeImageMenu(this.i,min_visible,max_visible,images.length,default_width);
	//	document.getElementById('ebene'+this.i).addEventListener('onmouseover',resizeImageMenu(this.i,min_visible,max_visible,images.length,default_width));

		if ((default_width*(i)+image_width) >= width){
			document.getElementById('ebene'+i).style.maxWidth = (image_width-((default_width*(i)+image_width)-width));
		}
		
		
	}
	resizeImageMenu(images.length-1,min_visible,max_visible,images.length,max_visible);
}