<!--Video code snippet starts here-->
{% if checkmodule('video') %}

<style>
.bxsdw
{
    box-shadow: 0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    -o-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    margin-bottom:30px;
    cursor:pointer;
}

.vidoverl
{
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    display:none;
}
.videorjanyo {
  background: #fff none repeat scroll 0 0;
  border-radius: 5px;
  box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -webkit-box-shadow: 0 0 10px #000;
  left: 50%;
  margin: -150px 0 0 -275px;
  padding: 10px;
  position: absolute;
  top: 50%;
  display:none;
}

.vidclose
{
    background: #fff;
    text-align: center;
    position: absolute;
    z-index: 9;
    width: 30px;
    padding: 3px 0;
    border-radius: 50%;
    right: 10px;
    cursor: pointer;
    top: 10px;
    height: 30px;
    box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
}

.vidrt
{
    background: #fff;
    text-align: center;
    position: absolute;
    z-index: 9;
    width: 30px;
    padding: 3px 0;
    border-radius: 50%;
    right: 300px;
    cursor: pointer;
    top: 50%;
    height: 30px;
    box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    display:none;
}

.vidlft
{
    background: #fff;
    text-align: center;
    position: absolute;
    z-index: 9;
    width: 30px;
    padding: 3px 0;
    border-radius: 50%;
    left: 320px;
    cursor: pointer;
    top: 50%;
    height: 30px;
    box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    display:none;
}

</style>

<h2>Video Gallery</h2>

<div class="row">

{% set viddet=getViddet() %}

    {% if(viddet) %}
    {% set vidcounter = 1 %}

    {% for videdetlist in viddet %}

    <div id="img_{{ vidcounter }}" class="col-md-3 imgval">
        <img class="img-responsive bxsdw" src="{{ base_url() }}modules/video/uploads/thumb/{{ videdetlist.video_thumbnail }}" height="120" width="300" />
    </div>
    
    {% if(vidcounter%4 == 0) %}
    <div class="clearfix"></div>
    {% endif %}
    
    {% set vidcounter = vidcounter + 1 %}
    
    {% endfor %}
    
    {% endif %}

</div>

<div class="vidoverl">
    
    {% if(viddet) %}
    
    <input type="hidden" id="selvid" value="" readonly="true" />
    
    <div class="vidclose"><i class="fa fa-times"></i></div>
    
    <div class="vidlft"><i class="fa fa-arrow-left"></i></div>
    
    <div class="vidrt"><i class="fa fa-arrow-right"></i></div>
    
    {% set vidcounter = 1 %}
    
    {% for videdetlist in viddet %}
    
    <div id="vid_{{ vidcounter }}" class="videorjanyo">
        {% if(videdetlist.vid_type=='E') %}
        <!--embed video starts-->
        <iframe width="550" height="300" src="{{ url_decode(videdetlist.video) }}" frameborder="0" allowfullscreen></iframe>
        <!--embed video ends-->
        {% else %}
        <!--upload video starts-->
        <video width="550" height="300" controls>

            {% set vid = videdetlist.video %}
            {% set vidarr = exploder('.',vid) %}
            {% set vidext=ender(vidarr) %}
            <source src="{{ base_url() }}modules/video/uploads/video/{{ videdetlist.video }}" type="video/{{ vidext }}">
        </video>
        <!--upload video ends-->
        {% endif %}
    </div>
    
    {% set vidcounter = vidcounter + 1 %}
    
    {% endfor %}
    
    {% endif %}
</div>

<script>
$(document).ready(function(){
    $('.imgval').click(function(){
        var nextid=$(this).next().prop('id');
        var previd=$(this).prev().prop('id');
        var imid=$(this).prop('id');
        var imidar=imid.split('_');
        var imnum=imidar[1];
        var vididarr=['vid',imnum];
        var vidid=vididarr.join('_');
        $('#'+vidid).fadeIn(function(){
            if(nextid)
            {
                $('.vidrt').show();
            }
            else
            {
                $('.vidrt').hide();
            }
            if(previd)
            {
                $('.vidlft').show();
            }
            else
            {
                $('.vidlft').hide();
            }
            $('#selvid').val(imnum);
            $('.vidoverl').fadeIn();
        });
    });
    
    $('.vidclose').click(function(){
        $('.vidoverl').fadeOut(function(){
            $('.videorjanyo').fadeOut();
        });
    });
    
    $('.vidrt').click(function(){
        var selvid=$('#selvid').val();
        $('#vid_'+selvid).fadeOut();
        $('#vid_'+selvid).next().fadeIn();
        selvid++;
        previd=$('#vid_'+selvid).prev().prop('id');
        nextid=$('#vid_'+selvid).next().prop('id');
        if(nextid)
        {
            $('.vidrt').show();
        }
        else
        {
            $('.vidrt').hide();
        }
        if(previd)
        {
            $('.vidlft').show();
        }
        else
        {
            $('.vidlft').hide();
        }
        $('#selvid').val(selvid);
    });
    
    $('.vidlft').click(function(){
        var selvid=$('#selvid').val();
        $('#vid_'+selvid).fadeOut();
        $('#vid_'+selvid).prev().fadeIn();
        selvid--;
        previd=$('#vid_'+selvid).prev().prop('id');
        nextid=$('#vid_'+selvid).next().prop('id');
        if(nextid)
        {
            $('.vidrt').show();
        }
        else
        {
            $('.vidrt').hide();
        }
        if(previd)
        {
            $('.vidlft').show();
        }
        else
        {
            $('.vidlft').hide();
        }
        $('#selvid').val(selvid);
    });
    
    $(document).keyup(function(e){
        if(e.keyCode == 27)
        {
            $(this).fadeOut(function(){
                $('.videorjanyo').fadeOut();
            });
        }
    });
    
});
</script>

{% endif %}
<!--Video code snippet ends here-->