{preload_replace:mychannel="project_main_page"}
{preload_replace:myembedded="embeds"}

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>One World Architecture</title>
	<meta name="generator" content="TextMate http://macromates.com/">
	<meta name="author" content="Pax Rodential">
	<!-- Date: 2011-05-25 -->
	
	{embed="{myembedded}/01-css"}
	{embed="{myembedded}/01-js"}
	
	
	<!-- javascript coding -->
	<script type="text/javascript">
	$(document).ready(function() {

	// heeeeeeeeeeere we go.
	$("#project-index-slider").scrollable({circular: true, mousewheel: true}).navigator().autoscroll({
		interval: 4000		
	});	
	});
	</script>

	
</head>
<body id="project-index">
<div id="main-container">	
	{embed="{myembedded}/02-topnav"}
	<div class="container_16" id="content">
			<ul class="project-category-main">
				{exp:channel:entries channel={mychannel} limit="1"}
				{project_categories}
				<li style="background:url({image}) center">
					<a title="{title}" href="{url}"><span>{title}</span></a>
				</li>{/project_categories}
				{/exp:channel:entries}
			</ul>
		<div class="clear"></div>
	</div>
	<div class="clear"></div>
</div>
<div class="clear"></div>
{embed="{myembedded}/04-footer"}

</body>
</html>
