<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>{$setting_site_title} | Portfolio</title>
		<meta name="description" content="{$setting_site_description}">
		<meta name="keyword" content="{$setting_site_keywords}">
		<link type="text/css" rel="stylesheet" href="templates/default/assets/css/style.css" />
		<link rel="stylesheet" href="templates/default/assets/css/themes/default/default.css" type="text/css" media="screen" />
		<link type="text/css" rel="stylesheet" href="templates/default/assets/css/nivo-slider.css" />
		<link rel="stylesheet" href="templates/default/assets/css/jquery.superbox.css" type="text/css" media="all" />
		<script type="text/javascript" src="templates/default/assets/js/jquery.js"></script>
		<script type="text/javascript" src="templates/default/assets/js/jquery.nivo.slider.js"></script>
		<script type="text/javascript" src="templates/default/assets/js/framework.js"></script>
		<script type="text/javascript" src="templates/default/assets/js/jquery.superbox-min.js"></script>
		<script type="text/javascript" src="templates/default/assets/js/functions.js"></script>
	</head>
	<body>
	<div class="container">
	{include file="menu.html"}
	{include file="header.html"}
	
	<div class="content portfolio">
	<h3>Portfolio</h3>
	{if $portfolio_items_number eq 0}
	<div class="notification warning">There Are No Portfolio Items Added Until Now.</div>
	{else}
	<div class="portfolio_left_nav">
	<ul id="filter">
	<li class="current"><a href="javascript:void();">All</a></li>
	{section name=x loop=$categories}
	<li><a href="javascript:void();">{$categories[x].category_title}</a></li>
	{/section}
	</ul>
	</div>
	<div class="portfolio_right_nav">
	<ul id="portfolio">
	{section name=x loop=$works}
		<li class="{$works[x].work_category_id|strtolower|replace:',':' '}">
		<div class="wrapper">
		<a href="#portfolio-item-{$works[x].work_id}" rel="superbox[content][520x]">
		<img src="uploads/portfolio/{$works[x].work_thumbnail}" alt="" height="130" width="180" />
		<div class="description"><p class="description_content">{$works[x].work_title}</p></div>
		<div id="portfolio-item-{$works[x].work_id}" style="display:none;" class="modal">
		<h3>{$works[x].work_title}</h3>
		<img src="uploads/portfolio/{$works[x].work_thumbnail}" alt="" width="490" />
		<p>{$works[x].work_details}</p>
		{if !empty($works[x].work_url)}<a class="modal_url" href="{$works[x].work_url}" target="_BLANK">Item Link</a>{/if}
		</div>
		</a>
		</div>
		</li>
	{/section}
	</ul>
	</div>
	{/if}
	</div>
	{include file="footer.html"}
	</div>
	</body>
</html>