<?php echo $header; ?><?php echo $column_left; ?><?php echo $column_right; ?>
<div id="content"><?php echo $content_top; ?>
  <?php if ($error_warning) { ?>
  <div class="warning"><?php echo $error_warning; ?></div>
  <?php } ?>
  <form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data" id="edit">
    <h3 style="position:relative;left:-185px;"><?php echo 'CO-OWNED DESIGNS'; ?></h3>
	<hr style="margin-left:-190px;">
	<div style="width:442px;float:left;">
		<div style="margin-bottom:10px;font-family:calibri;font-size:16px;">
		<?php foreach ($product_details as $product_detail) { ?>
			<?php echo $product_detail['name']; ?>&nbsp;&nbsp;&nbsp;&nbsp;
			Design Id:  <?php echo $sketchid; ?>  &nbsp;&nbsp;&nbsp;&nbsp;  
			Product Id:  <?php echo $product_detail['product_id']; ?> 
		<?php } ?> 	
		</div>
		<div style="margin-bottom:10px;font-family:calibri;font-size:16px;">  Co-Owned with : 
		<?php if ($customer_name) { ?>
			<?php $i=1; foreach ($customer_name as $customer_nam) { ?>
			<?php if ($i != count($customer_name)) { ?>
			<a style="font-size:16px;"><i><?php echo $customer_nam['cust_name']; ?></i></a>  , 
			 <?php } else { ?>
			<a style="font-size:16px;"><i><?php echo $customer_nam['cust_name']; ?></i></a>
			<?php } ?>
			<?php $i++;  } ?> 
			<?php } ?>
			</div>
		<div>
			<div style="position:relative;float:left;width:275px;">
				<?php foreach ($product_details as $product_detail) { ?>
				<?php if ($product_detail['thumb']) { ?>
					<div class="image"><img style="border:2px solid #EBEAEA;" src="<?php echo $product_detail['thumb']; ?>"  /></div>
				<?php } ?>
				<?php } ?> 
				
			</div>
			<div style="position:relative;float:left;">
				<div style="font-family:mistral;font-size:25px;margin-bottom:10px;">
					Viewed 
					<span style="color:red;"><?php echo $product_viewed; ?></span> 
					times
				</div>
				<div style="font-family:mistral;font-size:25px;margin-bottom:10px;">Shared <span style="color:red;">0</span> times</div>
				<div style="font-family:mistral;font-size:25px;margin-bottom:10px;">Liked <span style="color:red;">0</span> times</div>
				<div style="font-family:mistral;font-size:25px;margin-bottom:10px;">Sold <span style="color:red;"><?php echo $product_sold_count; ?></span> times</div>
			</div>
		</div>
		<div style="margin-left:-20px;visibility:hidden;">
			<img src="catalog/view/theme/default/image/newimage/shares.png" />
		</div>
		<div class="share"> 
          <!-- Start Shareaholic Sexy Bookmark HTML-->
<div class="shr_class shareaholic-show-on-load" style="margin-right:178px;margin-top:-42px;"> 

</div>
<!-- End Shareaholic Sexy Bookmark HTML -->
<!-- Start Shareaholic Sexy Bookmark settings -->
<script type="text/javascript">
var SHRSB_Settings = {"shr_class":{"src":"http://www.tresorjewellery.com.au/image/share/","link":"","service":"5,7,309,74,313","apikey":"0747414f47c2b684cf5480c36b2478689","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","twitter_template":"${title} - ${short_link} via @Shareaholic"}};
var SHRSB_Globals = {"perfoption":"1"};
</script>
<!-- End Shareaholic Sexy Bookmark settings -->
<!-- Start Shareaholic Sexy Bookmark script -->
<script type="text/javascript">
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-sb.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script>

<!-- End Shareaholic Sexy Bookmark script --> 
        </div>
	</div>	
	<div style="float:left;position:relative;width:330px;">
		<div style="margin-left:30px;">
		 
			<div style="border:1px solid #EDEDED;height: 45px;border-radius:3px;box-shadow: -2px 8px 11px -8px grey;margin-bottom: 5px;width:185px;float:left;">
				<span style="position: relative; top: 15px;left:65px;">Designer</span>
			</div>
		
			<div style="width:100px;margin-left:20px;">
				<?php foreach ($designer_image as $designer_img) { ?>
				<?php if ($designer_img['thumb']) { ?>
					<div class="image"><img style="border:2px solid #EBEAEA;" src="<?php echo $designer_img['thumb']; ?>"  /></div>
				<?php } ?>
					<?php } ?> 
			</div>
			
			<div style="margin-left:45px;">
				<a><?php echo $designer_name; ?></a>
			</div>

			<div style="border:1px solid #EDEDED;height: 45px;border-radius:3px;box-shadow: -2px 8px 11px -8px grey;margin-bottom: 5px;width:185px;float:left;">
				<span style="position: relative; top: 15px;left:65px;">	Co-owners</span>
			</div>	
			
			<div style="width:195px;margin-left:10px;">
			<?php foreach ($customer_name as $customer_nam) { ?>
			<?php if ($customer_nam['cust_name']) { ?>
			<div style="float:left;">
			<img width="70px" height="70px" src="catalog/view/theme/default/image/newimage/meera.png" /><br>
			<a style="font-size:16px;"><i><?php echo $customer_nam['cust_name']; ?></i></a>
			</div>
			<?php } ?> 
			<?php } ?> 
			</div>
			
	<!--		<div style="width:195px;margin-left:10px;">
				<img src="catalog/view/theme/default/image/newimage/meera.png" />
				<img src="catalog/view/theme/default/image/newimage/chloe.png" />
			</div>
			
			<div>
				<span style="position:relative;left:32px;"><a> Meera </a></span>  <span style="position:relative;left:80px;"><a> Chloe </a></span>
			</div>
			
			<div style="width:195px;margin-left:10px;">
				<img src="catalog/view/theme/default/image/newimage/kylie.png" />
				
			</div>
			
			<div>
				<span style="position:relative;left:39px;"><a> Kylie </a> </span> 
			</div>  -->
			
	   </div>
	</div>
    <!-- <div class="buttons">
      <div class="left"><a href="<?php echo $back; ?>" class="button"><span><?php echo $button_back; ?></span></a></div>
      <div class="right"><a onclick="$('#edit').submit();" class="button"><span><?php echo $button_continue; ?></span></a></div>
    </div> -->
  </form>
  <?php echo $content_bottom; ?></div>
<?php echo $footer; ?>
<script type="text/javascript"><!--
$('#tabs a').tabs();
//--></script> 

