function Person( newID, newName, newThumb, newDataID, newSelected ) {
	this.personID = newID;
	this.personName = newName;
	this.personThumbnail = newThumb;
	this.personDataID = newDataID;
	this.personSelected = newSelected;
	
	this.CreatePerson = PersonOutput;
}

function PersonCollection() {
	this.personArray = new Array();
	
	this.Add = PersonCollectionAdd;
	this.CreatePersonCollection = PersonCollectionOutput;
}




function PersonOutput() {
	if( this.personSelected ) {
		document.write( "<div id='" + this.personID + "' class='person selected'>" );
	} else {
		document.write( "<div id='" + this.personID + "' class='person' onMouseOver='personMouseOver(this);' onMouseOut='personMouseOut(this);' onMouseDown='personMouseDown(this, " + this.personDataID + ");' onMouseUp='personMouseUp(this);'>" );
	}
	document.write( "<img class='portrait' src='" + this.personThumbnail + "' /><div class='name'>" + this.personName + "</div>" );
	document.write( "</div>" );
}

function PersonCollectionAdd( newID, newName, newThumb, newDataID, newSelected ){
	this.personArray[this.personArray.length] = new Person( newID, newName, newThumb, newDataID, newSelected );
}

function PersonCollectionOutput() {
	document.write( "<div class='group'>" );
	for( var counter = 0; counter < this.personArray.length; counter++ ) {
		this.personArray[counter].CreatePerson();
	}
	document.write( "</div>" );
}






function personMouseOver( personReference ) {
	personReference.className = personReference.className + " mouseOver";
}

function personMouseOut( personReference ) {
	personReference.className = personReference.className.replace( " mouseOver", "" );
}

function personMouseDown( personReference, personDataID ) {
	personReference.className = personReference.className.replace( " mouseOver", "" );
	personReference.className = personReference.className + " mouseDown";
	window.location = "/about.php?about=coaches&pid=" + personDataID;
}

function personMouseUp( personReference ) {
	personReference.className = personReference.className.replace( " mouseDown", "" );
	personReference.className = personReference.className + " mouseOver";
}