Team:Tuebingen/sidebarEduJS

window.onscroll = function() {myFunction()};

var vnav = document.getElementById("phaContents"); var sticky = vnav.offsetTop + 500;

function myFunction() {

 if (window.pageYOffset >= sticky) {
   vnav.classList.add("stickyContents");
 } else {
   vnav.classList.remove("stickyContents");
 }

}

/*

* jQuery to build the POC quickly
*
* SCRIPT IS UNDER CONSTRUCTION
*/

var positions = [],

   build_toc = function() {
     var output = ;
         svg    = '<svg viewBox="0 0 36 36" height="36px" width="36px" y="0px" x="0px"><rect transform="rotate(90 18 18)" width="36" height="36" stroke-dashoffset="100" stroke-dasharray="150 150" stroke-width="4" fill="none"/></svg>';

     $('.post-content').find('h2').each(function(i){
       $(this).attr('id', 'title_' + i)

output += '

<a href="#title_' + i + '" class="toc-title_' + i + '">' + svg + $(this).text() + '</a>

';

     });

     return output;
   },
   get_bottom_off_content = function() {
     var $content = $('.post-content'),
         offset   = $content.offset();

     return $content.outerHeight() + offset.top;
   },
   get_positions = function() {
     $('.post-content').find('h2').each(function( i ){
       offset = $(this).offset();
       positions[ 'title_' + i ] = offset.top - 140;
     });
     return positions;
   },
   set_toc_reading = function() {
     var st    = $(document).scrollTop(),
         count = 0;

     for (var k in positions) {
       var n        = parseInt( k.replace('title_', ) );
           has_next = typeof positions['title_' + ( n + 1 ) ] !== 'undefined',
           not_next = has_next && st < positions['title_' + ( n + 1 ) ] ? true : false,
           diff     = 0,
           $link    = $( '.toc-' + k );

       if ( has_next ) {
         diff = ( st - positions[ k ] ) / ( positions[ 'title_' + ( n + 1 ) ] - positions[ k ] ) * 150;
       } else {
         diff = ( st - positions[ k ] ) / ( get_bottom_off_content() - positions[ k ] ) * 180;
       }

       $link.find('rect').attr('stroke-dashoffset', Math.round( 150 - diff ) );

       if ( st >= positions[ k ] && not_next && has_next ) {
         $( '.toc-' + k ).addClass('toc-reading');
       } else if ( st >= positions[ k ] && ! not_next && has_next ) {
         $( '.toc-' + k ).removeClass('toc-reading');
       } else if ( st >= positions[ k ] && ! not_next && ! has_next ) {
         $( '.toc-' + k ).addClass('toc-reading');
       }

       if ( st >= positions[ k ] ) {
         $( '.toc-' + k ).addClass('toc-already-read');
       } else {
         $( '.toc-' + k ).removeClass('toc-already-read');
       }

       if ( st < positions[ k ] ) {
         $( '.toc-' + k ).removeClass('toc-already-read toc-reading');
       }

       count++;
     }
   };

// build our table of content $('.table-of-contents').html( build_toc() );

// first definition of positions get_positions();

// on resize, re-calc positions $(window).on('resize', function(){

 get_positions();

});

$(document).on('scroll', function(){

 set_toc_reading();

});

/*
* Contents Controler End
*/

 /*
* Gallery Controler End
*/

function gaFunction(imgs) {

   var expandImg = document.getElementById("expandedImg");
   var imgText = document.getElementById("imgtext");
   expandImg.src = imgs.src;
   imgText.innerHTML = imgs.alt;
   expandImg.parentElement.style.display = "block";

}

 /*
* Gallery Controler Start
*/