<div class="col-sm-2 col-xs-12" style="background-color: #f2f9ea !important;" id="mobileViewRightContent">
    <?php
    $person_id = $this->session->userdata('user_id');
    $you_tube_regExp = '/^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/';
    $vimo_regExp = '/(?:vimeo)\.com.*(?:videos|video|channels|)\/([\d]+)/i';

    $post_counter = 0;
    if (isset($right_content_variation)) {
        if ($right_content_variation == 1) { // for all group right content
            ?>
            <div class="row " style="padding-top: 0px">

                <!--all-group sidebar feature start-->

                <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="AndroidAppPanelArea">
                    <div id="Update_log" class="col-sm-3 white" 
                         style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">

                        <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                            <label class="text-left col-sm-12">TT Android App</label>
                        </div>
                        <div class="col-sm-12 padding-zero" style="height: 50px;">  
                            <div class="list-group text-left">
                                <a target="_blank" href="https://talhatraining.com/_TalhaTraining.apk" class="list-group-item"><img src="<?php echo base_url() ?>image/android_apps_icon.png" alt="TT Android App" title="TT Android App" style="width: 30px">&nbsp; Download TT Android Application</a>
                            </div>
                        </div>
                    </div>
                </footer>

                <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block;" id="LiveBroadcastPanelArea">

                    <div id="Update_log" class="col-sm-3 white" 
                         style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">

                        <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                            <label class="text-left col-sm-12">TT Live Broadcast</label>
                        </div>
                        <div class="col-sm-12 padding-zero" style="height: 100px;">  
                            <div class="list-group text-left">
                                <a target="_blank" href="https://live.talhatraining.com/class/#room/20" class="list-group-item"><img src="<?php echo base_url()?>image/tt_service/classroom.png" alt="TT Live Classroom" title="TT Live Classroom" style="width: 30px">&nbsp; TT Classroom [user:demo password:demo]</a>
                                <a target="_blank" href="https://live.talhatraining.com/class/#room/24" class="list-group-item"><img src="<?php echo base_url()?>image/tt_service/video_conferance_geen.png" alt="Metting and interview room" title="Metting and interview room" style="width: 28px">&nbsp; TT Meeting and Interview Room [user:demo password:demo]</a>
                            </div>
                        </div>
                    </div>
                </footer>

                <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="UpcomingCoursePanelArea">

                    <div id="Update_log" class="col-sm-3 white" 
                         style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">

                        <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                            <label class="text-left col-sm-12">TT Upcoming Course </label>
                        </div>
                        <div class="col-sm-12 padding-zero" >  

                            <?php
                            $upcomming_course = $this->course_model->get_upcomming_course(3);
                            $total_upcomming_course = $this->course_model->get_total_upcomming_course();
                            ?>
                            <div class="list-group" id="upcomming_course">
                                <?php
                                if ($upcomming_course) {
                                    $counter = 0;
                                    foreach ($upcomming_course as $course_value) {
                                        ++$counter;
                                        ?>
                                        <a target="_blank" 
                                           href="<?php echo base_url() . $course_value->url; ?>" 
                                           class="list-group-item text-justify"><i class="fa fa-book"> </i> <?php echo $course_value->course_name; ?> &nbsp;</a>
                                           <?php
                                       }
                                       if ($total_upcomming_course->total > $counter) {
                                           ?>
                                        <a href="javascript:void(0)"
                                           onclick="getMoreUpcommingCourse('<?php echo base_url() . 'user/get-upcomming-course' ?>', '<?php echo $counter ?>')"
                                           class="list-group-item text-right">More</a>
                                           <?php
                                       }
                                   }
                                   ?>
                            </div>

                        </div>
                    </div>
                </footer>

                <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="OwnGroupPanelArea">

                    <div id="Update_log" class="col-sm-3 white" 
                         style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">
                             <?php
                             if ($person_id) {
                                 $person_info = $this->application_model->selecet_person_role_for_logged_in_user($person_id);

                                 $person_role = $person_info->person_role;

                                 if ($person_role == 5) {
                                     ?> 
                                <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                    <label class="text-left col-sm-12">Join Group </label>
                                </div>
                                <div class="col-sm-12 padding-zero" >  

                                    <div class="col-sm-12 text-left" style="padding-left:5px ">
                                        <p class="text-justify"> Join your preferable group and share your own knowledge</p>
                                        <h5> <a href="<?php echo base_url() ?>all-group"> Click here </a></h5>
                                    </div>
                                </div>


                            <?php } else { ?>

                                <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                    <label class="text-left col-sm-12">Create Group </label>
                                </div>
                                <div class="col-sm-12 padding-zero" >  

                                    <div class="col-sm-12 text-left" style="padding-left:5px ">
                                        <p class="text-justify">Being smarter by sharing knowledge in TT group network!</p>
                                        <h5> <a href="<?php echo base_url() ?>group/create-group"> Create Group </a></h5>
                                    </div>
                                </div>


                                <?php
                            }
                        } else {
                            ?>
                            <div class="col-sm-12 text-left" style="padding-left:5px ">
                                <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                    <label class="text-left col-sm-12">Create Group</label>
                                </div>
                                <div class="col-sm-12 padding-zero" >  
                                    <p class="text-justify">Being smarter by sharing knowledge in TT group network!</p>
                                    <h5> <a href="<?php echo base_url() ?>group/create-group"> Create Group </a></h5>
                                </div>   
                            </div>   
                        <?php } ?>

                    </div>
                </footer>

                <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="OwnQuizPanelArea">

                    <div id="Update_log" class="col-sm-3 white" 
                         style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">



                        <?php
                        if ($person_id) {
                            $person_info = $this->application_model->selecet_person_role_for_logged_in_user($person_id);

                            $person_role = $person_info->person_role;

                            if ($person_role == 5) {
                                ?> 

                                <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                    <label class="text-left col-sm-12">Attend Quiz </label>
                                </div>
                                <div class="col-sm-12 padding-zero" >
                                    <div class="col-sm-12 text-left" style="padding-left:5px ">
                                        <p class="text-justify">Attend your preferable quiz and explore your talent</p>
                                        <h5> <a href="<?php echo base_url() . 'all-quiz' ?>">Click here</a></h5>
                                    </div>
                                </div>
                            <?php } else { ?>


                                <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                    <label class="text-left col-sm-12">Create Quiz </label>
                                </div>
                                <div class="col-sm-12 padding-zero" >  
                                    <div class="col-sm-12 text-left" style="padding-left:5px ">

                                        <p class="text-justify">Develop leadership skills at work by creating quiz!</p>
                                        <h5> <a href="<?php echo base_url() . 'start-create-quiz' ?>"> Create Quiz</a></h5>
                                    </div>
                                </div>
                                <?php
                            }
                        } else {
                            ?>


                            <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                <label class="text-left col-sm-12">Create Quiz </label>
                            </div>
                            <div class="col-sm-12 padding-zero" >  
                                <div class="col-sm-12 text-left" style="padding-left:5px ">
                                    <p class="text-justify">Develop leadership skills at work by creating quiz!</p>
                                    <h5> <a href="<?php echo base_url() . 'start-create-quiz' ?>"> Create Quiz</a></h5>
                                </div>
                            </div>
                        <?php } ?> 

                    </div>
                </footer>
                <footer class="navbar-fixed-bottom" style="width: 100%;background: none">


                    <!--Apps button start-->
                    <div id="Open_AndroidApp" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 50px;right: 0;border-radius: 10px 0 0 10px;">                     
                        <img src="<?php echo base_url() ?>image/android_apps_icon.png" alt=" TT Android App" title="TT Android App" style="width: 30px;height: 25px">
                    </div>

                    <div id="Close_AndroidApp" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 50px;right: 0;border-radius: 10px 0 0 10px;"> 
                        <img src="<?php echo base_url() ?>image/android_apps_icon.png" alt="TT Android App" title="TT Android App" style="width: 30px;height: 25px">
                    </div>
                    <!--Apps button end-->


                    <!--live Broadcast button start-->
                    <div id="Open_liveBroadcast" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 250px;right: 0;border-radius: 10px 0 0 10px;"> 
                        <img src="<?php echo base_url() ?>image/tt_service/video_conferance_geen.png" alt="TT Live Classroom Icon" title="TT Live Classroom" style="width: 30px;height: 25px">
                    </div>

                    <div id="Close_liveBroadcast" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 250px;right: 0;border-radius: 10px 0 0 10px;"> 
                        <img src="<?php echo base_url() ?>image/tt_service/video_conferance_geen.png" alt="TT Live Classroom Icon" title="TT Live Classroom" style="width: 30px;height: 25px">
                    </div>
                    <!--live Broadcast button end-->

                    <!--upcoming course button start-->
                    <div id="Open_UpcomingCourse" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 200px;right: 0;border-radius: 10px 0 0 10px;">                     
                        <img src="<?php echo base_url() ?>image/upcoming_course.jpg" alt="TT Upcoming Course Icon" title="TT Upcoming Course" style="width: 30px;height: 25px">
                    </div>

                    <div id="Close_UpcomingCourse" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 200px;right: 0;border-radius: 10px 0 0 10px;"> 
                        <img src="<?php echo base_url() ?>image/upcoming_course.jpg" alt="Close TT Upcoming Course Icon" title="Close TT Upcoming Course" style="width: 30px;height: 25px">
                    </div>
                    <!--upcoming course button end-->


                    <!--Create Group button start-->
                    <div id="Open_CreateGroup" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 150px;right: 0;border-radius: 10px 0 0 10px;">                     
                        <img src="<?php echo base_url() ?>image/tt_service/group.png" alt="Group Icon" title="Group" style="width: 30px;height: 25px">
                    </div>

                    <div id="Close_CreateGroup" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 150px;right: 0;border-radius: 10px 0 0 10px;"> 
                        <img src="<?php echo base_url() ?>image/tt_service/group.png" alt="Close Group view Icon" title="Close Group view" style="width: 30px;height: 25px">
                    </div>
                    <!--Create Group button end-->


                    <!--Create Quiz button start-->
                    <div id="Open_CreateQuiz" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 100px;right: 0;border-radius: 10px 0 0 10px;">                     
                        <img src="<?php echo base_url() ?>image/tt_service/quiz.png" alt="Quiz Icon" title="Quiz" style="width: 30px;height: 25px">
                    </div>

                    <div id="Close_CreateQuiz" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 100px;right: 0;border-radius: 10px 0 0 10px;"> 
                        <img src="<?php echo base_url() ?>image/tt_service/quiz.png" alt="Close Quiz view Icon" title="Close Quiz view" style="width: 30px;height: 25px">
                    </div>
                    <!--Create Quiz button end-->
                </footer>


                <!--all-group sidebar feature end-->

                <div class="list-group">
                    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                    <!--TT four-->  
                    <ins class="adsbygoogle"
                         style="display:inline-block;width:150px;height:250px"
                         data-ad-client="ca-pub-3140114751019908"
                         data-ad-slot="8060742220"></ins>
                    <script>
                                               (adsbygoogle = window.adsbygoogle || []).push({});
                    </script>
                </div>

                <div class="list-group">
                    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                    <!--TT one-->  
                    <ins class="adsbygoogle"
                         style="display:block"
                         data-ad-client="ca-pub-3140114751019908"
                         data-ad-slot="5137628623"
                         data-ad-format="auto"></ins>
                    <script>
                                               (adsbygoogle = window.adsbygoogle || []).push({});
                    </script>
                </div>

                <div class="list-group">
                    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                    <!--TT four--> 
                    <ins class="adsbygoogle"
                         style="display:inline-block;width:150px;height:250px"
                         data-ad-client="ca-pub-3140114751019908"
                         data-ad-slot="8060742220"></ins>
                    <script>
                                               (adsbygoogle = window.adsbygoogle || []).push({});
                    </script>
                </div>


            </div>

        <?php } else if ($right_content_variation == 2) { // for all quiz right content    ?>
            <div class="row ">

                <!--all-quiz sidebar feature start-->

                <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="AndroidAppPanelArea">
                    <div id="Update_log" class="col-sm-3 white" 
                         style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">

                        <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                            <label class="text-left col-sm-12">TT Android App</label>
                        </div>
                        <div class="col-sm-12 padding-zero" style="height: 50px;">  
                            <div class="list-group text-left">
                                <a target="_blank" href="https://talhatraining.com/_TalhaTraining.apk" class="list-group-item"><img src="<?php echo base_url() ?>image/android_apps_icon.png" alt="TT Android App" title="TT Android App" style="width: 30px">&nbsp; Download TT Android Application</a>
                            </div>
                        </div>
                    </div>
                </footer>

                <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="LiveBroadcastPanelArea">

                    <div id="Update_log" class="col-sm-3 white" 
                         style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">

                        <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                            <label class="text-left col-sm-12">TT Live Broadcast</label>
                        </div>
                        <div class="col-sm-12 padding-zero" style="height: 100px;">  
                            <div class="list-group text-left">
                                <a target="_blank" href="https://live.talhatraining.com/class/#room/20" class="list-group-item"><img src="<?php echo base_url() ?>image/tt_service/classroom.png" alt="TT Live Classroom" title="TT Live Classroom" style="width: 30px">&nbsp; TT Classroom [user:demo password:demo]</a>
                                <a target="_blank" href="https://live.talhatraining.com/class/#room/24" class="list-group-item"><img src="<?php echo base_url() ?>image/tt_service/video_conferance_geen.png" alt="Metting and interview room" title="Metting and interview room" style="width: 28px">&nbsp; TT Meeting and Interview Room [user:demo password:demo]</a>
                            </div>
                        </div>
                    </div>
                </footer>

                <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="UpcomingCoursePanelArea">

                    <div id="Update_log" class="col-sm-3 white" 
                         style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">

                        <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                            <label class="text-left col-sm-12">TT Upcoming Course </label>
                        </div>
                        <div class="col-sm-12 padding-zero" >  

                            <?php
                            $upcomming_course = $this->course_model->get_upcomming_course(3);
                            $total_upcomming_course = $this->course_model->get_total_upcomming_course();
                            ?>
                            <div class="list-group" id="upcomming_course">
                                <?php
                                if ($upcomming_course) {
                                    $counter = 0;
                                    foreach ($upcomming_course as $course_value) {
                                        ++$counter;
                                        ?>
                                        <a target="_blank" 
                                           href="<?php echo base_url() . $course_value->url; ?>" 
                                           class="list-group-item text-justify"><i class="fa fa-book"> </i> <?php echo $course_value->course_name; ?> &nbsp;</a>
                                           <?php
                                       }
                                       if ($total_upcomming_course->total > $counter) {
                                           ?>
                                        <a href="javascript:void(0)"
                                           onclick="getMoreUpcommingCourse('<?php echo base_url() . 'user/get-upcomming-course' ?>', '<?php echo $counter ?>')"
                                           class="list-group-item text-right">More</a>
                                           <?php
                                       }
                                   }
                                   ?>
                            </div>

                        </div>
                    </div>
                </footer>

                <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="OwnGroupPanelArea">

                    <div id="Update_log" class="col-sm-3 white" 
                         style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">
                             <?php
                             if ($person_id) {
                                 $person_info = $this->application_model->selecet_person_role_for_logged_in_user($person_id);

                                 $person_role = $person_info->person_role;

                                 if ($person_role == 5) {
                                     ?> 
                                <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                    <label class="text-left col-sm-12">Join Group </label>
                                </div>
                                <div class="col-sm-12 padding-zero" >  

                                    <div class="col-sm-12 text-left" style="padding-left:5px ">
                                        <p class="text-justify"> Join your preferable group and share your own knowledge</p>
                                        <h5> <a href="<?php echo base_url() ?>all-group"> Click here </a></h5>
                                    </div>
                                </div>


                            <?php } else { ?>

                                <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                    <label class="text-left col-sm-12">Create Group </label>
                                </div>
                                <div class="col-sm-12 padding-zero" >  

                                    <div class="col-sm-12 text-left" style="padding-left:5px ">
                                        <p class="text-justify">Being smarter by sharing knowledge in TT group network!</p>
                                        <h5> <a href="<?php echo base_url() ?>group/create-group"> Create Group </a></h5>
                                    </div>
                                </div>


                                <?php
                            }
                        } else {
                            ?>
                            <div class="col-sm-12 text-left" style="padding-left:5px ">
                                <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                    <label class="text-left col-sm-12">Create Group </label>
                                </div>
                                <div class="col-sm-12 padding-zero" >  
                                    <p class="text-justify">Being smarter by sharing knowledge in TT group network!</p>
                                    <h5> <a href="<?php echo base_url() ?>group/create-group"> Create Group </a></h5>
                                </div>   
                            </div>   
                        <?php } ?>

                    </div>
                </footer>

                <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="OwnQuizPanelArea">

                    <div id="Update_log" class="col-sm-3 white" 
                         style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">



                        <?php
                        if ($person_id) {
                            $person_info = $this->application_model->selecet_person_role_for_logged_in_user($person_id);

                            $person_role = $person_info->person_role;

                            if ($person_role == 5) {
                                ?> 

                                <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                    <label class="text-left col-sm-12">Attend Quiz</label>
                                </div>
                                <div class="col-sm-12 padding-zero" >
                                    <div class="col-sm-12 text-left" style="padding-left:5px ">
                                        <p class="text-justify">Attend your preferable quiz and explore your talent</p>
                                        <h5> <a href="<?php echo base_url() . 'all-quiz' ?>">Click here</a></h5>
                                    </div>
                                </div>
                            <?php } else { ?>


                                <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                    <label class="text-left col-sm-12">Create Quiz</label>
                                </div>
                                <div class="col-sm-12 padding-zero" >  
                                    <div class="col-sm-12 text-left" style="padding-left:5px ">

                                        <p class="text-justify">Develop leadership skills at work by creating quiz!</p>
                                        <h5> <a href="<?php echo base_url() . 'start-create-quiz' ?>"> Create Quiz</a></h5>
                                    </div>
                                </div>
                                <?php
                            }
                        } else {
                            ?>


                            <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                <label class="text-left col-sm-12">Create Quiz </label>
                            </div>
                            <div class="col-sm-12 padding-zero" >  
                                <div class="col-sm-12 text-left" style="padding-left:5px ">
                                    <p class="text-justify">Develop leadership skills at work by creating quiz!</p>
                                    <h5> <a href="<?php echo base_url() . 'start-create-quiz' ?>"> Create Quiz</a></h5>
                                </div>
                            </div>
                        <?php } ?> 

                    </div>
                </footer>
                <footer class="navbar-fixed-bottom" style="width: 100%;background: none">


                    <!--Apps button start-->
                    <div id="Open_AndroidApp" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 50px;right: 0;border-radius: 10px 0 0 10px;">                     
                        <img src="<?php echo base_url() ?>image/android_apps_icon.png" alt=" TT Android App" title="TT Android App" style="width: 30px;height: 25px">
                    </div>

                    <div id="Close_AndroidApp" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 50px;right: 0;border-radius: 10px 0 0 10px;"> 
                        <img src="<?php echo base_url() ?>image/android_apps_icon.png" alt="TT Android App" title="TT Android App" style="width: 30px;height: 25px">
                    </div>
                    <!--Apps button end-->


                    <!--live Broadcast button start-->
                    <div id="Open_liveBroadcast" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 250px;right: 0;border-radius: 10px 0 0 10px;"> 
                        <img src="<?php echo base_url() ?>image/tt_service/classroom.png" alt="TT Live Classroom Icon" title="TT Live Classroom" style="width: 30px;height: 25px">
                    </div>

                    <div id="Close_liveBroadcast" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 250px;right: 0;border-radius: 10px 0 0 10px;"> 
                        <img src="<?php echo base_url() ?>image/tt_service/classroom.png" alt="TT Live Classroom Icon" title="TT Live Classroom" style="width: 30px;height: 25px">
                    </div>
                    <!--live Broadcast button end-->

                    <!--upcoming course button start-->
                    <div id="Open_UpcomingCourse" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 200px;right: 0;border-radius: 10px 0 0 10px;">                     
                        <img src="<?php echo base_url() ?>image/upcoming_course.jpg" alt="TT Upcoming Course" title="TT Upcoming Course" style="width: 30px;height: 25px">
                    </div>

                    <div id="Close_UpcomingCourse" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 200px;right: 0;border-radius: 10px 0 0 10px;"> 
                        <img src="<?php echo base_url() ?>image/upcoming_course.jpg" alt="TT Upcoming Course" title="Close TT Upcoming Course" style="width: 30px;height: 25px">
                    </div>
                    <!--upcoming course button end-->


                    <!--Create Group button start-->
                    <div id="Open_CreateGroup" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 150px;right: 0;border-radius: 10px 0 0 10px;">                     
                        <img src="<?php echo base_url() ?>image/tt_service/group.png" alt="Group" title="Group" style="width: 30px;height: 25px">
                    </div>

                    <div id="Close_CreateGroup" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 150px;right: 0;border-radius: 10px 0 0 10px;"> 
                        <img src="<?php echo base_url() ?>image/tt_service/group.png" alt="Close Group" title="Close Group view" style="width: 30px;height: 25px">
                    </div>
                    <!--Create Group button end-->


                    <!--Create Quiz button start-->
                    <div id="Open_CreateQuiz" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 100px;right: 0;border-radius: 10px 0 0 10px;">                     
                        <img src="<?php echo base_url() ?>image/tt_service/quiz.png" alt="Quiz" title="Quiz" style="width: 30px;height: 25px">
                    </div>

                    <div id="Close_CreateQuiz" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 100px;right: 0;border-radius: 10px 0 0 10px;"> 
                        <img src="<?php echo base_url() ?>image/tt_service/quiz.png" alt="Close Quiz" title="Close Quiz view" style="width: 30px;height: 25px">
                    </div>
                    <!--Create Quiz button end-->
                </footer>


                <!--all-quiz sidebar feature end-->


                <div class="list-group">
                    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                    <!--TT one--> 
                    <ins class="adsbygoogle"
                         style="display:block"
                         data-ad-client="ca-pub-3140114751019908"
                         data-ad-slot="5137628623"
                         data-ad-format="auto"></ins>
                    <script>
                                               (adsbygoogle = window.adsbygoogle || []).push({});
                    </script>
                </div>

                <div class="list-group">
                    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                    <!--TT four--> 
                    <ins class="adsbygoogle"
                         style="display:inline-block;width:150px;height:250px"
                         data-ad-client="ca-pub-3140114751019908"
                         data-ad-slot="8060742220"></ins>
                    <script>
                                               (adsbygoogle = window.adsbygoogle || []).push({});
                    </script>
                </div>

                <div class="list-group">
                    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                    <!--TT one--> 
                    <ins class="adsbygoogle"
                         style="display:block"
                         data-ad-client="ca-pub-3140114751019908"
                         data-ad-slot="5137628623"
                         data-ad-format="auto"></ins>
                    <script>
                                               (adsbygoogle = window.adsbygoogle || []).push({});
                    </script>
                </div>

            </div>
        <?php } else if ($right_content_variation == 3) { // for profile right content   ?>
            <?php //echo $right_content_variation;  ?>
            <div class="row " style="padding-top: 0px">

                <!--profile user note alert assignment view in right content start-->

                <div class="row " style="padding:0 10px 10px  10px ">
                    <?php
                    $post_counter = 0;
                    $total_public_note_alert = $this->post_model->total_public_note_alert_person_id($profile_person_id);
                    $public_note_alert = $this->post_model->all_public_note_alert_person_id($profile_person_id, $post_counter);
                    if ($public_note_alert) {
                        ?>
                        <div class="col-sm-12 " style="padding: 0px 5px 0px 5px">
                            <p class="bg-primary " style="text-align: center;background-color: #8CC73F;font-size: 16px;margin-bottom: 0px">Note / Alert</p>
                        </div>

                        <div id="note_alert">
                            <?php
                            foreach ($public_note_alert as $note_alert_value) {
                                ?>
                                <div class="col-sm-12 media-hover padding-zero">
                                    <div class="media col-sm-12 ">
                                        <div class="media-body">
                                            <p class="text-justify" <?php
                                            if ($note_alert_value->post_type == 2) {
                                                echo 'style="color: #a70b0c"';
                                            }
                                            ?>
                                               id="post_detail<?php echo $note_alert_value->post_id ?>" >
                                                   <?php
                                                   if (strlen($note_alert_value->post_details) > 100) {
                                                       $limited_string = mb_substr($note_alert_value->post_details, 0, 100, 'utf-8');
                                                       echo $this->cf->view_emoticons($limited_string);
                                                       ?>
                                                    <a href="javascript:void(0)" style="padding-left: 10px;"
                                                       onclick="viewDetails('<?php echo base_url() . 'welcome/view_post_details/' . $note_alert_value->post_id . '/post' ?>', 'post_detail', '<?php echo $note_alert_value->post_id ?>')" >
                                                        more...
                                                    </a>
                                                    <?php
                                                } else {
                                                    echo $this->cf->view_emoticons($note_alert_value->post_details);
                                                }
                                                ?>

                                                <span>
                                                    <?php
                                                    $post_url[$note_alert_value->post_id] = $this->post_model->select_post_comment_url($note_alert_value->post_id, 1);
                                                    if ($post_url[$note_alert_value->post_id]) {
                                                        $url_value = explode("URL: ", $post_url[$note_alert_value->post_id]->post_comment_url_info);
                                                        if (preg_match($you_tube_regExp, $url_value[1])) {
                                                            ?>
                                                            <div class="embed-responsive embed-responsive-16by9">
                                                                <iframe class="embed-responsive-item" width="420" height="345" webkitallowfullscreen mozallowfullscreen allowfullscreen
                                                                        src="<?php echo $url_value[1]; ?>">
                                                                </iframe>
                                                            </div> 
                                                            <?php
                                                        } else if (preg_match($vimo_regExp, $url_value[1])) {
                                                            ?>
                                                            <div class="embed-responsive embed-responsive-16by9">
                                                                <iframe class="embed-responsive-item"  src="<?php echo $url_value[1]; ?>" 
                                                                        width="420" height="345" 
                                                                        frameborder="0" 
                                                                        webkitallowfullscreen mozallowfullscreen allowfullscreen>
                                                                </iframe>
                                                            </div>     
                                                            <?php
                                                        } else {
                                                            ?>
                                                            <a href="<?php echo $url_value[1]; ?>" target="_blank" style="color: #545457">
                                                                <?php echo $url_value[2]; ?>
                                                            </a>
                                                            <?php
                                                        }
                                                    }
                                                    ?>
                                                </span>

                                            </p>
                                            <span class="pull-left" style="color: #80c12c;">
                                                <?php
                                                $post_function[$note_alert_value->post_id] = $this->post_model->get_post_value_by_post_id($note_alert_value->post_id);
                                                if ($post_function[$note_alert_value->post_id]) {
                                                    if ($post_function[$note_alert_value->post_id]->post_like_by != '') {
                                                        $alert_function_array = explode(",", $post_function[$note_alert_value->post_id]->post_like_by);
                                                        echo '<img src="' . base_url() . 'image/home/like-icon.png" width="15" height="20" style="margin-top: -7px;" title="Read">(' . count($alert_function_array) . ')';
                                                    } else {
                                                        echo '<img src="' . base_url() . 'image/home/like-icon.png" width="15" height="20" style="margin-top: -7px;" title="Read">';
                                                    }
                                                } else {
                                                    echo '<img src="' . base_url() . 'image/home/like-icon.png" width="15" height="20" style="margin-top: -7px;" title="Read">';
                                                }
                                                ?>
                                                -
                                                <?php
                                                if ($note_alert_value->post_comment_count == '' || $note_alert_value->post_comment_count == 0) {
                                                    echo '<i class="fa fa-pencil-square" aria-hidden="true" title="Write"></i>';
                                                } else {
                                                    echo '<i class="fa fa-pencil-square" aria-hidden="true" title="Write"></i>(' . $note_alert_value->post_comment_count . ')';
                                                }
                                                ?>
                                                -
                                                <?php
                                                if ($post_function[$note_alert_value->post_id]) {
                                                    if ($post_function[$note_alert_value->post_id]->post_add_to_my_library_by != '') {
                                                        $alert_function_array1 = array_filter(explode(",", $post_function[$note_alert_value->post_id]->post_add_to_my_library_by));
                                                        echo '<i class="fa fa-hdd-o" aria-hidden="true" title="My Note Alert"></i>(' . count($alert_function_array1) . ')';
                                                    } else {
                                                        echo '<i class="fa fa-hdd-o" aria-hidden="true" title="My Note Alert"></i>';
                                                    }
                                                } else {
                                                    echo '<i class="fa fa-hdd-o" aria-hidden="true" title="My Note Alert"></i>';
                                                }
                                                ?>
                                            </span>
                                        </div>
                                        <hr>
                                    </div>
                                </div>
                                <?php
                            }
                            ?>
                            <?php
                            if ($total_public_note_alert->total_note_alert > 3) {
                                ?>
                                <div class="col-sm-12">
                                    <?php
                                    if ($post_counter >= 3) {
                                        ?>
                                        <a href="javascript:void(0)"
                                           class="pull-left">
                                            previous
                                        </a>
                                    <?php } ?>
                                    <a href="javascript:void(0)"
                                       onclick="nextPostValue('<?php echo base_url() . 'welcome/view_next_post_value/' . $total_public_note_alert->posted_by . '/' . ($post_counter + 3) . '/note_alert' ?>', 'note_alert')"
                                       class="pull-right">
                                        next
                                    </a>
                                </div>
                            <?php } ?>
                        </div>
                        <?php
                    }
                    ?>
                </div>

                <div class="row " style="padding: 0px">
                    <?php
                    $total_public_assaignment = $this->post_model->total_public_assaignment_person_id($profile_person_id);
                    $public_assaignment = $this->post_model->all_public_assignment_person_id($profile_person_id, $post_counter);
                    if ($public_assaignment) {
                        ?>
                        <div class="col-sm-12 ">
                            <p class="bg-primary" style="text-align: center;background-color: #8CC73F;font-size: 16px">Assignment</p>
                        </div>

                        <div id="assignment">
                            <?php
                            foreach ($public_assaignment as $assaignment_value) {
                                ?>
                                <div class="col-sm-12 media-hover ">
                                    <div class="media col-sm-12 padding-zero">
                                        <div class="media-body">
                                            <span class="col-sm-3" style="padding-left: 3px">
                                                <?php
                                                $file_name = explode(".", $assaignment_value->post_details);
                                                switch (strtolower($file_name[1])) {
                                                    case 'pdf':
                                                        ?>
                                                        <a href="javascript:void(0)" 
                                                           onclick="downloadPublicContentLibrary('<?php echo base_url() . 'download-public-content-library' ?>', '<?php echo $assaignment_value->post_id; ?>')" >
                                                            <img src=" <?php echo base_url() . 'image/assignment/pdf.png' ?>">
                                                        </a>
                                                        <?php
                                                        break;
                                                    case $file_name[1] == 'zip' || $file_name[1] == 'rar':
                                                        ?>
                                                        <a href="javascript:void(0)" 
                                                           onclick="downloadPublicContentLibrary('<?php echo base_url() . 'download-public-content-library' ?>', '<?php echo $assaignment_value->post_id; ?>')" >
                                                            <img src=" <?php echo base_url() . 'image/assignment/rar.png' ?>">
                                                        </a>
                                                        <?php
                                                        break;
                                                    case $file_name[1] == 'doc' || $file_name[1] == 'docx':
                                                        ?>
                                                        <a href="javascript:void(0)" 
                                                           onclick="downloadPublicContentLibrary('<?php echo base_url() . 'download-public-content-library' ?>', '<?php echo $assaignment_value->post_id; ?>')" >
                                                            <img src=" <?php echo base_url() . 'image/assignment/word.png' ?>">
                                                        </a>
                                                        <?php
                                                        break;
                                                    case $file_name[1] == 'xls' || $file_name[1] == 'xlsx':
                                                        ?>
                                                        <a href="javascript:void(0)" 
                                                           onclick="downloadPublicContentLibrary('<?php echo base_url() . 'download-public-content-library' ?>', '<?php echo $assaignment_value->post_id; ?>')" >
                                                            <img src=" <?php echo base_url() . 'image/assignment/excel.png' ?>">
                                                        </a>
                                                        <?php
                                                        break;
                                                    case $file_name[1] == 'ppt' || $file_name[1] == 'pptx':
                                                        ?>
                                                        <a href="javascript:void(0)" 
                                                           onclick="downloadPublicContentLibrary('<?php echo base_url() . 'download-public-content-library' ?>', '<?php echo $assaignment_value->post_id; ?>')" >
                                                            <img src=" <?php echo base_url() . 'image/assignment/powerpoint.png' ?>">
                                                        </a>
                                                        <?php
                                                        break;
                                                    default :
                                                        ?>
                                                        <a href="javascript:void(0)" 
                                                           onclick="downloadPublicContentLibrary('<?php echo base_url() . 'download-public-content-library' ?>', '<?php echo $assaignment_value->post_id; ?>')" >
                                                            <img src=" <?php echo base_url() . 'image/assignment/unknown.png' ?>">
                                                        </a>
                                                        <?php
                                                        break;
                                                }
                                                ?>

                                            </span>
                                            <span class="col-sm-9 text-justify "><?php echo $assaignment_value->post_file_original_name ?></span>

                                        </div>
                                        <div class="col-sm-12 text-left" style="color: #80c12c;">
                                            <?php
                                            $post_function[$assaignment_value->post_id] = $this->post_model->get_post_value_by_post_id($assaignment_value->post_id);
                                            if ($post_function[$assaignment_value->post_id]) {
                                                if ($post_function[$assaignment_value->post_id]->post_like_by != '') {
                                                    $assignment_function_array = explode(",", $post_function[$assaignment_value->post_id]->post_like_by);
                                                    echo '<img src="' . base_url() . 'image/home/like-icon.png" width="15" height="20"  title="Read">(' . count($assignment_function_array) . ')';
                                                } else {
                                                    echo '<img src="' . base_url() . 'image/home/like-icon.png" width="15" height="20" " title="Read">';
                                                }
                                            } else {
                                                echo '<img src="' . base_url() . 'image/home/like-icon.png" width="15" height="20" " title="Read">';
                                            }
                                            ?>
                                            -
                                            <?php
                                            if ($assaignment_value->post_comment_count == '' || $assaignment_value->post_comment_count == 0) {
                                                echo '<i class="fa fa-pencil-square" aria-hidden="true" title="Write"></i>';
                                            } else {
                                                echo '<i class="fa fa-pencil-square" aria-hidden="true" title="Write"></i>(' . $assaignment_value->post_comment_count . ')';
                                            }
                                            ?>
                                            -
                                            <?php
                                            if ($post_function[$assaignment_value->post_id]) {
                                                if ($post_function[$assaignment_value->post_id]->post_add_to_my_library_by != '') {
                                                    $assignment_function_array = explode(",", $post_function[$assaignment_value->post_id]->post_add_to_my_library_by);
                                                    echo '<i class="fa fa-hdd-o" aria-hidden="true" style="margin-top: 7px;" title="My Content Library"></i> (' . count($assignment_function_array) . ')';
                                                } else {
                                                    echo '<i class="fa fa-hdd-o" aria-hidden="true" title="My Content Library"></i>';
                                                }
                                            } else {
                                                echo '<i class="fa fa-hdd-o" aria-hidden="true" title="My Content Library"></i>';
                                            }
                                            ?>
                                        </div>
                                        <div class="col-sm-12"><hr></div>
                                    </div>
                                </div>
                                <?php
                            }
                            ?>
                            <?php
                            if ($total_public_assaignment->total_assignment > 3) {
                                ?>
                                <div class="col-sm-12">
                                    <?php
                                    if ($post_counter >= 3) {
                                        ?>
                                        <a href="javascript:void(0)"
                                           class="pull-left">
                                            previous
                                        </a>
                                    <?php } ?>
                                    <a href="javascript:void(0)"
                                       onclick="nextPostValue('<?php echo base_url() . 'welcome/view_next_post_value/' . $total_public_assaignment->posted_by . '/' . ($post_counter + 3) . '/assignment' ?>', 'assignment')"
                                       class="pull-right">
                                        next
                                    </a>
                                </div>
                            <?php } ?>
                        </div>
                    <?php } ?>
                </div>

                <div class="row" style="padding:0px">
                    <?php
                    $total_public_image = $this->post_model->total_public_image_person_id($profile_person_id);
                    $public_image = $this->post_model->all_public_image_person_id($profile_person_id, $post_counter);
                    if ($public_image) {
                        ?>
                        <div class="col-sm-12 ">
                            <p class="bg-primary" style="text-align: center;background-color: #8CC73F;font-size: 16px">Photo</p>
                        </div>
                        <div id="image_view">
                            <?php
                            foreach ($public_image as $image_value) {
                                ?>
                                <div class="col-sm-12 media-hover">
                                    <div class="media col-sm-12 ">
                                        <div class="media-body ">
                                            <a href="javascript:void(0)">
                                                <center> 
                                                    <img class=" media-object"
                                                         onclick="downloadPublicContentLibrary('<?php echo base_url() . 'download-public-content-library' ?>', '<?php echo $image_value->post_id; ?>')"
                                                         src="<?php echo base_url() . 'content-library/' . $image_value->url . '/' . $image_value->post_details; ?>" 
                                                         style="width: 100px" alt=" ">
                                                </center>
                                            </a>
                                        </div>
                                        <div class="col-sm-12 padding-zero text-left" style="color: #80c12c;">
                                            <?php
                                            $post_function[$image_value->post_id] = $this->post_model->get_post_value_by_post_id($image_value->post_id);
                                            if ($post_function[$image_value->post_id]) {
                                                if ($post_function[$image_value->post_id]->post_like_by != '') {
                                                    $image_function_array = explode(",", $post_function[$image_value->post_id]->post_like_by);
                                                    echo '<img src="' . base_url() . 'image/home/like-icon.png" width="15" height="20" style="margin-top: -7px;" title="Read">(' . count($image_function_array) . ')';
                                                } else {
                                                    echo '<img src="' . base_url() . 'image/home/like-icon.png" width="15" height="20" style="margin-top: -7px;" title="Read">';
                                                }
                                            } else {
                                                echo '<img src="' . base_url() . 'image/home/like-icon.png" width="15" height="20" style="margin-top: -7px;" title="Read">';
                                            }
                                            ?>
                                            -
                                            <?php
                                            if ($image_value->post_comment_count == '') {
                                                echo '<i class="fa fa-pencil-square" aria-hidden="true" title="Write"></i>';
                                            } else {
                                                echo '<i class="fa fa-pencil-square" aria-hidden="true" title="Write"></i>(' . $image_value->post_comment_count . ')';
                                            }
                                            ?>
                                            -
                                            <?php
                                            if ($post_function[$image_value->post_id]) {
                                                if ($post_function[$image_value->post_id]->post_add_to_my_library_by != '') {
                                                    $image_function_array = explode(",", $post_function[$image_value->post_id]->post_add_to_my_library_by);
                                                    echo '<i class="fa fa-hdd-o" aria-hidden="true" title="My Content Library"></i>(' . count($image_function_array) . ')';
                                                } else {
                                                    echo '<i class="fa fa-hdd-o" aria-hidden="true" title="My Content Library"></i>';
                                                }
                                            } else {
                                                echo '<i class="fa fa-hdd-o" aria-hidden="true" title="My Content Library"></i>';
                                            }
                                            ?>
                                        </div>
                                        <div class="col-sm-12 padding-zero"><hr></div>
                                    </div>
                                </div>
                                <?php
                            }
                            ?>
                            <?php
                            if ($total_public_image->total_image > 3) {
                                ?>
                                <div class="col-sm-12">
                                    <?php
                                    if ($post_counter >= 3) {
                                        ?>
                                        <a href="javascript:void(0)"
                                           class="pull-left">
                                            previous
                                        </a>
                                    <?php } ?>
                                    <a href="javascript:void(0)"
                                       onclick="nextPostValue('<?php echo base_url() . 'welcome/view_next_post_value/' . $total_public_image->posted_by . '/' . ($post_counter + 3) . '/image' ?>', 'image')"
                                       class="pull-right">
                                        next
                                    </a>
                                </div>
                            <?php } ?>
                        </div>
                    <?php } ?>
                </div>

                <div class="row" style="padding: 10px">
                    <?php
                    $total_public_video = $this->post_model->total_public_video_person_id($profile_person_id);
                    $public_video = $this->post_model->all_public_video_person_id($profile_person_id, $post_counter);
                    if ($public_video) {
                        ?>
                        <div class="col-sm-12" style="padding: 0 5px 5px 5px">
                            <p class="bg-primary lead" style="text-align: center;background-color: #8CC73F;font-size: 16px;margin-bottom: 0px"> Video</p>
                        </div>
                        <div id="video_view">
                            <?php
                            foreach ($public_video as $video_value) {
                                ?>
                                <div class="col-sm-12 media-hover padding-zero">
                                    <div class="media col-sm-12" >
                                        <div class="media-body" style="padding-bottom: 0px;margin-bottom: 0px">
                                            <div class="embed-responsive embed-responsive-16by9">
                                                <div id="right_video_player<?php echo $video_value->post_id; ?>">
                                                    <a href="http://www.adobe.com/go/getflash">
                                                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
                                                    </a>
                                                    <p>This page requires Flash Player version 10.3.0 or higher.</p>
                                                </div>
                                            </div>

                                            <script>
                                                var vURL = "<?php echo base_url() . 'content-library/' . $video_value->url . '/' . $video_value->post_details; ?>";
                                                var subtitlePath = "";
                                                var playerID = 'right_video_player<?php echo $video_value->post_id; ?>';
                                                loadedRight(vURL, subtitlePath, playerID);
                                            </script>




                                        </div>
                                        <div class="col-sm-12 text-left" style="color: #80c12c;">
                                            <?php
                                            $post_function[$video_value->post_id] = $this->post_model->get_post_value_by_post_id($video_value->post_id);
                                            if ($post_function[$video_value->post_id]) {
                                                if ($post_function[$video_value->post_id]->post_like_by != '') {
                                                    $video_function_array = explode(",", $post_function[$video_value->post_id]->post_like_by);
                                                    echo '<img src="' . base_url() . 'image/home/like-icon.png" width="15" height="20" style="margin-top: -7px;" title="Read">(' . count($video_function_array) . ')';
                                                } else {
                                                    echo '<img src="' . base_url() . 'image/home/like-icon.png" width="15" height="20" style="margin-top: -7px;" title="Read">';
                                                }
                                            } else {
                                                echo '<img src="' . base_url() . 'image/home/like-icon.png" width="15" height="20" style="margin-top: -7px;" title="Read">';
                                            }
                                            ?>
                                            -
                                            <?php
                                            if ($video_value->post_comment_count == '') {
                                                echo '<i class="fa fa-pencil-square" aria-hidden="true" title="Write"></i>';
                                            } else {
                                                echo '<i class="fa fa-pencil-square" aria-hidden="true" title="Write"></i>(' . $video_value->post_comment_count . ')';
                                            }
                                            ?>
                                            -
                                            <?php
                                            if ($post_function[$video_value->post_id]) {
                                                if ($post_function[$video_value->post_id]->post_add_to_my_library_by != '') {
                                                    $video_function_array = explode(",", $post_function[$video_value->post_id]->post_add_to_my_library_by);
                                                    echo '<i class="fa fa-hdd-o" aria-hidden="true" title="My Content Library"></i>(' . count($video_function_array) . ')';
                                                } else {
                                                    echo '<i class="fa fa-hdd-o" aria-hidden="true" title="My Content Library"></i>';
                                                }
                                            } else {
                                                echo '<i class="fa fa-hdd-o" aria-hidden="true" title="My Content Library"></i>';
                                            }
                                            ?>
                                        </div>
                                        <div class="col-sm-12 form-group"><hr></div>
                                    </div>
                                </div>
                                <?php
                            }
                            ?>
                            <div class="col-sm-12">
                                <?php
                                if ($total_public_video->total_video > 3) {
                                    ?>
                                    <div class="col-sm-12">
                                        <?php
                                        if ($post_counter >= 3) {
                                            ?>
                                            <a href="javascript:void(0)"
                                               class="pull-left">
                                                previous
                                            </a>
                                        <?php } ?>
                                        <a href="javascript:void(0)"
                                           onclick="nextPostValue('<?php echo base_url() . 'welcome/view_next_post_value/' . $total_public_video->posted_by . '/' . ($post_counter + 3) . '/video' ?>', 'video')"
                                           class="pull-right">
                                            next
                                        </a>
                                    </div>
                                <?php } ?>
                            </div>
                        </div>
                    <?php } ?>
                </div>

                <script>
                    function viewDetails(url, htmlID, ID) {
                        serverPage = url;
                        xmlhttp.open("GET", serverPage);
                        xmlhttp.onreadystatechange = function ()
                        {
                            if (xmlhttp.readyState === 4 && xmlhttp.status === 200)
                            {
                                //            alert(xmlhttp.responseText);
                                document.getElementById(htmlID + ID).innerHTML = xmlhttp.responseText;
                            }
                        }
                        xmlhttp.send(null);
                    }
                    function nextPostValue(url, type) {
                        serverPage = url;
                        xmlhttp.open("GET", serverPage);
                        xmlhttp.onreadystatechange = function ()
                        {
                            if (xmlhttp.readyState === 4 && xmlhttp.status === 200)
                            {
                                if (type === 'note_alert') {
                                    document.getElementById('note_alert').innerHTML = xmlhttp.responseText;
                                } else if (type === 'assignment') {
                                    document.getElementById('assignment').innerHTML = xmlhttp.responseText;
                                } else if (type === 'image') {
                                    document.getElementById('image_view').innerHTML = xmlhttp.responseText;
                                } else if (type === 'video') {
                                    document.getElementById('video_view').innerHTML = xmlhttp.responseText;

                                    var hiddenID = document.getElementById('hiddin_post_video_id').value;
                                    var hiddenURL = document.getElementById('hiddin_post_video_url').value;

                                    var videoID = hiddenID.split('##');
                                    var videoURL = hiddenURL.split('##');

                                    for (var i = 0; i < videoID.length - 1; i++) {
                                        var vURL = videoURL[i];
                                        var subtitlePath = "";
                                        var playerID = 'right_video_player' + videoID[i];
                                        loadedRight(vURL, subtitlePath, playerID);
                                    }
                                }
                                //                        
                            }
                        };
                        xmlhttp.send(null);
                    }

                    function downloadPublicContentLibrary(url, ID) {
                        window.location.href = url + '/' + ID;
                    }
                </script>

                <!--profile sidebar feature start-->

                <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="AndroidAppPanelArea">
                    <div id="Update_log" class="col-sm-3 white" 
                         style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">

                        <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                            <label class="text-left col-sm-12">TT Android App</label>
                        </div>
                        <div class="col-sm-12 padding-zero" style="height: 50px;">  
                            <div class="list-group text-left">
                                <a target="_blank" href="https://talhatraining.com/_TalhaTraining.apk" class="list-group-item"><img src="<?php echo base_url() ?>image/android_apps_icon.png" alt="TT Android App" title="TT Android App" style="width: 30px">&nbsp; Download TT Android Application</a>
                            </div>
                        </div>
                    </div>
                </footer>

                <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="LiveBroadcastPanelArea">

                    <div id="Update_log" class="col-sm-3 white" 
                         style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">

                        <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                            <label class="text-left col-sm-12">TT Live Broadcast</label>
                        </div>
                        <div class="col-sm-12 padding-zero" style="height: 100px;">  
                            <div class="list-group text-left">
                                <a target="_blank" href="https://live.talhatraining.com/class/#room/20" class="list-group-item"><img src="<?php echo base_url() ?>image/tt_service/classroom.png" alt="TT Live Classroom" title="TT Live Classroom" style="width: 30px">&nbsp; TT Classroom [user:demo password:demo]</a>
                                <a target="_blank" href="https://live.talhatraining.com/class/#room/24" class="list-group-item"><img src="<?php echo base_url() ?>image/tt_service/video_conferance_geen.png" alt="Metting and interview room" title="Metting and interview room" style="width: 28px">&nbsp; TT Meeting and Interview Room [user:demo password:demo]</a>
                            </div>
                        </div>
                    </div>
                </footer>

                <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="UpcomingCoursePanelArea">

                    <div id="Update_log" class="col-sm-3 white" 
                         style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">

                        <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                            <label class="text-left col-sm-12">TT Upcoming Course </label>
                        </div>
                        <div class="col-sm-12 padding-zero" >  

                            <?php
                            $upcomming_course = $this->course_model->get_upcomming_course(3);
                            $total_upcomming_course = $this->course_model->get_total_upcomming_course();
                            ?>
                            <div class="list-group" id="upcomming_course">
                                <?php
                                if ($upcomming_course) {
                                    $counter = 0;
                                    foreach ($upcomming_course as $course_value) {
                                        ++$counter;
                                        ?>
                                        <a target="_blank" 
                                           href="<?php echo base_url() . $course_value->url; ?>" 
                                           class="list-group-item text-justify"><i class="fa fa-book"> </i> <?php echo $course_value->course_name; ?> &nbsp;</a>
                                           <?php
                                       }
                                       if ($total_upcomming_course->total > $counter) {
                                           ?>
                                        <a href="javascript:void(0)"
                                           onclick="getMoreUpcommingCourse('<?php echo base_url() . 'user/get-upcomming-course' ?>', '<?php echo $counter ?>')"
                                           class="list-group-item text-right">More</a>
                                           <?php
                                       }
                                   }
                                   ?>
                            </div>

                        </div>
                    </div>
                </footer>

                <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="OwnGroupPanelArea">

                    <div id="Update_log" class="col-sm-3 white" 
                         style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">
                             <?php
                             if ($person_id) {
                                 $person_info = $this->application_model->selecet_person_role_for_logged_in_user($person_id);

                                 $person_role = $person_info->person_role;

                                 if ($person_role == 5) {
                                     ?> 
                                <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                    <label class="text-left col-sm-12">Join Group </label>
                                </div>
                                <div class="col-sm-12 padding-zero" >  

                                    <div class="col-sm-12 text-left" style="padding-left:5px ">
                                        <p class="text-justify"> Join your preferable group and share your own knowledge</p>
                                        <h5> <a href="<?php echo base_url() ?>all-group"> Click here </a></h5>
                                    </div>
                                </div>


                            <?php } else { ?>

                                <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                    <label class="text-left col-sm-12">Create Group </label>
                                </div>
                                <div class="col-sm-12 padding-zero" >  

                                    <div class="col-sm-12 text-left" style="padding-left:5px ">
                                        <p class="text-justify">Being smarter by sharing knowledge in TT group network!</p>
                                        <h5> <a href="<?php echo base_url() ?>group/create-group"> Create Group </a></h5>
                                    </div>
                                </div>


                                <?php
                            }
                        } else {
                            ?>
                            <div class="col-sm-12 text-left" style="padding-left:5px ">
                                <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                    <label class="text-left col-sm-12">Create Group </label>
                                </div>
                                <div class="col-sm-12 padding-zero" >  
                                    <p class="text-justify">Being smarter by sharing knowledge in TT group network!</p>
                                    <h5> <a href="<?php echo base_url() ?>group/create-group"> Create Group </a></h5>
                                </div>   
                            </div>   
                        <?php } ?>

                    </div>
                </footer>

                <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="OwnQuizPanelArea">

                    <div id="Update_log" class="col-sm-3 white" 
                         style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">



                        <?php
                        if ($person_id) {
                            $person_info = $this->application_model->selecet_person_role_for_logged_in_user($person_id);

                            $person_role = $person_info->person_role;

                            if ($person_role == 5) {
                                ?> 

                                <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                    <label class="text-left col-sm-12">Attend Quiz </label>
                                </div>
                                <div class="col-sm-12 padding-zero" >
                                    <div class="col-sm-12 text-left" style="padding-left:5px ">
                                        <p class="text-justify">Attend your preferable quiz and explore your talent</p>
                                        <h5> <a href="<?php echo base_url() . 'all-quiz' ?>">Click here</a></h5>
                                    </div>
                                </div>
                            <?php } else { ?>


                                <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                    <label class="text-left col-sm-12">Create Quiz</label>
                                </div>
                                <div class="col-sm-12 padding-zero" >  
                                    <div class="col-sm-12 text-left" style="padding-left:5px ">

                                        <p class="text-justify">Develop leadership skills at work by creating quiz!</p>
                                        <h5> <a href="<?php echo base_url() . 'start-create-quiz' ?>"> Create Quiz</a></h5>
                                    </div>
                                </div>
                                <?php
                            }
                        } else {
                            ?>


                            <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                <label class="text-left col-sm-12">Create Quiz </label>
                            </div>
                            <div class="col-sm-12 padding-zero" >  
                                <div class="col-sm-12 text-left" style="padding-left:5px ">
                                    <p class="text-justify">Develop leadership skills at work by creating quiz!</p>
                                    <h5> <a href="<?php echo base_url() . 'start-create-quiz' ?>"> Create Quiz</a></h5>
                                </div>
                            </div>
                        <?php } ?> 

                    </div>
                </footer>

                <footer class="navbar-fixed-bottom" style="width: 100%;background: none">


                    <!--Apps button start-->
                    <div id="Open_AndroidApp" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 50px;right: 0;border-radius: 10px 0 0 10px;">                     
                        <img src="<?php echo base_url() ?>image/android_apps_icon.png" alt=" TT Android App" title="TT Android App" style="width: 30px;height: 25px">
                    </div>

                    <div id="Close_AndroidApp" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 50px;right: 0;border-radius: 10px 0 0 10px;"> 
                        <img src="<?php echo base_url() ?>image/android_apps_icon.png" alt="TT Android App" title="TT Android App" style="width: 30px;height: 25px">
                    </div>
                    <!--Apps button end-->


                    <!--live Broadcast button start-->
                    <div id="Open_liveBroadcast" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 250px;right: 0;border-radius: 10px 0 0 10px;"> 
                        <img src="<?php echo base_url() ?>image/tt_service/classroom.png" alt="TT Live Classroom Icon" title="TT Live Classroom" style="width: 30px;height: 25px">
                    </div>

                    <div id="Close_liveBroadcast" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 250px;right: 0;border-radius: 10px 0 0 10px;"> 
                        <img src="<?php echo base_url() ?>image/tt_service/classroom.png" alt="TT Live Classroom Icon" title="TT Live Classroom" style="width: 30px;height: 25px">
                    </div>
                    <!--live Broadcast button end-->

                    <!--upcoming course button start-->
                    <div id="Open_UpcomingCourse" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 200px;right: 0;border-radius: 10px 0 0 10px;">                     
                        <img src="<?php echo base_url() ?>image/upcoming_course.jpg" alt="TT Upcoming Course Icon" title="TT Upcoming Course" style="width: 30px;height: 25px">
                    </div>

                    <div id="Close_UpcomingCourse" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 200px;right: 0;border-radius: 10px 0 0 10px;"> 
                        <img src="<?php echo base_url() ?>image/upcoming_course.jpg" alt="Close TT Upcoming Course Icon" title="Close TT Upcoming Course" style="width: 30px;height: 25px">
                    </div>
                    <!--upcoming course button end-->


                    <!--Create Group button start-->
                    <div id="Open_CreateGroup" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 150px;right: 0;border-radius: 10px 0 0 10px;">                     
                        <img src="<?php echo base_url() ?>image/tt_service/group.png" alt="Group Icon" title="Group" style="width: 30px;height: 25px">
                    </div>

                    <div id="Close_CreateGroup" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 150px;right: 0;border-radius: 10px 0 0 10px;"> 
                        <img src="<?php echo base_url() ?>image/tt_service/group.png" alt="Close Group view Icon" title="Close Group view" style="width: 30px;height: 25px">
                    </div>
                    <!--Create Group button end-->


                    <!--Create Quiz button start-->
                    <div id="Open_CreateQuiz" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 100px;right: 0;border-radius: 10px 0 0 10px;">                     
                        <img src="<?php echo base_url() ?>image/tt_service/quiz.png" alt="Quiz Icon" title="Quiz" style="width: 30px;height: 25px">
                    </div>

                    <div id="Close_CreateQuiz" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 100px;right: 0;border-radius: 10px 0 0 10px;"> 
                        <img src="<?php echo base_url() ?>image/tt_service/quiz.png" alt="Close Quiz view Icon" title="Close Quiz view" style="width: 30px;height: 25px">
                    </div>
                    <!--Create Quiz button end-->
                </footer>


                <!--profile sidebar feature end-->




                <div class="list-group">
                    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                    <!--TT four--> 
                    <ins class="adsbygoogle"
                         style="display:inline-block;width:150px;height:250px"
                         data-ad-client="ca-pub-3140114751019908"
                         data-ad-slot="8060742220"></ins>
                    <script>
               (adsbygoogle = window.adsbygoogle || []).push({});
                    </script>
                </div>

                <div class="list-group">
                    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                    <!--TT one--> 
                    <ins class="adsbygoogle"
                         style="display:block"
                         data-ad-client="ca-pub-3140114751019908"
                         data-ad-slot="5137628623"
                         data-ad-format="auto"></ins>
                    <script>
               (adsbygoogle = window.adsbygoogle || []).push({});
                    </script>
                </div>

                <div class="list-group">
                    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                    <!--TT four--> 
                    <ins class="adsbygoogle"
                         style="display:inline-block;width:150px;height:250px"
                         data-ad-client="ca-pub-3140114751019908"
                         data-ad-slot="8060742220"></ins>
                    <script>
               (adsbygoogle = window.adsbygoogle || []).push({});
                    </script>
                </div>


            </div>

            <?php
        }
    } else { // for other pages right content  
        ?>
        <div class="row ">

            <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="AndroidAppPanelArea">

                <div id="Update_log" class="col-sm-3 white" 
                     style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">

                    <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                        <label class="text-left col-sm-12">TT Android App</label>
                    </div>
                    <div class="col-sm-12 padding-zero" style="height: 50px;">  
                        <div class="list-group text-left">
                            <a target="_blank" href="https://talhatraining.com/_TalhaTraining.apk" class="list-group-item"><img src="<?php echo base_url() ?>image/android_apps_icon.png" alt="TT Android App" title="TT Android App" style="width: 30px">&nbsp; Download TT Android Application</a>
                        </div>
                    </div>
                </div>
            </footer>


            <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="LiveBroadcastPanelArea">

                <div id="Update_log" class="col-sm-3 white" 
                     style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">

                    <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                        <label class="text-left col-sm-12">TT Live Broadcast</label>
                    </div>
                    <div class="col-sm-12 padding-zero" style="height: 100px;">  
                        <div class="list-group text-left">
                            <a target="_blank" href="https://live.talhatraining.com/class/#room/20" class="list-group-item"><img src="<?php echo base_url() ?>image/tt_service/classroom.png" alt="TT Live Classroom" title="TT Live Classroom" style="width: 30px">&nbsp; TT Classroom [user:demo password:demo]</a>
                            <a target="_blank" href="https://live.talhatraining.com/class/#room/24" class="list-group-item"><img src="<?php echo base_url() ?>image/tt_service/video_conferance_geen.png" alt="Metting and interview room" title="Metting and interview room" style="width: 28px">&nbsp; TT Meeting and Interview Room [user:demo password:demo]</a>
                        </div>
                    </div>
                </div>
            </footer>

            <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="UpcomingCoursePanelArea">

                <div id="Update_log" class="col-sm-3 white" 
                     style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">

                    <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                        <label class="text-left col-sm-12">TT Upcoming Course </label>
                    </div>
                    <div class="col-sm-12 padding-zero" >  

                        <?php
                        $upcomming_course = $this->course_model->get_upcomming_course(3);
                        $total_upcomming_course = $this->course_model->get_total_upcomming_course();
                        ?>
                        <div class="list-group" id="upcomming_course">
                            <?php
                            if ($upcomming_course) {
                                $counter = 0;
                                foreach ($upcomming_course as $course_value) {
                                    ++$counter;
                                    ?>
                                    <a target="_blank" 
                                       href="<?php echo base_url() . $course_value->url; ?>" 
                                       class="list-group-item text-justify"><i class="fa fa-book"> </i> <?php echo $course_value->course_name; ?> &nbsp;</a>
                                       <?php
                                   }
                                   if ($total_upcomming_course->total > $counter) {
                                       ?>
                                    <a href="javascript:void(0)"
                                       onclick="getMoreUpcommingCourse('<?php echo base_url() . 'user/get-upcomming-course' ?>', '<?php echo $counter ?>')"
                                       class="list-group-item text-right">More</a>
                                       <?php
                                   }
                               }
                               ?>
                        </div>

                    </div>
                </div>
            </footer>

            <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="OwnGroupPanelArea">

                <div id="Update_log" class="col-sm-3 white" 
                     style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">
                         <?php
                         if ($person_id) {
                             $person_info = $this->application_model->selecet_person_role_for_logged_in_user($person_id);

                             $person_role = $person_info->person_role;

                             if ($person_role == 5) {
                                 ?> 
                            <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                <label class="text-left col-sm-12">Join Group </label>
                            </div>
                            <div class="col-sm-12 padding-zero" >  

                                <div class="col-sm-12 text-left" style="padding-left:5px ">
                                    <p class="text-justify"> Join your preferable group and share your own knowledge</p>
                                    <h5> <a href="<?php echo base_url() ?>all-group"> Click here </a></h5>
                                </div>
                            </div>


                        <?php } else { ?>

                            <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                <label class="text-left col-sm-12">Create Group </label>
                            </div>
                            <div class="col-sm-12 padding-zero" >  

                                <div class="col-sm-12 text-left" style="padding-left:5px ">
                                    <p class="text-justify">Being smarter by sharing knowledge in TT group network!</p>
                                    <h5> <a href="<?php echo base_url() ?>group/create-group"> Create Group </a></h5>
                                </div>
                            </div>


                            <?php
                        }
                    } else {
                        ?>
                        <div class="col-sm-12 text-left" style="padding-left:5px ">
                            <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                <label class="text-left col-sm-12">Create Group </label>
                            </div>
                            <div class="col-sm-12 padding-zero" >  
                                <p class="text-justify">Being smarter by sharing knowledge in TT group network!</p>
                                <h5> <a href="<?php echo base_url() ?>group/create-group"> Create Group </a></h5>
                            </div>   
                        </div>   
                    <?php } ?>

                </div>
            </footer>

            <footer class="navbar-fixed-bottom" style="width: 100%;background: none;display: block" id="OwnQuizPanelArea">

                <div id="Update_log" class="col-sm-3 white" 
                     style="position: absolute;z-index: 99999;top: -590px;right: -10px;border-radius: 10px 0 0 10px;line-height: 25px;width: 300px">



                    <?php
                    if ($person_id) {
                        $person_info = $this->application_model->selecet_person_role_for_logged_in_user($person_id);

                        $person_role = $person_info->person_role;

                        if ($person_role == 5) {
                            ?> 

                            <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                <label class="text-left col-sm-12">Attend Quiz </label>
                            </div>
                            <div class="col-sm-12 padding-zero" >
                                <div class="col-sm-12 text-left" style="padding-left:5px ">
                                    <p class="text-justify">Attend your preferable quiz and explore your talent</p>
                                    <h5> <a href="<?php echo base_url() . 'all-quiz' ?>">Click here</a></h5>
                                </div>
                            </div>
                        <?php } else { ?>


                            <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                                <label class="text-left col-sm-12">Create Quiz </label>
                            </div>
                            <div class="col-sm-12 padding-zero" >  
                                <div class="col-sm-12 text-left" style="padding-left:5px ">

                                    <p class="text-justify">Develop leadership skills at work by creating quiz!</p>
                                    <h5> <a href="<?php echo base_url() . 'start-create-quiz' ?>"> Create Quiz</a></h5>
                                </div>
                            </div>
                            <?php
                        }
                    } else {
                        ?>


                        <div class=" btn-success col-sm-12" style="margin-top: -10px;text-align: left;border-radius: 10px 0 0 0">
                            <label class="text-left col-sm-12">Create Quiz </label>
                        </div>
                        <div class="col-sm-12 padding-zero" >  
                            <div class="col-sm-12 text-left" style="padding-left:5px ">
                                <p class="text-justify">Develop leadership skills at work by creating quiz!</p>
                                <h5> <a href="<?php echo base_url() . 'start-create-quiz' ?>"> Create Quiz</a></h5>
                            </div>
                        </div>
                    <?php } ?> 

                </div>
            </footer>


            <footer class="navbar-fixed-bottom" style="width: 100%;background: none">

                <!--Apps button start-->
                <div id="Open_AndroidApp" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 50px;right: 0;border-radius: 10px 0 0 10px;">                     
                    <img src="<?php echo base_url() ?>image/android_apps_icon.png" alt=" TT Android App" title="TT Android App" style="width: 30px;height: 25px">
                </div>

                <div id="Close_AndroidApp" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 50px;right: 0;border-radius: 10px 0 0 10px;"> 
                    <img src="<?php echo base_url() ?>image/android_apps_icon.png" alt="TT Android App" title="TT Android App" style="width: 30px;height: 25px">
                </div>
                <!--Apps button end-->

                <!--live Broadcast button start-->
                <div id="Open_liveBroadcast" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 250px;right: 0;border-radius: 10px 0 0 10px;"> 
                    <img src="<?php echo base_url() ?>image/tt_service/classroom.png" alt="TT Live Classroom Icon" title="TT Live Classroom" style="width: 30px;height: 25px">
                </div>

                <div id="Close_liveBroadcast" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 250px;right: 0;border-radius: 10px 0 0 10px;"> 
                    <img src="<?php echo base_url() ?>image/tt_service/classroom.png" alt="TT Live Classroom Icon" title="TT Live Classroom" style="width: 30px;height: 25px">
                </div>
                <!--live Broadcast button end-->

                <!--upcoming course button start-->
                <div id="Open_UpcomingCourse" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 200px;right: 0;border-radius: 10px 0 0 10px;">                     
                    <img src="<?php echo base_url() ?>image/upcoming_course.jpg" alt="TT Upcoming Course Icon" title="TT Upcoming Course" style="width: 30px;height: 25px">
                </div>

                <div id="Close_UpcomingCourse" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 200px;right: 0;border-radius: 10px 0 0 10px;"> 
                    <img src="<?php echo base_url() ?>image/upcoming_course.jpg" alt="Close TT Upcoming Course Icon" title="Close TT Upcoming Course" style="width: 30px;height: 25px">
                </div>
                <!--upcoming course button end-->


                <!--Create Group button start-->
                <div id="Open_CreateGroup" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 150px;right: 0;border-radius: 10px 0 0 10px;">                     
                    <img src="<?php echo base_url() ?>image/tt_service/group.png" alt="Group Icon" title="Group" style="width: 30px;height: 25px">
                </div>

                <div id="Close_CreateGroup" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 150px;right: 0;border-radius: 10px 0 0 10px;"> 
                    <img src="<?php echo base_url() ?>image/tt_service/group.png" alt="Close Group view Icon" title="Close Group view" style="width: 30px;height: 25px">
                </div>
                <!--Create Group button end-->


                <!--Create Quiz button start-->
                <div id="Open_CreateQuiz" class="btn btn-gray "style="position: absolute;z-index: 9999;bottom: 100px;right: 0;border-radius: 10px 0 0 10px;">                     
                    <img src="<?php echo base_url() ?>image/tt_service/quiz.png" alt="Quiz Icon" title="Quiz" style="width: 30px;height: 25px">
                </div>

                <div id="Close_CreateQuiz" class="btn btn-danger "style="display: none;position: absolute;z-index: 9999;bottom: 100px;right: 0;border-radius: 10px 0 0 10px;"> 
                    <img src="<?php echo base_url() ?>image/tt_service/quiz.png" alt="Close Quiz view Icon" title="Close Quiz view" style="width: 30px;height: 25px">
                </div>
                <!--Create Quiz button end-->

            </footer>

            <div class="list-group">
                <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                <!--TT four--> 
                <ins class="adsbygoogle"
                     style="display:inline-block;width:150px;height:250px"
                     data-ad-client="ca-pub-3140114751019908"
                     data-ad-slot="8060742220"></ins>
                <script>
                   (adsbygoogle = window.adsbygoogle || []).push({});
                </script>
            </div>

            <div class="list-group">
                <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                <!--TT one--> 
                <ins class="adsbygoogle"
                     style="display:block"
                     data-ad-client="ca-pub-3140114751019908"
                     data-ad-slot="5137628623"
                     data-ad-format="auto"></ins>
                <script>
                   (adsbygoogle = window.adsbygoogle || []).push({});
                </script>
            </div>

            <div class="list-group">
                <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                <!--TT four--> 
                <ins class="adsbygoogle"
                     style="display:inline-block;width:150px;height:250px"
                     data-ad-client="ca-pub-3140114751019908"
                     data-ad-slot="8060742220"></ins>
                <script>
                   (adsbygoogle = window.adsbygoogle || []).push({});
                </script>
            </div>

            <div class="list-group">
                <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                <!--TT one--> 
                <ins class="adsbygoogle"
                     style="display:block"
                     data-ad-client="ca-pub-3140114751019908"
                     data-ad-slot="5137628623"
                     data-ad-format="auto"></ins>
                <script>
                   (adsbygoogle = window.adsbygoogle || []).push({});
                </script>
            </div>

        </div>
    <?php } ?>
    <script>
        function checkXmlHTTP(xmlhttp) {
            xmlhttp = false;
            try {
                return xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    return xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (E) {
                    xmlhttp = false;
                }
            }
            if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
                return xmlhttp = new XMLHttpRequest();
            }
        }

        function documentID(el) {
            return document.getElementById(el);
        }
        /*
         * @Function            : getMoreUpcommingCourse 
         * @Used IN             : @user/right_content.php'
         * @Description         : get more up comming course for right side
         * @Developed By        : MD Jaherul Islam
         * @Start DateTime      : 20-04-2016 04:29 AM 
         * @Status              : available      
         */
        function getMoreUpcommingCourse(url, counter) {
            var upcommingCourseResponse;
            upcommingCourseResponse = checkXmlHTTP(upcommingCourseResponse);

            var formdata = new FormData();
            formdata.append("counter", counter);

            upcommingCourseResponse.addEventListener("load", function () {

                documentID('upcomming_course').innerHTML = upcommingCourseResponse.responseText;

            }, false);
            upcommingCourseResponse.open("POST", url);
            upcommingCourseResponse.send(formdata);
        }
    </script>
    <!-- /.row -->
