A little help please

[phpspaz]

Can anyone tell me why this doesnt work?


<script type="text/javascript">
function changeClassHoverPane(){
var change=this.id;
function theChange(){
document.getElementById(change).className='content-pane 1 transition';
}
setTimeout(theChange, 2000);
}
</script>



<div class="content-container">
<div class="content-pane 1 transition" id="c-1" onmouseover="this.className='hover-pane'" onmouseout="changeClassHoverPane()" >
<a class="transition" href="http://www.thephpboss.com/">The php boss dot com is here......</a>
</div>

[bionoid]

Just pass the object, you do not need the id:

<script type="text/javascript">

	function changeClassHoverPane(e)
	{
		if (e.tid) {clearTimeout(e.tid);}
		e.tid = setTimeout(function() {e.className='content-pane transition';}, 2000);
	}

</script>

<div class="content-container">
	<div class="content-pane 1 transition" id="c-1" onmouseover="this.className='hover-pane';" onmouseout="changeClassHoverPane(this);" >
		<a class="transition" href="http://www.thephpboss.com/">The php boss dot com is here......</a>
	</div>
</div>