function showData(qqx, qqy) {
	outputer.value = (qqx.alt);
	outputer1.value = (qqx.href);
}


c = 20;
function countup() {
	c = c + 10;
	document.getElementById("theloadbar").style.width = c + "px";
}


function showData(qqx, qqy) {
	outputer.value = (qqx.alt);
	outputer1.value = (qqx.href);
}


function movewindow(q) {
	document.getElementById('menu_item_1').style.color = 'white';
	document.getElementById('menu_item_2').style.color = 'white';
	document.getElementById('menu_item_3').style.color = 'white';
	document.getElementById('menu_item_4').style.color = 'white';
	//document.getElementById('menu_item_5').style.color = 'white';
	document.getElementById('menu_item_6').style.color = 'white';

	switch (q) {
		case 1:
			slidetox = 300;
			slidetoy = 200;
			on_item = 1;
			break;
		case 2:
			slidetox = 300;
			slidetoy = 1700;
			on_item = 2;
			break;
		case 3:
			slidetox = 2300;
			slidetoy = 200;
			on_item = 3;
			break;
		case 4:
			slidetox = 2300;
			slidetoy = 1700;
			on_item = 4;

			show_port(1);
			break;

		case 5:
			slidetox = 1300;
			slidetoy = 2200;
			on_item = 5;
			break;
		case 6:
			slidetox = 1300;
			slidetoy = 0;
			on_item = 6;
			break;
	}
	return 0;
}

on_item = 1;

function menu_hover(r) {
	t = 0;
	while(t < 6) {
		t++;
		if(t != 5) {
			document.getElementById('menu_item_' + t).style.textDecoration = 'none';
			document.getElementById('menu_item_' + t).style.color = '#a2b2a8';
		}
	}

	document.getElementById('menu_item_'+on_item).style.color = '#ff1919';

	switch(r) {
		case 1:
			document.getElementById('menu_item_1').style.textDecoration = 'underline';
			document.getElementById('menu_item_1').style.color = 'white';
			break;
		case 2:
			document.getElementById('menu_item_2').style.textDecoration = 'underline';
			document.getElementById('menu_item_2').style.color = 'white';
			break;
		case 3:
			document.getElementById('menu_item_3').style.textDecoration = 'underline';
			document.getElementById('menu_item_3').style.color = 'white';
			break;
		case 4:
			document.getElementById('menu_item_4').style.textDecoration = 'underline';
			document.getElementById('menu_item_4').style.color = 'white';
			break;
		case 5:
			document.getElementById('menu_item_5').style.textDecoration = 'underline';
			document.getElementById('menu_item_5').style.color = 'white';
			break;
		case 6:
			document.getElementById('menu_item_6').style.textDecoration = 'underline';
			document.getElementById('menu_item_6').style.color = 'white';
			break;
	}

}

WindowPosX = 0;
WindowPosY = 0;
slidetox = 300;
slidetoy = 200;
count = 0;

function firstgo() {
	document.getElementById('theloadscreen').style.display = 'none';
	setInterval(slideto, 20);
}

WindowPosX_last = 0;
WindowPosY_last = 0;

function set_menu() {
	WindowPosX_last = WindowPosX;
	WindowPosY_last = WindowPosY;

	if((WindowPosX_last == WindowPosX) && (WindowPosY_last == WindowPosY)) {
		document.getElementById('menu').style.left = WindowPosY + 35 + "px";
		document.getElementById('menu').style.top = WindowPosX + 55 + "px";

		document.getElementById('logo').style.top = WindowPosX + (WindowPosY * 2 / 40) + 5 + "px";
		document.getElementById('logo').style.left = WindowPosY + (WindowPosX * 2 / 40) + 10 + "px";
	}

}