</div>

<!--start sidebar jquery funtion By Suddam Hossain -24-05-16-->

<script>
    $(document).ready(function ()
    {
        $("#Close_AndroidApp").click(function ()
        {
            $("#AndroidAppPanelArea").animate({"margin-left": '+=370'});
            $("#Close_AndroidApp").hide(); //hide the selected elements.
            $("#Open_AndroidApp").show(); //hide the selected elements.
            return false;
        });
    });

    $(document).ready(function ()
    {
        $("#Open_AndroidApp").click(function ()
        {
            $("#AndroidAppPanelArea").animate({"margin-left": '-=370'});
            $("#Open_AndroidApp").hide(); //hide the selected elements.
            $("#Close_AndroidApp").show(); //hide the selected elements

            $("#LiveBroadcastPanelArea").animate({"margin-left": '370'});
            $("#Open_liveBroadcast").show(); //hide the selected elements.
            $("#Close_liveBroadcast").hide(); //hide the selected elements.

            $("#UpcomingCoursePanelArea").animate({"margin-left": '370'});
            $("#Close_UpcomingCourse").hide(); //hide the selected elements.
            $("#Open_UpcomingCourse").show(); //hide the selected elements.

            $("#OwnQuizPanelArea").animate({"margin-left": '370'});
            $("#Close_CreateQuiz").hide(); //hide the selected elements.
            $("#Open_CreateQuiz").show(); //hide the selected elements.

            $("#JoinGroupPanelArea").animate({"margin-left": '370'});
            $("#Close_JoinGroup").hide(); //hide the selected elements.
            $("#Open_JoinGroup").show(); //hide the selected elements.

            $("#AttendQuizPanelArea").animate({"margin-left": '370'});
            $("#Close_AttendQuiz").hide(); //hide the selected elements.
            $("#Open_AttendQuiz").show(); //hide the selected elements.

            $("#dashboardSetting").hide();
            $("#notificationContainer").hide();

            $("#OwnGroupPanelArea").animate({"margin-left": '370'});
            $("#Close_CreateGroup").hide(); //hide the selected elements.
            $("#Open_CreateGroup").show(); //hide the selected elements.


            return false;
        });
    });

