var frames_opened = new Array;
var frames_speed = new Array;

var csukodo = -1;
var nyilo = -1;

var lepes = 25; // csukodasi_ido / lepes = frame time (msec)
var csukodasi_ido = 250; //msec

function InitFrames(max_frame) {
	var q = 0;
	for (q=1;q<=max_frame;q++) {
		frames_opened[q] = 0;
		frames_speed[q] = Math.round(parseInt(document.getElementById("Container"+q).style.height + 0) / lepes);
		document.getElementById("Container"+q).style.height = "1px";
		var s1 = document.getElementById("Button"+q+"_on").style;
		
		s1.filter = "alpha(opacity = 0)";
		s1.opacity = 0;
		s1.MozOpacity = 0; 
		s1.KhtmlOpacity = 0;
	}
}

var Timer_Counter = 0;

function ResizeSpans() {
	var q = 0;

	if (csukodo != -1) {
		q = parseInt(document.getElementById("Container"+csukodo).style.height + 0) - frames_speed[csukodo];
		document.getElementById("Container"+csukodo).style.height = q + "px";

		var s1 = document.getElementById("Button"+csukodo+"_on").style;
		var akt1 = 100 - Math.round(100 / lepes * Timer_Counter);
		s1.filter = "alpha(opacity="+akt1+")";
		s1.opacity = akt1 / 100;
		s1.MozOpacity = akt1 / 100; 
		s1.KhtmlOpacity = akt1 / 100; 
	}

	if (nyilo != -1) {
		q = parseInt(document.getElementById("Container"+nyilo).style.height + 0) + frames_speed[nyilo];
		document.getElementById("Container"+nyilo).style.height = q + "px";

		var s1 = document.getElementById("Button"+nyilo+"_on").style;
		var akt1 = Math.round(100 / lepes * Timer_Counter);
		
		s1.filter = "alpha(opacity="+akt1+")"; 
		s1.opacity = akt1 / 100;
		s1.MozOpacity = akt1 / 100; 
		s1.KhtmlOpacity = akt1 / 100; 
	}
	
	if (Timer_Counter < lepes) {
		Timer_Counter++;
		var t=setTimeout("ResizeSpans()",Math.round(csukodasi_ido / lepes));
	}
	else {
		if (csukodo != -1) {
			document.getElementById("Container"+csukodo).style.display = "none";
		}
		csukodo = -1;
		nyilo = -1;
	}
}

function OpenFrame(id) {
    if ((csukodo != -1) || (nyilo != -1)) { return; }
	if (frames_opened[id] == 0) {		
		var q = 0;
		var nyitva = -1;
		for (q=1;q<frames_opened.length;q++) {
			if (frames_opened[q] == 1) { 
				nyitva = q;
				break;
			}
		}
		csukodo = -1;
		if (nyitva != -1) {
			csukodo = nyitva;
			frames_opened[nyitva] = 0;
			//document.getElementById("Button"+nyitva).src = document.getElementById("Button"+nyitva).src.replace(/_on/g,"_off");
		}
		nyilo = id;
		
		frames_opened[id] = 1;
		document.getElementById("Container"+id).style.display = "block";
		//document.getElementById("Button"+id).src = document.getElementById("Button"+id).src.replace(/_off/g,"_on");
	}
	else {
		csukodo = id;
		nyilo = -1;
		frames_opened[id] = 0;
		//document.getElementById("Button"+id).src = document.getElementById("Button"+id).src.replace(/_on/g,"_off");
	}

	Timer_Counter = 1;
	ResizeSpans();
}