{preload_replace:mychannel="on_the_boards_projects"}
{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 : {exp:channel:entries channel="{mychannel}" limit="1"}{title}{/exp:channel:entries} Projects</title>
	<meta name="generator" content="TextMate http://macromates.com/">
	<meta name="author" content="Usha">
	<!-- 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">
		<div class="scrollable" id="project-index-slider">
			{exp:channel:entries channel="{mychannel}" limit="1"}
			<div class="items">
				{otb_featured}
				{project_listing}
				<div class="project-index">
					<a href="/owa001/~dev-ee/index.php{page_uri}" title="{title}">
						{exp:ce_img:single src="{image}" height="403" width="960" crop="yes|center, center"}
					</a>
					<div>
						<a href="/owa001/~dev-ee/index.php{page_uri}">{if alt_title != ""}{alt_title}{if:else}{title}{/if}</a>
						{subtitle}
					</div>
					<p>{summary} <a href="/owa001/~dev-ee/index.php{page_uri}">Learn More</a></p>
				</div>
				{/project_listing}
			{/otb_featured}
			{/exp:channel:entries}
			</div>
		</div>  
		<a class="prev browse left"></a>
		<a class="next browse right"></a>
		<div class="navi"></div>
		<div class="clear"></div>
		<div id="project-list">
			<ul>
				{exp:channel:entries channel="{mychannel}" limit="1"}
					{on_the_boards}
						<li>
							<a href="/owa001/~dev-ee/index.php{page_uri}" title="{title}">
								{project_listing}{exp:ce_img:single src="{image}" height="100" width="218" crop="yes|center, center"}{/project_listing}
							</a>
							<p>
								<a href="/owa001/~dev-ee/index.php{page_uri}" class="project-title">{project_listing}{if alt_title != ""}{alt_title}{if:else}{title}{/if}{/project_listing}</a>
								{project_listing}{subtitle}{/project_listing}
							</p>
						</li>
					{/on_the_boards}
				{/exp:channel:entries}
			</ul>
			<div class="clear"></div>	
		</div>
		<div class="clear"></div>
	</div>
</div>
{embed="{myembedded}/04-footer"}	
</body>
</html>