</script>


<script>
    $(document).ready(function ()
    {
        $("#Close_liveBroadcast").click(function ()
        {
            $("#LiveBroadcastPanelArea").animate({"margin-left": '+=370'});
            $("#Close_liveBroadcast").hide(); //hide the selected elements.
            $("#Open_liveBroadcast").show(); //hide the selected elements.
            return false;
        });
    });

    $(document).ready(function ()
    {
        $("#Open_liveBroadcast").click(function ()
        {
            $("#AndroidAppPanelArea").animate({"margin-left": '370'});
            $("#Close_AndroidApp").hide(); //hide the selected elements
            $("#Open_AndroidApp").show(); //hide the selected elements.

            $("#LiveBroadcastPanelArea").animate({"margin-left": '-=370'});
            $("#Open_liveBroadcast").hide(); //hide the selected elements.
            $("#Close_liveBroadcast").show(); //hide the selected elements.

            $("#UpcomingCoursePanelArea").animate({"margin-left": '370'});
            $("#Close_UpcomingCourse").hide(); //hide the selected elements.
            $("#Open_UpcomingCourse").show(); //hide the selected elements.

            $("#OwnQuizPanelArea").animate({"margin-left": '370'});
            $("#Close_CreateQuiz").hide(); //hide the selected elements.
            $("#Open_CreateQuiz").show(); //hide the selected elements.

            $("#JoinGroupPanelArea").animate({"margin-left": '370'});
            $("#Close_JoinGroup").hide(); //hide the selected elements.
            $("#Open_JoinGroup").show(); //hide the selected elements.

            $("#AttendQuizPanelArea").animate({"margin-left": '370'});
            $("#Close_AttendQuiz").hide(); //hide the selected elements.
            $("#Open_AttendQuiz").show(); //hide the selected elements.

            $("#dashboardSetting").hide();
            $("#notificationContainer").hide();

            $("#OwnGroupPanelArea").animate({"margin-left": '370'});
            $("#Close_CreateGroup").hide(); //hide the selected elements.
            $("#Open_CreateGroup").show(); //hide the selected elements.


            return false;
        });
    });

