window.onload = start;



function show(layern) {
	switch (brwsr) {
	case 'IE4' :
	    	document.all[layern].style.visibility = 'visible';
		break;
	case 'NS4' :
    		document.layers[layern].visibility = 'show';
		break;
	default :
	    	document.getElementById(layern).style.visibility = 'visible';}}

function hide(layern) {
	switch (brwsr) {
	case 'IE4' :
		document.all[layern].style.visibility = 'hidden';
		break;
	case 'NS4' :
		document.layers[layern].visibility = 'hide';
		break;
	default :
		document.getElementById(layern).style.visibility = 'hidden';}}

function move(layern, x, y) {
	switch (brwsr) {
	case 'IE4' :
		document.all[layern].style.pixelLeft = x;
		document.all[layern].style.pixelTop = y;
		break;
	case 'NS4' :
		document.layers[layern].moveTo(x, y);
		break;
	default :
		document.getElementById(layern).style.left = x + 'px';
		document.getElementById(layern).style.top = y + 'px';}}  

function open(layern) {
	switch (brwsr) {
	case 'IE4' :
		document.all[layern].innerHTML = '';
		break;
	case 'NS4' :
		document.layers[layern].document.open();
		break;
	default :
		document.getElementById(layern).innerHTML = '';}}

function close(layern) {
	switch (brwsr) {
	case 'NS4' :
		document.layers[layern].document.close();}}

function write(layern, caption) {
	switch (brwsr) {
	case 'IE4' :
		document.all[layern].innerHTML += caption;
		break;
	case 'NS4' :
		document.layers[layern].document.write(caption);
		break;
	default :
		document.getElementById(layern).innerHTML += caption;}}

function showcity() {
	show('location');
	}

function hidecity() {
	hide('location');
	}


function movement() {
	x = event.x - 2;
	y = event.y - 2;
	}
	
function display(number) {
	open('location');
	write('location', '');
	write('location', '<div class=city><IMG ALIGN="absmiddle" SRC="1.gif">&nbsp;'+mapitem[number].name+'</div>');
	close('location');
	move('location', -100, -100);

return(0);}

function start() {

	move('caption', 10, 10);
        document.getElementById('caption').style.width = 15+'px';

	number = Math.ceil(elementCount*Math.random());
	s = '<DIV ID="box">';
	s += mapitem[number].quest+'<BR><BR>';
	s += '</DIV>';
	open('caption');
	write('caption', s);
	close('caption');
	show('caption');
    	cityq(number);}



function calc(x, y, number) {
  move('location', mapitem[number].coordx-imageradius-0, mapitem[number].coordy-imageradius-5);	showcity();
	pointdistance = Math.sqrt((x-mapitem[number].coordx)*(x-mapitem[number].coordx)+(y-mapitem[number].coordy)*(y-mapitem[number].coordy));
	
	distance = Math.round(factorDistance*pointdistance);
	if (pointdistance <= allowance) percent = 100;
	else if (maxDiff <= 0) percent = 0;
	else percent = Math.round(100*(1 - (pointdistance - allowance)/maxDiff));
	if (percent < 0) percent = 0;
	tizelek = percent / 10
	count++;
	scoreTotal = scoreTotal + percent;
	atlag = Math.round(10*scoreTotal/count)/10;

	cat=(atlag<10)?("Rem&#xE9;nytelen"):(atlag<30)?("Van mit jav&#xED;tani..."):(atlag<70)?("&#xC1;tlagos"):(atlag<90)?("Csak &#xED;gy tov&#xE1;bb!"):("Kiv&#xE1;l&#xF3;!");

	mapitem[number].delay = Math.round(percent/10 + 1);
	s = '<DIV ID="box">';
	s += '<DIV ID="question" style="height:32px;">';
	s += mapitem[number].quest+'</div><BR>';
	if (percent == 100) s += 'Pontosan! &nbsp; ';
	else s += 'T&#xE1;vols&#xE1;g: '+distance+'km.<BR> ';
	s += 'Pontsz&#xE1;m:  '+tizelek+'<BR><BR>';
	s += '<b>&#xD6;sszesen:  '+atlag+'% &nbsp; ('+count+')</b><BR>'+cat+'<BR>';
	s += '<BR>Kattints &#xFA;j k&#xE9;rd&#xE9;shez!';
	s += '<DIV ID="description" style="height:32px; font-style: italic; margin-top:15px;">';
	s += mapitem[number].descr+'</div>';
	s += '</DIV>';
	open('caption');
	write('caption', s);
	close('caption');
	switch (brwsr) {

	case 'NS6' :
		releaseEvents(Event.MOUSEMOVE);
		captureEvents(Event.MOUSEDOWN);
		document.onmousedown = endq;
		break;
	default :
		document.onmousemove = null;
		document.onmousedown = endq;}
	window.defaultStatus='Again?';}

function endq() {
	hide('caption');
	setTimeout('newq();', 1);}

function newq() {
	switch (brwsr) {
	case 'NS6' :
		releaseEvents(Event.MOUSEMOVE | Event.MOUSEDOWN);
		break;
	default :
		document.onmousedown = null;}
	hidecity();
	do {
		ranking = Math.ceil(elementCount*Math.random());
		mapitem[ranking].delay--;}
	while (mapitem[ranking].delay > 0)
	s = '<DIV ID="box">';
	s += mapitem[ranking].quest+'<BR><BR>';
	s += '</TABLE>';
	open('caption');
	write('caption', s);
	close('caption');
	show('caption');
	window.defaultStatus='Geo Quiz';
	setTimeout('cityq(ranking);', 1);}

function cityq(number) {
	hatarpontszam = display(number);
	function klikkel(esemeny) {
		delete klikkel;
		switch (brwsr) {
			case 'NS6' :
				releaseEvents(Event.MOUSEDOWN);
				x = esemeny.pageX;
				y = esemeny.pageY;
				if ((x<750) && (y<790)) calc(x, y, number);
				break;
			default :
				document.onmousedown = null;
				x = event.x - 2;
				y = event.y - 2;
				if ((x<750) && (y<790)) calc(x, y, number);
				}
				   }

		document.onmousedown = klikkel;
		document.onmousemove = movement;
			}