addEvent (window, "load", pulldownRight);


var borderboxes = new Array(); 
var growTo = 280;
var shrinkTo = 40;

function pulldownRight()
{
	var borderlines = document.getElementById('bilderstrecke').getElementsByTagName('div');
	var index = 0;
	var online = false; 
	var out = 0; 
	for (var i=0, borderline; borderline=borderlines[i]; i++) {
		if (/borderline/.test(borderline.className)) {
			//alert (borderlines[i].getElementsByTagName('a')[0].href + " *** " + location.href);
			if (borderline.getElementsByTagName('a')[0].href == location.href) {
				borderline.style.height = growTo + "px"; 
				online = true; 
				out = index; 
			} else {
				borderline.style.height = shrinkTo + "px"; 
			} 
			borderboxes[index] = borderline;
			index++;
		}
	}

	if (online == false) {
		borderboxes[out].style.height = growTo + "px";  
	}

	for (var j=1; j<borderboxes.length; j++) {
		if (j != out)
		addEvent(borderboxes[j], "mouseover", exchange);
	}
}


function exchange() 
{
	var timer; 
	toGrow = this;

	var time = 25;
	var step = 10;
	var toGrow; 
	var toShrink;

	for (var i=0; i<borderboxes.length; i++) {
		if (parseInt(borderboxes[i].style.height) == growTo) {
			toShrink = borderboxes[i];
		} 
		removeEvent(borderboxes[i], "mouseover", exchange);
	}


	timer = window.setInterval(
	function() {
		// Zielgröße erreicht
		if (parseInt(toGrow.style.height) == growTo) {
			window.clearInterval (timer);
			var dump = ''; 
			for (var i=0; i<borderboxes.length; i++) {
				
				if (borderboxes[i] != toGrow) {
					addEvent(borderboxes[i], "mouseover", exchange);
					dump = dump + ' ' + i;
				}
			}
			//alert (dump)
		}
		if (parseInt(toGrow.style.height) < growTo) {
			toGrow.style.height = (parseInt(toGrow.style.height) + step ) + 'px';
		}
		if (parseInt(toShrink.style.height) > shrinkTo) {
			toShrink.style.height = (parseInt(toShrink.style.height) - step) + 'px';
		}
	}
	, time);
}