</script>


<script>
    $(document).ready(function ()
    {
        $("#Close_UpcomingCourse").click(function ()
        {

            $("#UpcomingCoursePanelArea").animate({"margin-left": '+=370'});
            $("#Close_UpcomingCourse").hide(); //hide the selected elements.
            $("#Open_UpcomingCourse").show(); //hide the selected elements.
            return false;
        });
    });

    $(document).ready(function ()
    {
        $("#Open_UpcomingCourse").click(function ()
        {
            $("#AndroidAppPanelArea").animate({"margin-left": '370'});
            $("#Close_AndroidApp").hide(); //hide the selected elements
            $("#Open_AndroidApp").show(); //hide the selected elements.

            $("#LiveBroadcastPanelArea").animate({"margin-left": '370'});
            $("#Open_liveBroadcast").show(); //hide the selected elements.
            $("#Close_liveBroadcast").hide(); //hide the selected elements.

            $("#OwnQuizPanelArea").animate({"margin-left": '370'});
            $("#Close_CreateQuiz").hide(); //hide the selected elements.
            $("#Open_CreateQuiz").show(); //hide the selected elements.

            $("#OwnGroupPanelArea").animate({"margin-left": '370'});
            $("#Close_CreateGroup").hide(); //hide the selected elements.
            $("#Open_CreateGroup").show(); //hide the selected elements.

            $("#JoinGroupPanelArea").animate({"margin-left": '370'});
            $("#Close_JoinGroup").hide(); //hide the selected elements.
            $("#Open_JoinGroup").show(); //hide the selected elements.

            $("#AttendQuizPanelArea").animate({"margin-left": '370'});
            $("#Close_AttendQuiz").hide(); //hide the selected elements.
            $("#Open_AttendQuiz").show(); //hide the selected elements.

            $("#dashboardSetting").hide();
            $("#notificationContainer").hide();

            $("#UpcomingCoursePanelArea").animate({"margin-left": '-=370'});
            $("#Close_UpcomingCourse").show(); //hide the selected elements.
            $("#Open_UpcomingCourse").hide(); //hide the selected elements.
            return false;
        });
    });

