Coldfusion.navigate not working CF8
Trying to figure out how to get the pages linked in the menu to populate the second layout area. From what I've read the code should be in the right syntax for it to work, however when I click on a menu button, I get a whole lot of nothing happening. I was using the ticket entries to play around with different solutions, but all to no avail. Is there some sort of javascript that I need to have above this to make it work or something? Any help is appreciated.
<cfajaximport tags="cfdiv,cfgrid,cfform,cfpod">
<cflayout type="vbox" align="center">
<cflayoutarea name="menu" overflow="visible" align="center" style="width:100%">
<cfmenu type="horizontal" bgColor="##c0c0c0" selecteditemcolor="##C8CED6" >
<cfmenuitem display="Index" href="javascript:Coldfusion.navigate('index.cfm','mainArea')"></cfmenuitem>
<cfmenuitem display="Tickets">
<cfmenuitem name="open" display="View Open Tickets" href="javaScript:Coldfusion.navigate('openTicket.cfm','mainArea')" />
<cfmenuitem name="Search" display="Search Old Tickets" href="searchTicket.cfm" target="mainArea" />
</cfmenuitem>
<cfmenuitem display="Alerts">
<cfmenuitem name="New" display="New Alert" href="javascript:Coldfusion.navigate('alerts.cfm','main')" />
<cfmenuitem name="Active" display="Active Alerts" href="javascript:Coldfusion.navigate('alertsFollowUp.cfm','main')" />
<cfmenuitem name="History" display="Alert History" href="javascript:Coldfusion.navigate('alertHistory.cfm','main')" />
</cfmenuitem>
<cfmenuitem display="Inventory">
<cfmenuitem name="pc" display="PC Inventory" href="javascript:Coldfusion.navigate('pc.cfm','mainArea')" />
<cfmenuitem name="searchpc" display="Search PC Inventory" href="javascript:Coldfusion.navigate('pcSearch.cfm','mainArea')" />
<cfmenuitem name="licensing" display="Licensing" href="javascript:Coldfusion.navigate('license.cfm','mainArea')" />
<cfmenuitem name="room" display="Room Inventory" href="javascript:Coldfusion.navigate('roomSelect.cfm','mainArea')" />
<cfmenuitem name="laptop" display="Laptop Administration" href="javascript:Coldfusion.navigate('laptopAdmin.cfm','mainArea')" />
</cfmenuitem>
<cfmenuitem display="RACF">
<cfmenuitem name="RACFAdd" display="RACF - Add" href="javascript:Coldfusion.navigate('racfSearch.cfm','maiArean')" />
<cfmenuitem name="RACFSearch" display="RACF Search" href="javascript:Coldfusion.navigate('racfADD.cfm','mainArea')" />
</cfmenuitem>
<cfmenuitem display="Tasks">
<cfmenuitem name="taskLog" display="Task Log" href="javascript:Coldfusion.navigate('taskLog.cfm','mainArea')" />
<cfmenuitem name="taskClosed" display="Tasks Closed" href="javascript:Coldfusion.navigate('taskLogClosed.cfm','mainArea')" />
</cfmenuitem>
<cfmenuitem display="Change Log">
<cfmenuitem name="changeAdd" display="Add New Change" href="javascript:Coldfusion.navigate('changeAdd.cfm','mainArea')" />
<cfmenuitem name="recentChange" display="Recent Changes" href="javascript:Coldfusion.navigate('changeLog.cfm','mainArea')" />
<cfmenuitem name="changeArchive" display="Change Archives" href="javascript:Coldfusion.navigate('changeArchive.cfm','mainArea')" />
</cfmenuitem>
<cfmenuitem display="Logout" href="logout.cfm"></cfmenuitem>
</cfmenu>
</cflayoutarea>
<cflayoutarea name="mainArea" align="center" style="background-color:##CCDBEF; height:100%" >
blah
blah
blah default page stuff
</cflayoutarea>
</cflayout>
