<?php include 'inc/header.php';?>

<?php include 'inc/slider.php';?>

</div>

<div class="container">

  <div class="row " >
  <div class="col-lg-12 ">

      <div class="sub_heading"> Galleria</div>

      <br/>

         <div class="sub_heaqding"> 

Department of Geography

 </div>

      

      

      <br/>

      <table  border="0" cellspacing="10" cellpadding="10" align="center" width="100%" class="table table-bordered">

        <tr>

          <td  style="background:#6C1913; color:#FFF;" ><p><strong> Event</strong></p></td>

          <td style="background:#6C1913; color:#FFF;" ><p><strong> Images</strong></p></td>

        </tr>

        <tr>

          <td ><p><strong>Lecture Series</strong><br>

           Speaker    : Prof.    Zofia Rączkowska , Institute of Geography and Spatial Organization Polish    Academy of Sciences,&nbsp; Poland.  Date: 25th September,2014 

         Topic:  PINDARI VALLEY RELIEF AND ITS RECENT    TRANSFORMATION.</p></td>

          <td><div class="btn btn-default"><a href="zofia_raczkowska.php">See images</a></div></td>

        </tr>

        <tr>

          <td ><p><strong>Lecture Series</strong></p>

            <p>Date:    24th September, 2014.     Speaker:Prof. B.S.    Butola, CSRD, Jawaharlal Nehru University <br>

              Topic:&ldquo;Frontiers    in Geography&rdquo;.  </p></td>

          <td><div class="btn btn-default"><a href="Butola_lecture.php">See images</a></div></td>

        </tr>

        <tr>

          <td ><p> <strong>Lecture Series</strong><br>

            Speaker:    Mr. Debabrata Mukherjee, well known mountaineer of India.  He conquered the EVEREST in the year 2014. <br>

            Topic:    &ldquo;Experiences in climbing Everest&rdquo; <br>

            Date:  10th November, 2014.  </p></td>

          <td><div class="btn btn-default"><a href="mukherjee_lecture.php">See images</a></div></td>

        </tr>

        <tr>

          <td ><p><strong>Celebrations</strong><br>

            <strong>Fresher&rsquo;s    Welcome</strong><br>

            <strong>Date:    18th September, 2014</strong></p></td>

          <td><div class="btn btn-default"><a href="fresher_welcome.php">See images</a></div></td>

        </tr>

        <tr>

          <td ><p><strong>Excursions</strong><br>

            Place: PUSA Institute of    Agricultural Research <br>

            Date: 30th November,2014<strong> </strong></p></td>

          <td><div class="btn btn-default"><a href="pusa_visit.php">See images</a></div></td>

        </tr>

        <tr>

          <td ><p><strong>Excursions</strong><br>

            Place: Uttrakhand<br>

            Date: 30th September to 6 October,2014</p></td>

          <td><div class="btn btn-default"><a href="uttrakhand.php">See images</a></div></td>

        </tr>

      </table>

      <br/>

      <div class="sub_heaqding"> Department of Mathematics </div>

      <br/>

      <table  border="0" cellspacing="10" cellpadding="10" align="center" width="100%" class="table table-bordered">

        <tr>

          <td  style="background:#6C1913; color:#FFF;" ><p><strong>Event</strong></p></td>

          <td style="background:#6C1913; color:#FFF;" ><p><strong>Images</strong></p></td>

        </tr>

        <tr>

          <td ><strong>GANITAM 2014</strong><br/>

            <p> GANITAM is an annual Departmental festival organized by the Mathematics Society of Shaheed Bhagat Singh College since2012,which includes various competitive activities for studentslike Rangoli making , Photography, Quiz,  Power Point Presentation , Mask Painting and lots more all based on the theme of Mathematics. Department of Mathematics celebrated its annual festGANITAM 2014 which turned out to be a great success indeed. Students from varied colleges, not just from University of Delhi, but even like, YWCA, JamilaMiliaIslamia, JNU participated in the different breath-taking activities. Prizes worth Rs. 35,000 were distributed to the participants. Some glimpses of GANITAM 2014 </p></td>

          <td><div class="btn btn-default"><a href="GANITAM.php">See images</a></div></td>

        </tr>

      </table>

    </div>

    <div class="clr"></div>

    <br/>

    <br/>

    <br/>

    <div class="clearfix"></div>

  </div>

</div>

</div>

<div class="clr"></div>

<?php include 'inc/footer.php';?>

<script type="text/javascript">

      $(document).ready(function(){        

            $('li img').on('click',function(){

                var src = $(this).attr('src');

                var img = '<img src="' + src + '" class="img-responsive"/>';

                

                //start of new code new code

                var index = $(this).parent('li').index();   

                

                var html = '';

                html += img;                

                html += '<div style="height:25px;clear:both;display:block;">';

                html += '<a class="controls next" href="'+ (index+2) + '">next &raquo;</a>';

                html += '<a class="controls previous" href="' + (index) + '">&laquo; prev</a>';

                html += '</div>';

                

                $('#myModal').modal();

                $('#myModal').on('shown.bs.modal', function(){

                    $('#myModal .modal-body').html(html);

                    //new code

                    $('a.controls').trigger('click');

                })

                $('#myModal').on('hidden.bs.modal', function(){

                    $('#myModal .modal-body').html('');

                });

                

                

                

                

           });

        

        })

        

        //new code

        $(document).on('click', 'a.controls', function(){

            var index = $(this).attr('href');

            var src = $('ul.row li:nth-child('+ index +') img').attr('src');             

            

            $('.modal-body img').attr('src', src);

            

            var newPrevIndex = parseInt(index) - 1; 

            var newNextIndex = parseInt(newPrevIndex) + 2; 

            

            if($(this).hasClass('previous')){               

                $(this).attr('href', newPrevIndex); 

                $('a.next').attr('href', newNextIndex);

            }else{

                $(this).attr('href', newNextIndex); 

                $('a.previous').attr('href', newPrevIndex);

            }

            

            var total = $('ul.row li').length + 1; 

            //hide next button

            if(total === newNextIndex){

                $('a.next').hide();

            }else{

                $('a.next').show()

            }            

            //hide previous button

            if(newPrevIndex === 0){

                $('a.previous').hide();

            }else{

                $('a.previous').show()

            }

            

            

            return false;

        });

        

         

        

    </script>