</script>

<script>
    $(document).ready(function ()
    {
        $("#Close_CreateGroup").click(function ()
        {

            $("#OwnGroupPanelArea").animate({"margin-left": '+=370'});
            $("#Close_CreateGroup").hide(); //hide the selected elements.
            $("#Open_CreateGroup").show(); //hide the selected elements.
            return false;
        });
    });

    $(document).ready(function ()
    {
        $("#Open_CreateGroup").click(function ()
        {
            $("#AndroidAppPanelArea").animate({"margin-left": '370'});
            $("#Close_AndroidApp").hide(); //hide the selected elements
            $("#Open_AndroidApp").show(); //hide the selected elements.

            $("#LiveBroadcastPanelArea").animate({"margin-left": '370'});
            $("#Open_liveBroadcast").show(); //hide the selected elements.
            $("#Close_liveBroadcast").hide(); //hide the selected elements.

            $("#UpcomingCoursePanelArea").animate({"margin-left": '370'});
            $("#Close_UpcomingCourse").hide(); //hide the selected elements.
            $("#Open_UpcomingCourse").show(); //hide the selected elements.

            $("#OwnQuizPanelArea").animate({"margin-left": '370'});
            $("#Close_CreateQuiz").hide(); //hide the selected elements.
            $("#Open_CreateQuiz").show(); //hide the selected elements.

            $("#JoinGroupPanelArea").animate({"margin-left": '370'});
            $("#Close_JoinGroup").hide(); //hide the selected elements.
            $("#Open_JoinGroup").show(); //hide the selected elements.

            $("#AttendQuizPanelArea").animate({"margin-left": '370'});
            $("#Close_AttendQuiz").hide(); //hide the selected elements.
            $("#Open_AttendQuiz").show(); //hide the selected elements.

            $("#dashboardSetting").hide();
            $("#notificationContainer").hide();

            $("#OwnGroupPanelArea").animate({"margin-left": '-=370'});
            $("#Close_CreateGroup").show(); //hide the selected elements.
            $("#Open_CreateGroup").hide(); //hide the selected elements.
            return false;
        });
    });

