<?php

	/* page settings
		*/
	$page_title = 			$this->getTypedValue($page_data, "settings", "page_title");
	$grid_columns_num = 		$this->getTypedValue($page_data, "settings", "grid_columns_num");
	$description = 			$this->getTypedValue($page_data, "settings", "description");

	/* page settings
		*/
	$hasDescription = 		$description["value"]!="" || $page_title["value"]!="";
	$page_column_gutter = 		15;
	$page_inner_width = 		$body_width_num;
	$child_block_width = 		floor( (($page_inner_width+$page_column_gutter)/$grid_columns_num) - $page_column_gutter);

	/* get all our items
		*/
	$assets = Flatfile::getFileTable("asset", $this->info("id"));
	$children = Flatfile::getSetTable("child", $this->info("id"));

?>
<div class="GridItems" style="width:<?php echo ($child_block_width+$page_column_gutter)*$grid_columns_num; ?>px">
<?php
	$i = -1;
	foreach ($children as $child_row) {
		++$i;
		$x = $i%$grid_columns_num;
		$child = 			$this->getTypedChildObject($child_row);
		$child_title = 		htmlspecialchars($child_row[1]);
		$image_asset = 		$this->getTypedChildValue($child, "image_asset");
		$url_linkage = 		$this->getTypedChildValue($child, "url_linkage");
		$image_provider = 	@$assets[$image_asset["child"]];
		$child_graphic_width = 	max(600, $child_block_width);
		$child_graphic = 		new Graphic($image_provider);
			$child_graphic->setAnchor($url_linkage["href"], $url_linkage["target"]);
			$child_graphic->setBasepath($this->info("id"));
			$child_graphic->resample($resample_display_bool, $resampling_quality_num, $resample_sharpen_bool, $resample_use_imagick_bool);
			$child_graphic->setSize($child_graphic_width, null);
?>
	<div class="GridItem" style="float:left;clear:<?php echo ($x==0?"left":"none"); ?>;margin-right:<?php echo $page_column_gutter; ?>px;width:<?php echo $child_block_width; ?>px">
<?php echo "\t\t" . $child_graphic->render() . "\n"; ?>
		<a class="GridItemLink" href="<?php echo $url_linkage["href"]; ?>" target="<?php echo $url_linkage["target"]; ?>"><?php echo $child_title; ?></a>
	</div>
<?php
	}
?>
	<div class="clear"></div>
</div>
<?php
	if ($hasDescription) {
?>
<div class="Context">
	<?php if ($page_title["value"]!="") { ?><h1><?php echo $page_title["html"]; ?></h1><?php } ?>
	<div class="Description"><?php echo $description["markdown"]; ?>
	</div><!-- End .Description -->
</div>
<?php
	}
?>
<script type="text/javascript">
	GalleryList.setColumns(<?php echo $grid_columns_num; ?>);
	GalleryList.start();
</script>
<div class="clear"></div>