$(document).ready(function() {
  // Some animations if we have js enabled
  $('ul#floors').hide();
  $('div#logo-wrapper').css('opacity',0.4);
  $('ul#practicals, ul#sponsors, div#border').css('opacity',0);
  
  $('div#logo').show('pulsate', { times:4 }, 100, function () {
    $('div#logo-wrapper').animate({'opacity':1},2000);
    $('ul#practicals, ul#sponsors, div#border').delay(500).animate({'opacity':1},1500, function () {
        
        $('ul#floors').delay(500).slideDown(1500)
    });
  })
  
  // $('div#border').show("fold", {}, 1000, function () { 
  //     
  //   });
  
  
  // Hovers!
  $('.map').hover(function () {
    $('div#logo').show('pulsate', { times:2 }, 100)
  })
  
  $('ul#floors li').hover(function() {
    var tc = $(this).find('.twitter');
    var id = 'jc' + $(this).attr('id');
    var keyword = $(this).attr('data-keyword');
    var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;

    $('.active').removeClass('active');
    $(this).addClass('active');
        
    if (!is_chrome) {return;}
    
    if (tc.length == 0) {
      $(this).prepend('<div id="'+ id +'" class="twitter"></div>');
      addTwitter(id, keyword);
      tc = $(this).find('.twitter');
    }

    
    if (tc.length > 0) {
      if (tc.text().length < 2) {
        tc.append("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin elementum laoreet nisl sit amet mattis. Proin congue placerat nisl et fringilla. Suspendisse sit amet purus dui. Nunc imperdiet venenatis lacus, at egestas lacus viverra sit amet. Nulla mattis nunc eget ante rhoncus euismod. Nullam purus justo, pulvinar suscipit pharetra ut, dictum sed sem. Nulla vestibulum lacus eu lorem dapibus a luctus lectus tristique. Suspendisse accumsan dictum laoreet. Morbi ut massa lorem. Praesent tempor nunc sed dolor egestas pharetra. Nunc tellus felis, adipiscing eget aliquet et, viverra vitae sem. Donec auctor nisi a lectus tempor lobortis. Praesent id mi vel turpis posuere laoreet at id nunc. In nibh sapien, molestie at aliquet eget, accumsan sit amet nulla. Cras accumsan rhoncus dolor sit amet volutpat. Aliquam lacinia elit vel odio porta ac dictum erat molestie. In auctor, sem at fringilla molestie, augue lacus rutrum ligula, vel ornare elit dui vitae lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut vehicula tortor urna. In est nulla, dictum ac condimentum ut, volutpat at nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin elementum laoreet nisl sit amet mattis. Proin congue placerat nisl et fringilla. Suspendisse sit amet purus dui. Nunc imperdiet venenatis lacus, at egestas lacus viverra sit amet. Nulla mattis nunc eget ante rhoncus euismod. Nullam purus justo, pulvinar suscipit pharetra ut, dictum sed sem. Nulla vestibulum lacus eu lorem dapibus a luctus lectus tristique. Suspendisse accumsan dictum laoreet. Morbi ut massa lorem. Praesent tempor nunc sed dolor egestas pharetra. Nunc tellus felis, adipiscing eget aliquet et, viverra vitae sem. Donec auctor nisi a lectus tempor lobortis. Praesent id mi vel turpis posuere laoreet at id nunc. In nibh sapien, molestie at aliquet eget, accumsan sit amet nulla. Cras accumsan rhoncus dolor sit amet volutpat. Aliquam lacinia elit vel odio porta ac dictum erat molestie. In auctor, sem at fringilla molestie, augue lacus rutrum ligula, vel ornare elit dui vitae lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut vehicula tortor urna. In est nulla, dictum ac condimentum ut, volutpat at nisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin elementum laoreet nisl sit amet mattis. Proin congue placerat nisl et fringilla. Suspendisse sit amet purus dui. Nunc imperdiet venenatis lacus, at egestas lacus viverra sit amet. Nulla mattis nunc eget ante rhoncus euismod. Nullam purus justo, pulvinar suscipit pharetra ut, dictum sed sem. Nulla vestibulum lacus eu lorem dapibus a luctus lectus tristique. Suspendisse accumsan dictum laoreet.")
      }
      (function myLoop (i) {          
         setTimeout(function () {   
            var text = tc.text();
            // if (text.length < 0) {
              tc.text(text.slice(1,text.length))          //  your code here                
            // }
            if (--i) myLoop(i);      //  decrement i and call myLoop again if i > 0
         }, 100)
      })(tc.text().length);                        //  pass the number of iterations as an argument
    }
    
  }, function() {
    clearAllTimeouts();
    $(this).removeClass('active');
  });
  
  // Clicks!
  jQuery('.map').click(function (e) {
    var href="http://maps.google.com/maps?q=Professor+Evertslaan+138+delft&hl=en&ll=52.003206,4.383566&spn=0.00712,0.019205&sll=52.002809,4.37876&sspn=0.00712,0.019205&vpsrc=0&hnear=Prof.+Evertslaan+138,+Delft,+Zuid-Holland,+The+Netherlands&t=m&z=16"
  	jQuery.modal('<iframe src="'+href+'&output=embed"></iframe>');
  	return false;
  });
  
});


function clearAllTimeouts(){
if (typeof clearAllTimeouts.last == 'undefined' ) {
    clearAllTimeouts.last = setTimeout("||void",0); // Opera || IE other browsers accept "" or "void"
    }
var mx = setTimeout("||void",0);
for(var i=clearAllTimeouts.last;i<=mx;i++){
    clearTimeout(i);
    }
clearAllTimeouts.last = i;
}