</script>

<script>
    $(document).ready(function ()
    {
        $("#Close_CreateQuiz").click(function ()
        {

            $("#OwnQuizPanelArea").animate({"margin-left": '+=370'});
            $("#Close_CreateQuiz").hide(); //hide the selected elements.
            $("#Open_CreateQuiz").show(); //hide the selected elements.
            return false;
        });
    });

    $(document).ready(function ()
    {
        $("#Open_CreateQuiz").click(function ()
        {
            $("#AndroidAppPanelArea").animate({"margin-left": '370'});
            $("#Close_AndroidApp").hide(); //hide the selected elements
            $("#Open_AndroidApp").show(); //hide the selected elements.

            $("#LiveBroadcastPanelArea").animate({"margin-left": '370'});
            $("#Open_liveBroadcast").show(); //hide the selected elements.
            $("#Close_liveBroadcast").hide(); //hide the selected elements.

            $("#UpcomingCoursePanelArea").animate({"margin-left": '370'});
            $("#Close_UpcomingCourse").hide(); //hide the selected elements.
            $("#Open_UpcomingCourse").show(); //hide the selected elements.

            $("#OwnGroupPanelArea").animate({"margin-left": '370'});
            $("#Close_CreateGroup").hide(); //hide the selected elements.
            $("#Open_CreateGroup").show(); //hide the selected elements.

            $("#JoinGroupPanelArea").animate({"margin-left": '370'});
            $("#Close_JoinGroup").hide(); //hide the selected elements.
            $("#Open_JoinGroup").show(); //hide the selected elements.

            $("#AttendQuizPanelArea").animate({"margin-left": '370'});
            $("#Close_AttendQuiz").hide(); //hide the selected elements.
            $("#Open_AttendQuiz").show(); //hide the selected elements.

            $("#dashboardSetting").hide();
            $("#notificationContainer").hide();

            $("#OwnQuizPanelArea").animate({"margin-left": '-=370'});
            $("#Close_CreateQuiz").show(); //hide the selected elements.
            $("#Open_CreateQuiz").hide(); //hide the selected elements.
            return false;
        });
    });

