<?php 
include("admin/include/config.inc.php");
include("include/header.php"); ?>                        
<?php
	$gallery_name=mysqli_fetch_array(mysqli_query($con,"select name from gallery where id='".$gallery_name."'"));
    $imagesQ=mysqli_query($con,"select image from image_of_gallery where gallery_id='".$_REQUEST['upid']."' order by id desc");
	$galleriesQ=mysqli_query($con,"select id,name from gallery order by id desc");
?>
                                              
            <div class="bodySection m-t-lg">
                <div class="container">
                    <div class="row">
                        <div class="col-md-8">
                            
                                                                <div id="bios">
                                        <div class="topslider" style="display: none;">
                                            <div class="prev1" style="display: none;"><i class="fa fa-chevron-left"></i></div>
                                                                                        <div class="item1"><img src="flashphotos/photos/b87b9233633832e0fe4fff6f850061d3.jpg" class="img-responsive"></div>
                                                                                        <div class="next1" style="display: none;"><i class="fa fa-chevron-right"></i></div>
                                        </div>                                        
                                    </div>
                                                            
                            
                            
                            
                            


                            <div class="workingArea m-t-lg">                              
                                                                <div class="tpsubMen"></div>
                                                                <div class="textArea">
                                        <div class="row">
        <div class="col-md-12">
            <div class="row m-b-md">
                                <div class="col-md-12"><h1 title=""><?=$gallery_name;?></h1></div>
                                                <div class="col-md-12 text-right text-left-xs">
                                            <div class="btn-group" role="group" aria-label="...">
                            <span type="button" class="btn btn-default btn-sm">Select Gallery</span>
                            <div class="btn-group" role="group">
                                <button type="button" class="btn btn-danger dropdown-toggle btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    Gallery List                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu">
									<?php
										while($galleriesR=mysqli_fetch_array($galleriesQ)){
									?>
                                                                        <li>
                                        <a href="images_of_gallery.php?upid=<?=$galleriesR['id'];?>" title="15th August 2018 Celebrate">
                                        <?=$galleriesR['name'];?>                                        </a>
                                    </li>
									<?php
										}	   
									?>
                                                                    </ul>
                            </div>
                        </div>
                                        </div>
                            </div>
        </div>
        </div>
        <div class="row">                          
			<?php
				while($imagesR=mysqli_fetch_array($imagesQ)){
			?>
			<div class="col-md-4 m-b-md gal_img">
                                        <a class="fancybox-thumbs essl" data-fancybox-group="thumb" href="admin/images/gallery/<?=$imagesR['image'];?>">
                        <img src="admin/images/gallery/<?=$imagesR['image'];?>" border="0" alt="Photos" title="Photos" class="galery_cover">
                        <span class="hidden">Photos</span>
                    </a>
            </div>
			<?php
				}
			?>
                            <div class="col-md-12">
                            </div>
            </div><style type="text/css">
    .galery_cover{
        height: 150px !important;
        width: 100%;
        max-width: 100%;
        object-fit: cover;
    }
    .gal_coverLink{
        border: 1px solid #333;
        padding: 1px;
        display: block;
        text-align: center;
        position: relative;
        transition: all 200ms ease-out;
    }
    .gal_coverLink span{
        padding: 5px;
        width: 100%;
        background: #0e1e72;
        color: #FFF;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all 200ms ease-out;
        font-size: 12px;
    }
    .gal_coverLink:hover{
        border: 1px solid #3F51B5;
        text-decoration: none;
    }
    .gal_coverLink:hover span{
        background: #3F51B5;
    }
    .gal_img .essl{
        border: 1px solid rgba(14, 30, 114, 0.23);
        padding: 1px;
        display: block;
        text-align: center;
        position: relative;
        transition: all 200ms ease-out;
        box-shadow: 0px 0px 5px #CCC;
    }
    .gal_img .essl span{
        padding: 5px;
        width: 100%;
        background: #333;
        color: #FFF;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: all 200ms ease-out;
        font-size: 12px;
    }
    .gal_img .essl:hover{
        border: 1px solid #3F51B5;
        text-decoration: none;
    }
    .gal_img .essl:hover span{
        background: #3F51B5;
    }
    .galery_cover_embed{
        
    }
    .gal_cvr_embs{
        display: block;
        background: #FFF;
        box-shadow: 0px 0px 14px #EEE;
        text-align: center;
    }
    .gal_cvr_embs img{
        max-height: 200px
    }
