View source for Team:Reading/Team

<html>

<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function changeBioContent(index)
{
	var bios = ["Benny", "Chris", "Emily", "Izzah", "Matt", "Nasser", "Pete", "Pete", "Sam", "Tom", "Tom", "Jenny"];
	document.getElementById("bioframe").innerHTML= bios[index];
}
		
function buildPage(){
	buildMenu();
	buildTeamGrid();
}
		
function buildMenu()
{
var names = ["Home", "Team", "Project", "Parts", "Notebook"];
var address = ["Reading", "Reading/Team", "Reading/Project", "Reading/Parts", "Reading/Notebook"]			
var menuHTML = '.';
for(i1 = 0; i1 < 5; i1++){
	menuHTML += '<div onmouseout="DullMenu(this)"onmouseover="lightUpMenu(this)" style = "width:50px; float:left;"><a href="https://2015.igem.org/Team:' + address[i1] + '">' + names[i1] + '</a></div>';
}
document.getElementById("Menu").innerHTML= menuHTML;
}
		
function buildTeamGrid()
{
	var index = 0;
	var names = ["Benny Bostock", "Chris Tucker", "Emily Michelle Capes", "Izzah Elahi", "Matt Shepherd"];
	var address = ["Reading", "Reading/Team", "Reading/Project", "Reading/Parts", "Reading/Notebook"]			
	var teamHTML = '<table style="width:100%; color:#ffffff; background-color:#25d4e9">';
	for(i1 = 0; i1 < 4; i1++){
		teamHTML += '<tr>';
		for(i2 = 0; i2 < 3; i2++){
			teamHTML += '<td>' + names[index] + '<div style="border-style:solid; border-color:#ffffff; border-width:5px; border-radius:50px; height: 100px; width: 150px; background-size:cover; background-image:url(https://static.igem.org/mediawiki/2015/4/41/Blankprofile.png);" onmouseover="changeBioContent(' + index + ')"></div></td>';
			index += 1;
		}
		teamHTML += '</tr>';
	}
	teamHTML += '</table>';
	document.getElementById("teamtable").innerHTML= teamHTML;
}

function lightUpMenu(Button)
{
	Button.style.backgroundColor = '#4444ee';
	Button.style.Color = '#ffffff';
}

function DullMenu(Button)
{
	Button.style.backgroundColor = '#FFFFFF';
	Button.style.Color = 'blue';
}
window.onload = buildPage;

</SCRIPT>

<style>
	#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
		display:none;}
</style>

</HEAD>

<body style="background-Color:#25d4e9;">
<div style="width:100%; background-Color:#25d4e9;">

	<div >
		<img src="https://static.igem.org/mediawiki/2015/9/96/Reading2015IGEMShield.jpg">
		<h1 style="color:#ffffff; font-size:45px">The Reading team</h1>
		<h3 style="color:#ffffff;">Reading University iGEM Team 2015</h3>
	</div>
		
	<div id = "Menu" style="background-Color:#ffffff;">
	</div>
	<table style="background-color:#25d4e9;">
		<tr>
		<td>
			<div id="teamtable" style = "float:left; border-bottom-width: 15px; max-width:1050px; width:40%; min-width:450px;">
			</div>
		</td>
		<td>
			<div id="bioframe" style="color:#000000; float:right;top:150px; padding: 10px; border-radius: 25px; border-style: solid; border-width 40px; border-color:#25d4e9; text-align:left; height:500px; border-bottom-width: 15px; max-width:1050px; width:50%; min-width:450px; background-color:#f0f0f0">
				Roll over the images to see the team member bio and extra photos in here.
			</div>
		</td>
		</tr>
	</table>
	

</div>

</body>
</html>