function slideto() {
	xmove = ( WindowPosX - slidetox) / 10;
	ymove = ( WindowPosY - slidetoy) / 10;

	if(WindowPosX < slidetox) {
		WindowPosX = WindowPosX + Math.abs(xmove)
	};
	if(WindowPosY < slidetoy) {
		WindowPosY = WindowPosY + Math.abs(ymove)
	};

	if(WindowPosX > slidetox) {
		WindowPosX = WindowPosX -  Math.abs(xmove)
	};
	if(WindowPosY > slidetoy) {
		WindowPosY = WindowPosY -  Math.abs(ymove)
	};

	document.getElementById('moon').style.top = WindowPosX + 400 - (WindowPosX / 6) + "px";
	document.getElementById('moon').style.left = WindowPosY + 850 - (WindowPosY / 3) + "px";

	document.getElementById('chatholder').style.top = WindowPosX + "px";
	document.getElementById('chatholder').style.left = WindowPosY + 550  + "px";


	if((WindowPosX < slidetox + 2) && (WindowPosX > slidetox - 2)) {
		WindowPosX = slidetox

	}
	if((WindowPosY < slidetoy + 2) && (WindowPosY > slidetoy - 2)) {
		WindowPosY = slidetoy
	}

	//	document.getElementById('theloadscreen').style.top = WindowPosX;
	//	document.getElementById('theloadscreen').style.left = WindowPosY;

	set_menu();
	window.scroll(WindowPosY, WindowPosX);

}

on_port = 1;

function show_port(w) {
	t = 0;
	while(t < 8) {
		t++;

		document.getElementById('p' + t).style.display = "none";
		document.getElementById('p' + t + '_master').style.background = "#111111";
		document.getElementById('p' + t + '_master').style.color = "#a2b2a8";
	}

	document.getElementById('p' + w + '_master').style.background = "#222222";
	document.getElementById('p' + w + '_master').style.color = "#ff1919";
	document.getElementById('p' + w).style.display = "block";
	document.getElementById('port_description').innerHTML = document.getElementById('p' + w + '_desc').innerHTML;
	document.getElementById('port_preview').src = document.getElementById('p' + w + '_thumb_1_url').innerHTML;
	on_port = w;
}

function show_port_hover(w) {
	t = 0;
	while(t < 8) {
		t++;
		if(t == on_port) {
			document.getElementById('p' + t + '_master').style.background = "#222222";
		} else {
			document.getElementById('p' + t + '_master').style.background = "#111111";
		}
	}

	if(on_port != w) {
		if(w != 0) {
			document.getElementById('p' + w + '_master').style.background = "#881919"
		};
	}
}

function swap_port_image(a, b) {
	document.getElementById('port_preview').src = document.getElementById('p'+a+'_thumb_'+b+'_url').innerHTML;
}

function close_art() {
	document.getElementById('art_display').style.display = 'none';
	document.getElementById('clock').style.display = 'none';
	document.getElementById('imagemap').style.display = 'none';
	document.getElementById('box1').style.display = 'none';

}

first_load = 1;

function art_this(g, o) {
	document.getElementById('art_display').style.display = "block";
	document.getElementById('art').src = g;

	document.getElementById('box1').style.display = "none";

	if(first_load == 1) {
		document.getElementById('box1').style.left = "1100px";
		document.getElementById('box1').style.top = "2600px";
		first_load = 0;
	}

	document.getElementById('box1').innerHTML = document.getElementById(o).innerHTML;

}

function mouseDown(e) {
	var ctrlPressed = 0;
	var altPressed = 0;
	var shiftPressed = 0;

	if(parseInt(navigator.appVersion) > 3) {

		var evt = navigator.appName == "Netscape" ? e : event;

		// NEWER BROWSERS [CROSS-PLATFORM]
		shiftPressed = evt.shiftKey;
		altPressed = evt.altKey;
		ctrlPressed = evt.ctrlKey;
		//self.status = "shiftKey:" + shiftPressed + ", altKey:" + altPressed + ", ctrlKey=" + ctrlPressed

		if(shiftPressed) {
			if(document.getElementById("hiddenMenu").style.display == "none") {
				document.getElementById("hiddenMenu").style.display = "inline"
			} else {
				document.getElementById("hiddenMenu").style.display = "none";
			}
		}
	}
	return true;
}

if(parseInt(navigator.appVersion) > 3) {
	document.onmousedown = mouseDown;
	if(navigator.appName == "Netscape")
		document.captureEvents(Event.MOUSEDOWN);
}