Miscellany

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<script type="text/javascript">
function changeNick(spanId, seat) {
		document.getElementById(spanId).innerHTML = seat;
}

function resetNick(spanId) {
	document.getElementById(spanId).innerHTML = '';
}

var seatnick = new Array()
		seatnick[1]='1';seatnick[2]='2';seatnick[3]='3';seatnick[4]='4';seatnick[5]='5';seatnick[6]='6';seatnick[7]='7';seatnick[8]='8';seatnick[9]='9';seatnick[10]='10';
		seatnick[11]='11';seatnick[12]='12';seatnick[13]='13';seatnick[14]='14';seatnick[15]='15';seatnick[16]='16';seatnick[17]='17';seatnick[18]='18';seatnick[19]='19';seatnick[20]='20';
		seatnick[21]='21';seatnick[22]='22';seatnick[23]='23';seatnick[24]='24';seatnick[25]='25';seatnick[26]='26';seatnick[27]='27';seatnick[28]='28';seatnick[29]='29';seatnick[30]='30';
</script>

<style type="text/css">
.tg {
	background-color: red;
	width: 15px;
	height: 15px;
	font-size: 4px;
}
</style>
</head>

<body>
	<b>Brukernavn:</b> <span id="nick"></span><br />
	<table>
    	<tr>
        	<td class="tg" onmouseover="changeNick('nick', seatnick[1])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[2])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[3])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[4])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[5])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[6])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[7])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[8])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[9])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[10])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[11])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[12])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[13])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[14])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[15])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[16])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[17])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[18])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[19])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[20])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[21])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[22])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[23])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[24])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[25])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[26])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[27])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[28])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[29])" onmouseout="resetNick('nick')"></td>
            <td class="tg" onmouseover="changeNick('nick', seatnick[30])" onmouseout="resetNick('nick')"></td>
 	   </tr>
	</table>
</body>
</html>