// JavaScript Document

var boxes;
var boxesinner = Array();
var obtimeout;
var currentbox;

function openBox() {
	//alert(currentbox.id);
	for(i=0;i<boxes.length;i++) {
		 
		if (boxesinner[i].style.height != "0px" && boxesinner[i].id != currentbox+"inner") {
			new Effect.Morph(boxesinner[i].id, {style:'height:50px;',duration:0.2});
			 $(boxesinner[i].id).removeClassName("aktiv");
		}
	}
	
	
	
		//alert(currentbox.childNodes[3].style.height);
		if ($(currentbox+"inner").style.height != "110px") {
			new Effect.Morph($(currentbox+"inner"), {style:'height:110px;',duration:0.2});
			$(currentbox+"inner").addClassName("aktiv");
			
		  }
		 
		
	}

function timeoutOpenBox() {
		window.clearTimeout(obtimeout);
		currentbox = this.id;
		//alert(currentbox.id);
		obtimeout = window.setTimeout(openBox,100);
	}

function init() {
	boxes = $$("div.tab_inner");
	boxesinner = $$("div.tab_content");
	for(i=0;i<boxes.length;i++) {
		boxes[i].id = "box"+i;
		boxesinner[i].id = "box"+i+"inner";
		Event.observe("box"+i, 'mouseover', timeoutOpenBox);
		}
	}

Event.observe(window, 'load', init);