var height = 105;
var aktiv = new Array();

function toggle(id, numImg, numImgLine) {
	
	var elem = document.getElementById(id);
	window.clearInterval(aktiv[id]);
	
	if(elem.style.height == '100%') {
		elem.style.height = height*Math.ceil(numImg/numImgLine) + 'px';
		aktiv[id] = window.setInterval("toggle_off('" + id + "')", 1);	
	} else {
		elem.style.height = height + 'px';
		aktiv[id] = window.setInterval("toggle_on('" + id + "', " + numImg.toString() + ", " + numImgLine.toString() + ")", 1); 
	}

}

function toggle_off(id) { 
	
	var elem = document.getElementById(id);
	
	var heig = elem.style.height.replace("px","");
	heig = heig - 10;
	
	if(heig <= height)  {
		elem.style.height = height + 'px';
		window.clearInterval(aktiv[id]);
	} else {
		elem.style.height = heig + 'px';
	}
}

function toggle_on(id, numImg, numImgLine) { 
	
	var elem = document.getElementById(id);
	
	var maxHeight = height*Math.ceil(numImg/numImgLine);
	var heig = elem.style.height.replace("px","");
	heig = parseInt(heig) + 10;
	
	if(heig >= maxHeight)  {
		elem.style.height = '100%';
		window.clearInterval(aktiv[id]);
	} else {
		elem.style.height = heig + 'px';
	}
}