trying to implement this plugin: http://phatfusion.net/imagemenu
not sure what the holdup is.

here's my html:

Code HTML4Strict:
	<div id="example">
		<div id="imageMenu">
			<ul>
				<li class="landscapes"><a href="#">Landscapes</a></li>
				<li class="people"><a href="#">People</a></li>
				<li class="nature"><a href="#">Nature</a></li>
				<li class="urban"><a href="#">Urban</a></li>
				<li class="abstract"><a href="#">Abstract</a></li>
			</ul>
		</div>
	</div>

my css:

Code CSS:
#imageMenu {
	position: relative;
	width: 500px;
	height: 200px;
	overflow: hidden;
	padding-top:180px;
	margin-left: 85px;
}
 
#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1000px;
 
}
 
#imageMenu ul li {
	float: left;
}
 
#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:98px;
	height: 200px;
}
 
#imageMenu ul li.landscapes a {
	background: url(../images/landscapes.jpg) repeat scroll 0%;
}
 
#imageMenu ul li.people a {
	background: url(../images/people.jpg) repeat scroll 0%;
}
 
#imageMenu ul li.nature a {
	background: url(../images/nature.jpg) repeat scroll 0%;
}
 
#imageMenu ul li.urban a {
	background: url(../images/urban.jpg) repeat scroll 0%;
}
 
#imageMenu ul li.abstract a {
	background: url(../images/abstract.jpg) repeat scroll 0%;
	width: 310px;
}

my js (contained in the head section):

Code JavaScript:
	<script type="text/javascript">
		window.addEvent('domready', function(){
			var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2, onOpen:function(e,i){alert(e);}});
		});
	</script>

i'm terrible at troubleshooting issues with javascript, but could it have something to do with my css not being contained in the root folder like it is in the phatfusion folder? (i say that because of the "#imageMenu a" variable in the javascript).

please help!