</script>

<script>
    $(document).ready(function ()
    {
        $("#Close_AttendQuiz").click(function ()
        {

            $("#AttendQuizPanelArea").animate({"margin-left": '+=370'});
            $("#Close_AttendQuiz").hide(); //hide the selected elements.
            $("#Open_AttendQuiz").show(); //hide the selected elements.
            return false;
        });
    });

    $(document).ready(function ()
    {
        $("#Open_AttendQuiz").click(function ()
        {
            $("#AndroidAppPanelArea").animate({"margin-left": '370'});
            $("#Close_AndroidApp").hide(); //hide the selected elements
            $("#Open_AndroidApp").show(); //hide the selected elements.

            $("#LiveBroadcastPanelArea").animate({"margin-left": '370'});
            $("#Open_liveBroadcast").show(); //hide the selected elements.
            $("#Close_liveBroadcast").hide(); //hide the selected elements.

            $("#UpcomingCoursePanelArea").animate({"margin-left": '370'});
            $("#Close_UpcomingCourse").hide(); //hide the selected elements.
            $("#Open_UpcomingCourse").show(); //hide the selected elements.

            $("#OwnGroupPanelArea").animate({"margin-left": '370'});
            $("#Close_CreateGroup").hide(); //hide the selected elements.
            $("#Open_CreateGroup").show(); //hide the selected elements.

            $("#OwnQuizPanelArea").animate({"margin-left": '370'});
            $("#Close_CreateQuiz").hide(); //hide the selected elements.
            $("#Open_CreateQuiz").show(); //hide the selected elements.

            $("#JoinGroupPanelArea").animate({"margin-left": '370'});
            $("#Close_JoinGroup").hide(); //hide the selected elements.
            $("#Open_JoinGroup").show(); //hide the selected elements.

            $("#dashboardSetting").hide();
            $("#notificationContainer").hide();

            $("#AttendQuizPanelArea").animate({"margin-left": '-=370'});
            $("#Close_AttendQuiz").show(); //hide the selected elements.
            $("#Open_AttendQuiz").hide(); //hide the selected elements.
            return false;
        });
    });

