<style  type="text/css">
     ul {         
          padding:0 0 0 0;
          margin:0 0 0 0;
      }
      ul li {     
          list-style:none;
               
      }
      ul li img {
          cursor: pointer;
      }
      .modal-body {
          padding:5px !important;
      }
      .modal-content {
          border-radius:0;
      }
      .modal-dialog img {
          text-align:center;
          margin:0 auto;
      }
    .controls{          
        width:50px;
        display:block;
        font-size:11px;
        padding-top:8px;
        font-weight:bold;          
    }
    .next {
        float:right;
        text-align:right;
    }
      /*override modal for demo only*/
      .modal-dialog {
          max-width:500px;
          padding-top: 90px;
      }
      @media screen and (min-width: 768px){
          .modal-dialog {
              width:500px;
              padding-top: 90px;
          }          
      }
      @media screen and (max-width:1500px){
          #ads {
              display:none;
          }
      }
  </style>



<?php include 'inc/header.php';?>
<?php include 'inc/slider.php';?>
</div>
<div class="container">
  <div class="row m_2" >
        <?php include 'inc/left_studentzone.php';?>
    <div class="col-lg-9 ">

      <div class="heading_main_2"> Notice Board</div><br>
   
   <div class="coures-list">
   <ul>
   
<li><a href="pdf1/DEPARTMENTOFMATHEMATICS.pdf" target="_blank">SCHOLARSHIP IN MATHS</a><img width="30" src="images/new-animated.gif"></li>

  <li><a href="pdf1/notice/1.pdf" target="_blank" > Dr.M.P.Thakore Gold Medal</a><img width="30" src="images/new-animated.gif"></li>

  <li><a href="pdf1/notice/2.pdf" target="_blank">Kamakshi Trehan Memorial Gold medal for the Best Girl Student</a><img width="30" src="images/new-animated.gif"></li>

  <li><a href="pdf1/notice/3.pdf" target="_blank">Gold Medal for the best SC/ST category Boy student</a><img width="30" src="images/new-animated.gif"></li>

  <li><a href="pdf1/notice/4.pdf" target="_blank">Gold Medal for the best SC/ST category Girl Student</a><img width="30" src="images/new-animated.gif"></li>

  <li><a href="pdf1/notice/5.pdf" target="_blank">Gold Medal for Management ACCOUNTING</a><img width="30" src="images/new-animated.gif"></li>

  <li><a href="pdf1/notice/6.pdf" target="_blank">Cash Prize for Business Statistics</a><img width="30" src="images/new-animated.gif"></li>

  <li><a href="pdf1/notice/7.pdf" target="_blank">Merit-Cum-Means Scholarship: B.Com (H) IInd</a><img width="30" src="images/new-animated.gif"></li>

  <li><a href="pdf1/notice/8.pdf" target="_blank">Merit-Cum-Means Scholarship: B.Com (Prog) IInd</a><img width="30" src="images/new-animated.gif"></li>

  <li><a href="pdf1/notice/9.pdf" target="_blank">Scholarship for Business Mathematics : B.Com (H) IIIrd</a><img width="30" src="images/new-animated.gif"></li>

  <li><a href="pdf1/notice/10.pdf" target="_blank">FORM FOR  GOLD MEDAL</a><img width="30" src="images/new-animated.gif"></li>
   
    
    

<ul/>

    </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>