I'm having trouble making the following code work. I'm trying to change text in "columnleft" with the showMess function, when I hover on the paragraph with the class "title." The really frustrating part is that this code has worked elsewhere for me. What am I missing?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<html xmlns="http://www.w3.org/1999/xhtml">


<title>Some Company</title>
<meta http-equiv="content-type" content="text/html;charset=Western (ISO-8859-15)" />

<link rel="stylesheet" type="text/css" href="style.css" />

<script type='text/javascript'>
var messages = new Array('hi','hi','hi','hi','hi','hi')

function showMess(q)
	var introblurb = document.getElementById('columnleft').innerHTML;
	var Message = messages[q];
	document.getElementById('columnleft').innerHTML = Message;

funtion messout()
	var introblurb = document.getElementById('columnleft').innerHTML;
	var Message = " ";
	document.getElementById('columnleft').innerHTML = Message;




<div id="maincolumn">

<img id="topimage" src="eqwintop3.png">

<p class='title' onMouseOver='showMess(0)'> History</p>

<p id='columnleft'>Good Morning!</p>




funtion messout() should be function messout() (you spelt function wrong)

You're a total life saver. That was KILLING me! Thank you, thank you, thank you.