var isNav4 = false;
var isW3C = false;
var isIE = false;

var dx = 0, dy = 0;
var objList = new Array();
var current = null;
var zIndexTop = 10;

var box_num = 2;

function init() {

	if (navigator.appName.indexOf("Netscape") != -1) {
		if (parseInt(navigator.appVersion) == 4) {
			// Netscape Communicator 4.x
			isNav4 = true;
		} else if (parseInt(navigator.appVersion) >= 5) {
			// Netscape 6 v Mozilla
			isW3C = true;
		}
	} else { 
		if ((parseInt(navigator.appVersion) >= 4) && 
			(navigator.appName.indexOf("Microsoft") != -1)) {
			// MSIE 4.x oder hoeher
			isIE = true;
		}
		if (navigator.userAgent.indexOf("Opera") != -1) {
			// Opera 5.x - wird wie MSIE behandelt
			isIE = true;
		}
	}

	AddToList();

	if ((isNav4) || (isW3C)) {
		document.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP);
	}
  
	document.onmousedown = startDrag;
	document.onmouseup = endDrag;
}

function AddToList(){
	var tmp_list = "";
	for ( var i=1; i<=box_num; i++ ){
		tmp_list += "'box" + i + "'";
		if ( i < box_num ){ tmp_list+=","; }
	}
	erzeugeList(tmp_list);
}

function erzeugeList() {
  for (var i = 0; i < erzeugeList.arguments.length; i++) {
    if (isNav4) {
    	objList[i] = document.layers[erzeugeList.arguments[i]];
    }
  }
}

function startDrag(e) {
	var found = false;
	var i = objList.length;

	var box_id = 0;

	if (isNav4) {
		var zIndexGefunden = 0;
		var gefunden = 0;
		
		while ((i > 0)) {
			i--;
			var obj = objList[i];

			if ((e.pageX > obj.left) && 
				(e.pageX < obj.left + obj.clip.width) &&
				(e.pageY > obj.top) &&
				(e.pageY < obj.top + obj.clip.height)) {
        
				if (obj.zIndex > zIndexGefunden) {
					found = true;
					gefunden = i;
					zIndexGefunden = obj.zIndex;
					box_id = obj.id;
				}
			}
		}

		if (found) {
			current = objList[gefunden];
			
			dx = e.pageX - current.left;
			dy = e.pageY - current.top;

			// Setze Objekt nach oben
			zIndexTop++;
			current.zIndex = zIndexTop;

			// Event-Capturing
			document.captureEvents(Event.MOUSEMOVE);
			document.onmousemove = drag;
			return false;
		}
	} 

	if (isW3C) {
		var obj = e.target;
		if  ((obj.parentNode.id != null) &&
			(obj.parentNode.id.indexOf("box") != -1)) {
			current = obj.parentNode.style;

			box_id = obj.parentNode.id.substring(3,obj.parentNode.id.length);
			setActive(box_id);

			dx = e.clientX - parseInt(current.left);
			dy = e.clientY - parseInt(current.top);

			// Setze Objekt nach oben
			zIndexTop++;
			current.zIndex = zIndexTop;

	  		document.captureEvents(Event.MOUSEMOVE);
			document.onmousemove = drag;
			return false;
		}
	}
	
	if (isIE) {
		var obj = window.event.srcElement;
		if ((obj.parentElement != null) && 
			(obj.parentElement.id.indexOf("box") != -1)) {
			current = obj.parentElement.style;

			box_id = obj.parentElement.id.substring(3,obj.parentElement.id.length);
			setActive(box_id);

			dx = window.event.clientX - current.pixelLeft;
			dy = window.event.clientY - current.pixelTop;
		
			// Setze Objekt nach oben
			zIndexTop++;
			current.zIndex = zIndexTop;
      
			document.onmousemove = drag;
			return false;
		}
	}

	// Benutzer hat auf kein Objekt geklickt
	current = null;
	return false;
}