</script>

<script>
    $(document).ready(function ()
    {
        $("#Close_JoinGroup").click(function ()
        {

            $("#JoinGroupPanelArea").animate({"margin-left": '+=370'});
            $("#Close_JoinGroup").hide(); //hide the selected elements.
            $("#Open_JoinGroup").show(); //hide the selected elements.
            return false;
        });
    });

    $(document).ready(function ()
    {
        $("#Open_JoinGroup").click(function ()
        {
            $("#AndroidAppPanelArea").animate({"margin-left": '370'});
            $("#Close_AndroidApp").hide(); //hide the selected elements
            $("#Open_AndroidApp").show(); //hide the selected elements.

            $("#LiveBroadcastPanelArea").animate({"margin-left": '370'});
            $("#Open_liveBroadcast").show(); //hide the selected elements.
            $("#Close_liveBroadcast").hide(); //hide the selected elements.

            $("#UpcomingCoursePanelArea").animate({"margin-left": '370'});
            $("#Close_UpcomingCourse").hide(); //hide the selected elements.
            $("#Open_UpcomingCourse").show(); //hide the selected elements.

            $("#OwnGroupPanelArea").animate({"margin-left": '370'});
            $("#Close_CreateGroup").hide(); //hide the selected elements.
            $("#Open_CreateGroup").show(); //hide the selected elements.

            $("#OwnQuizPanelArea").animate({"margin-left": '370'});
            $("#Close_CreateQuiz").hide(); //hide the selected elements.
            $("#Open_CreateQuiz").show(); //hide the selected elements.

            $("#AttendQuizPanelArea").animate({"margin-left": '370'});
            $("#Close_AttendQuiz").hide(); //hide the selected elements.
            $("#Open_AttendQuiz").show(); //hide the selected elements.

            $("#dashboardSetting").hide();
            $("#notificationContainer").hide();

            $("#JoinGroupPanelArea").animate({"margin-left": '-=370'});
            $("#Close_JoinGroup").show(); //hide the selected elements.
            $("#Open_JoinGroup").hide(); //hide the selected elements.
            return false;
        });
    });
    $(document).ready(function () {
        // initialize the js player
        plyr.setup();
    });
</script>

<!--end sidebar jquery funtion By Suddam Hossain -24-05-16-->


<!--start sidebar style By Suddam Hossain -24-05-16-->
<style>
    #AndroidAppPanelArea{
        margin-left:370px;
    }
    #LiveBroadcastPanelArea{
        margin-left:370px;
    }
    #UpcomingCoursePanelArea{
        margin-left:370px;

    }
    #OwnGroupPanelArea{
        margin-left:370px;

    }
    #OwnQuizPanelArea{
        margin-left:370px;

    }

</style>
<!--end sidebar style By Suddam Hossain -24-05-16-->