</style>
<link rel="stylesheet" href="photogallery/fancybox/jquery.fancybox.css" type="text/css">
<script src="photogallery/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('.fancybox-thumbs').fancybox({
            openEffect: 'elastic',
            openSpeed: 150,
            closeEffect: 'elastic',
            closeSpeed: 150,
            closeBtn: true,
            arrows: true,
            nextClick: true,
            autoScale: true,
            type: 'image'

        });
    });
</script>
 
                                </div>
                            </div>

                            
                            
                            <div class="quickLinks">
                                <div class="btnLinks">
                                <a href="javascript:void(0);">Quick Links</a>
                                </div>
                                <div id="qkLinks"><div class="col-md-4"><a href="photo-gallery.php" class="active btn btn-info btn-sm txtoverflow_hide m-b-xs btn-block" title="Gallery">Gallery</a></div><div class="col-md-4"><a href="mandatory-disclosure.php" class=" btn btn-info btn-sm txtoverflow_hide m-b-xs btn-block" title="Mandatory Disclosure">Mandatory Disclosure</a></div></div>
                            </div>

                            
                        </div>
                        <div class="col-md-4">
 <?php
                                                       include("include/admission_query.php");
                                                       ?>                                                        
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="footerSection">
                <div class="container">
                    <div class="row">
                        <div class="col-md-10">All rights reserved Techno India TeachersTraining Institute. Website design and development service provided by <a href="http://www.technodg.com/" target="_blank">Techno Developers Group.</a></div>
                        <div class="col-md-2">
                            <div class="sbk text-right">
                                <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A//www.tittiapd.org//photo-gallery/15th-august-2018-celebrate.html"><i class="fa fa-facebook"></i></a>
                                <a target="_blank" href="https://twitter.com/home?status=Photo Galleryhttp%3A//www.tittiapd.org//photo-gallery/15th-august-2018-celebrate.html"><i class="fa fa-twitter"></i></a>
                                <a target="_blank" href="https://plus.google.com/share?url=http%3A//www.tittiapd.org//photo-gallery/15th-august-2018-celebrate.html"><i class="fa fa-google-plus"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
                    </div>
        
        <link rel="stylesheet" type="text/css" href="scripts/site/jquery.mmenu.all.css">
        <link href="scripts/site/bootstrap.min.css" rel="stylesheet" type="text/css"/>
                <link href="scripts/theme/nav.css" rel="stylesheet" type="text/css"/>
        <link href="scripts/theme/owl.carousel.min.css" rel="stylesheet" type="text/css"/>
        <link href="scripts/site/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="scripts/content.css" rel="stylesheet" type="text/css"/>
        <script src="scripts/site/bootstrap.min.js" type="text/javascript"></script>
        <script src="scripts/theme/owl.carousel.min.js" type="text/javascript"></script>
        <script src="scripts/site/javascript.js" type="text/javascript"></script>
        <script type="text/javascript" src="scripts/site/jquery.mmenu.min.all.js"></script>
        
        <script type="text/javascript">
                        jQuery(window).load(function() {
		var preload = jQuery(".preload");
	  	preload.fadeOut("slow");
            });
            
            $("#qSubmit").click(function(){quickQuery();});
            $(".lemmenuToggle").click(function(){
                if($(this).next('ul').hasClass('hidden')){ $(this).html('<i class="fa fa-angle-down selt" aria-hidden="true"></i>'); $(this).next('ul').removeClass('hidden');}
                else{$(this).html('<i class="fa fa-angle-right" aria-hidden="true"></i>');$(this).next('ul').addClass('hidden');}
            });
            
            jQuery(document).ready(function ($) {
                // for Slider
                $('.topslider').removeAttr('style');
                            });
            $(function () {
                $('[data-toggle="tooltip"]').tooltip()
            });
            
            
            
	</script>
    </body>
</html>