function drag(e) {
	if (current != null) {
		if (isNav4) {
			current.top = e.pageY - dy;
			current.left = e.pageX - dx;
		}
		if (isW3C) {
			current.top = parseInt(e.clientY) - dy;
			current.left = parseInt(e.clientX) - dx;
		}
		if (isIE) {
			current.pixelTop = window.event.clientY - dy;
			current.pixelLeft = window.event.clientX - dx;
		}

	}
	return false;
}

function endDrag(e) {
	if ((isNav4) || (isW3C)) {
		document.releaseEvents(Event.MOUSEMOVE);
	}

	document.onmousemove = null;
	current = null;
 
	return false;
}

function boxFuncts(id){
	// lallala
}

var request = new Array();
var boxid = new Array();

function createRequest() {
	var i = request.length;
	try {
		request[i] = new XMLHttpRequest();
	} catch (trymicrosoft) {
		try {
			request[i] = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (othermicrosoft) {
			try {
				request[i] = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (failed) {
				request[i] = false;
			}
		}
	}
	if (!request[i]) {
		document.getElementById( 'boxtext_' + boxid[i] ).innerHTML = "Hiba az oldal betöltése közben!";
	}
	return request.length - 1;
}

function openPage(page,id) {
	var i = createRequest();
	boxid[i] = id;
	request[i].open("GET", page, true);
	request[i].onreadystatechange = updatePage;
	request[i].send(null);
}

function updatePage() {
	for (var i=0; i < request.length; i++) {
		if (request[i].readyState == 4 ) {
			if (request[i].status == 200) {
				document.getElementById( 'boxtext_' + boxid[i] ).innerHTML = request[i].responseText;
			} else {
				document.getElementById( 'boxtext_' + boxid[i] ).innerHTML = request[i].status + " hiba";
			}
		}
	}
}

function setActive( active_id ) {
	for (var i = 2; i <= curr_id; i++) {
		if ( i==active_id ){
			document.getElementById( 'box' + i ).className='box_act';
		} else if ( document.getElementById( 'box' + i ).className=='box_act' ) {
			document.getElementById( 'box' + i ).className='box_def';
		}
	}
	++zIndexTop;
	document.getElementById( 'box' + curr_id ).style.zIndex = zIndexTop;
}

function witchisByCimke( cimke ) {
	for ( var i = curr_id; i >= 2; i-- ) {
		if ( cimke == document.getElementById( 'boxcimke_' + i ).innerHTML ) {
			return i;
		}
	}
	return 0;
}

var curr_id=1;

function getCurrid(){
	return curr_id;
}

function createEmptyBox( top, left, width, type, cimke ){

	var cin;
	++curr_id;

	cin = "<div class='box_" + type + "' id='box" + curr_id + "' style='left: " + left + "; top: " + top + "; width: " + width + "px;'>";
	cin += "<div class='tit' style=\"width: 70%; background-image: url('pic/site/jmr_tit-" + cimke + ".jpg')\" onMouseOver=\"this.className='tit_hov';\" onMouseOut=\"this.className='tit';\"></div>";
	cin += "<div id='boxcimke_" + curr_id + "' style='display: none';>" + cimke + "</div>";
	cin += "<table cellspacing=0 width=100%>";
	cin += "	<tr>";
	cin += "		<td class='c1' width=16>&nbsp;</td>";
	cin += "		<td class='gomb'>";
	cin += "			<ul>";
	cin += "				<li><a href='javascript:maximizeBox(" + curr_id + ")'><img src='pic/site/jmr_box1-gomb1.jpg' alt='^' width=20 height=25 border=0></a></li>";
	cin += "				<li><a href='javascript:closeBox(" + curr_id + ")'><img src='pic/site/jmr_box1-gomb2.jpg' alt='x' width=20 height=25 border=0></a></li>";
	cin += "			</ul>";
	cin += "		</td>";
	cin += "		<td class='c2' width=16>&nbsp;</td>";
	cin += "	</tr>";
	cin += "	<tr><td class='bg1'></td>";
	cin += "		<td class='cont' id='boxtext_" + curr_id + "'><img src='pic/site/loading2.gif' vspace=10 hspace=10 border=0></td>";
	cin += "		<td class='bg3'></td>";
	cin += "	</tr>";
	cin += "	<tr><td class='c3'></td>";
	cin += "		<td class='bg2'></td>";
	cin += "		<td class='c4'></td>";
	cin += "	</tr>";
	cin += "</table>";
	cin += "</div>";

	document.getElementById('body').innerHTML += cin;

}

function createEmptyBoxNew( top, left, width, type, cimke, maximizei, closei, maximizeurl ){

	var cin;
	++curr_id;

	cin = "<div class='box_" + type + "' id='box" + curr_id + "' style='left: " + left + "; top: " + top + "; width: " + width + "px;'>";
	cin += "<div class='tit' style=\"width: 70%; background-image: url('pic/site/jmr_tit-" + cimke + ".jpg')\" onMouseOver=\"this.className='tit_hov';\" onMouseOut=\"this.className='tit';\"></div>";
	cin += "<div id='boxcimke_" + curr_id + "' style='display: none';>" + cimke + "</div>";
	cin += "<table cellspacing=0 width=100%>";
	cin += "	<tr>";
	cin += "		<td class='c1' width=16>&nbsp;</td>";
	cin += "		<td class='gomb'>";
	cin += "			<ul>";

	if ( maximizei ) { cin += "<li><a href=\"" + maximizeurl + "\"><img src='pic/site/jmr_box1-gomb1.jpg' alt='^' width=20 height=25 border=0></a></li>"; }
	if ( closei ){     cin += "<li><a href='javascript:closeBox(" + curr_id + ")'><img src='pic/site/jmr_box1-gomb2.jpg' alt='x' width=20 height=25 border=0></a></li>"; }

	cin += "			</ul>";
	cin += "		</td>";
	cin += "		<td class='c2' width=16>&nbsp;</td>";
	cin += "	</tr>";
	cin += "	<tr><td class='bg1'></td>";
	cin += "		<td class='cont' id='boxtext_" + curr_id + "'><img src='pic/site/loading2.gif' vspace=10 hspace=10 border=0></td>";
	cin += "		<td class='bg3'></td>";
	cin += "	</tr>";
	cin += "	<tr><td class='c3'></td>";
	cin += "		<td class='bg2'></td>";
	cin += "		<td class='c4'></td>";
	cin += "	</tr>";
	cin += "</table>";
	cin += "</div>";

	document.getElementById('body').innerHTML += cin;

}

function maximizeBox(id){
	createEmptyBox( -13, -10, 761, 'def' );
	openPage('site.cgi?a=cikk-1&cid=asdf&status=preview',curr_id);
	document.getElementById( 'boxtext_' + curr_id ).style.height = 712;
	++zIndexTop;
	document.getElementById( 'box' + curr_id ).style.zIndex = zIndexTop;
}

function closeBox(id){
	document.getElementById( 'box' + id ).className = 'closed';
	document.getElementById( 'boxtext_' + id ).innerHTML = '';
}

function resetUserWindow(todo){

	if ( todo == 1 ){

		if (window.frames){
			window.frames.logintag_iframe.location.href='site.cgi?a=siteuser-51';
		} else {
			document.frames.logintag_iframe.location.href='site.cgi?a=siteuser-51';
		}

		document.getElementById('logintag').className='dodisplay';
		parent.document.getElementById('login').className='closed';

		var tmp = witchisByCimke('regisztracio');
		if ( tmp ){
			closeBox(tmp);
		}

	}
	else if ( todo == 2 ){

		if (window.frames){
			window.frames.logintag_iframe.location.href='site.cgi?a=siteuser-51';
		} else {
			document.frames.logintag_iframe.location.href='site.cgi?a=siteuser-51';
		}

		document.getElementById('logintag').className='dodisplay';
		parent.document.getElementById('login').className='closed';

		var tmp = witchisByCimke('ujbarat');
		if ( tmp ){
			closeBox(tmp);
		}

	}
	else if ( todo == 3 ){

		if (window.frames){
			window.frames.logintag_iframe.location.href='site.cgi?a=siteuser-51';
		} else {
			document.frames.logintag_iframe.location.href='site.cgi?a=siteuser-51';
		}

		parent.document.getElementById('login').className='dodisplay';

		document.getElementById('logintag').className='closed';

	}

}