<!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>BHARATA NIDHI FOUNDATION</title>

<link href="style.css" rel="stylesheet" type="text/css" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="lightbox/css/jquery.lightbox-0.5.css" />
<link rel="stylesheet" type="text/css" href="demo.css" />
<script type="text/javascript" src="lightbox/js/jquery.lightbox-0.5.pack.js"></script>
<script type="text/javascript" src="script.js"></script>
<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	left:266px;
	top:96px;
	width:312px;
	height:355px;
	z-index:1;
	background-image: url(images/form_03.png);
	background-repeat: no-repeat;
}
.style2 {color: #FFFFFF}
-->
</style>

</head>

<body>
<!--PAGE OPEN --><br />
<div id ="box_headerslice"></div>
<div id ="wraper">


<!--HEADER  OPEN -->

<div class="clear"></div>

<!--HEADER  CLOSE -->

<div class="header_top">
<div class="logo_left"><img src="images/logo.jpg" alt="logo" width="224" height="127" /></div>
<div class="logo_right"><a href="contact.html"><img src="images/donate.jpg" alt="donate" width="194" height="106" border="0" /></a></div>
</div>




<div id="menu">
<div id="navcontainer">
<ul id="navlist">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>

<li><a href="projects.html">Our Projects</a></li>
<li><a href="works.html">Our Works</a></li>
<li><a href="careers.html">Careers</a></li>
<li><a href="donors.html">Donors</a></li>
<li><a href="contact.html" >Contact</a></li>
</ul>
</div>
</div>








<div class="banner">
<img src="images/banner.jpg" alt="banner" />

</div>









<!--Banner Open -->
<div class="content_top">
  <h1>Gallery</h1>
 
<div id="gallery">

<?php

	$directory = "gallery";

	$allowed_types=array('jpg','jpeg','gif','png');
	$file_parts=array();
	$ext='';
	$title='';
	$i=0;

	$dir_handle = @opendir($directory) or die("There is an error with your image directory!");

	while ($file = readdir($dir_handle)) 
	{
		if($file=='.' || $file == '..') continue;
		
		$file_parts = explode('.',$file);
		$ext = strtolower(array_pop($file_parts));

		$title = implode('.',$file_parts);
		$title = htmlspecialchars($title);
		
		$nomargin='';
		
		if(in_array($ext,$allowed_types))
		{
			if(($i+1)%4==0) $nomargin='nomargin';
		
			echo '
			<div class="pic '.$nomargin.'" style="background:url('.$directory.'/'.$file.') no-repeat 50% 50%;">
			<a href="'.$directory.'/'.$file.'" title="'.$title.'" target="_blank">'.$title.'</a>
			</div>';
			
			$i++;
		}
	}

	closedir($dir_handle);
?>
<div class="clear"></div>
</div>
</div>
<!-- Bottom Close for Content -->









</div>

<!--PAGE CLOSE -->

</body>
</html>
