Template:WUR script.js

From 2012.igem.org

Revision as of 09:07, 25 September 2012

/* START JQUERY PLUGINS */

/*jshint eqnull:true */ /*!

* jQuery Cookie Plugin v1.2
* https://github.com/carhartl/jquery-cookie
*
* Copyright 2011, Klaus Hartl
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://www.opensource.org/licenses/mit-license.php
* http://www.opensource.org/licenses/GPL-2.0
*/

(function ($, document, undefined) {

var pluses = /\+/g;

function raw(s) { return s; }

function decoded(s) { return decodeURIComponent(s.replace(pluses, ' ')); }

var config = $.cookie = function (key, value, options) {

// write if (value !== undefined) { options = $.extend({}, config.defaults, options);

if (value === null) { options.expires = -1; }

if (typeof options.expires === 'number') { var days = options.expires, t = options.expires = new Date(); t.setDate(t.getDate() + days); }

value = config.json ? JSON.stringify(value) : String(value);

return (document.cookie = [ encodeURIComponent(key), '=', config.raw ? value : encodeURIComponent(value), options.expires ? '; expires=' + options.expires.toUTCString() : , // use expires attribute, max-age is not supported by IE options.path  ? '; path=' + options.path : , options.domain  ? '; domain=' + options.domain : , options.secure  ? '; secure' : ].join()); }

// read var decode = config.raw ? raw : decoded; var cookies = document.cookie.split('; '); for (var i = 0, parts; (parts = cookies[i] && cookies[i].split('=')); i++) { if (decode(parts.shift()) === key) { var cookie = decode(parts.join('=')); return config.json ? JSON.parse(cookie) : cookie; } }

return null; };

config.defaults = {};

$.removeCookie = function (key, options) { if ($.cookie(key) !== null) { $.cookie(key, null, options); return true; } return false; };

})(jQuery, document);

/*

* jQuery Nivo Slider v3.0.1
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/

(function($) {

   var NivoSlider = function(element, options){
       // Defaults are below
       var settings = $.extend({}, $.fn.nivoSlider.defaults, options);

       // Useful variables. Play carefully.
       var vars = {
           currentSlide: 0,
           currentImage: ,
           totalSlides: 0,
           running: false,
           paused: false,
           stop: false,
           controlNavEl: false
       };

       // Get this slider
       var slider = $(element);
       slider.data('nivo:vars', vars).addClass('nivoSlider');

       // Find our slider children
       var kids = slider.children();
       kids.each(function() {
           var child = $(this);
           var link = ;
           if(!child.is('img')){
               if(child.is('a')){
                   child.addClass('nivo-imageLink');
                   link = child;
               }
               child = child.find('img:first');
           }
           // Get img width & height
           var childWidth = (childWidth === 0) ? child.attr('width') : child.width(),
               childHeight = (childHeight === 0) ? child.attr('height') : child.height();

           if(link !== ){
               link.css('display','none');
           }
           child.css('display','none');
           vars.totalSlides++;
       });
        
       // If randomStart
       if(settings.randomStart){
           settings.startSlide = Math.floor(Math.random() * vars.totalSlides);
       }
       
       // Set startSlide
       if(settings.startSlide > 0){
           if(settings.startSlide >= vars.totalSlides) { settings.startSlide = vars.totalSlides - 1; }
           vars.currentSlide = settings.startSlide;
       }
       
       // Get initial image
       if($(kids[vars.currentSlide]).is('img')){
           vars.currentImage = $(kids[vars.currentSlide]);
       } else {
           vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
       }
       
       // Show initial link
       if($(kids[vars.currentSlide]).is('a')){
           $(kids[vars.currentSlide]).css('display','block');
       }
       
       // Set first background
       var sliderImg = $('<img class="nivo-main-image" src="#" />');
       sliderImg.attr('src', vars.currentImage.attr('src')).show();
       slider.append(sliderImg);

       // Detect Window Resize
       $(window).resize(function() {
           slider.children('img').width(slider.width());
           sliderImg.attr('src', vars.currentImage.attr('src'));
           sliderImg.stop().height('auto');
           $('.nivo-slice').remove();
           $('.nivo-box').remove();
       });

       //Create caption

       // Process caption function
       var processCaption = function(settings){
           var nivoCaption = $('.nivo-caption', slider);
           if(vars.currentImage.attr('title') !=  && vars.currentImage.attr('title') != undefined){
               var title = vars.currentImage.attr('title');
               if(title.substr(0,1) == '#') title = $(title).html();   

               if(nivoCaption.css('display') == 'block'){
                   setTimeout(function(){
                       nivoCaption.html(title);
                   }, settings.animSpeed);
               } else {
                   nivoCaption.html(title);
                   nivoCaption.stop().fadeIn(settings.animSpeed);
               }
           } else {
               nivoCaption.stop().fadeOut(settings.animSpeed);
           }
       }
       
       //Process initial  caption
       processCaption(settings);
       
       // In the words of Super Mario "let's a go!"
       var timer = 0;
       if(!settings.manualAdvance && kids.length > 1){
           timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
       }
       
       // Add Direction nav
       if(settings.directionNav){

           // Hide Direction nav
           if(settings.directionNavHide){
               $('.nivo-directionNav', slider).hide();
               slider.hover(function(){
                   $('.nivo-directionNav', slider).show();
               }, function(){
                   $('.nivo-directionNav', slider).hide();
               });
           }
           
           $('a.nivo-prevNav', slider).live('click', function(){
               if(vars.running) { return false; }
               clearInterval(timer);
               timer = ;
               vars.currentSlide -= 2;
               nivoRun(slider, kids, settings, 'prev');
           });
           
           $('a.nivo-nextNav', slider).live('click', function(){
               if(vars.running) { return false; }
               clearInterval(timer);
               timer = ;
               nivoRun(slider, kids, settings, 'next');
           });
       }
       
       // Add Control nav
       if(settings.controlNav){

           slider.after(vars.controlNavEl);
           for(var i = 0; i < kids.length; i++){
               if(settings.controlNavThumbs){
                   vars.controlNavEl.addClass('nivo-thumbs-enabled');
                   var child = kids.eq(i);
                   if(!child.is('img')){
                       child = child.find('img:first');
                   }
                   if(child.attr('data-thumb')) vars.controlNavEl.append('<a class="nivo-control" rel="'+ i +'"><img src="'+ child.attr('data-thumb') +'" alt="" /></a>');
               } else {
                   vars.controlNavEl.append('<a class="nivo-control" rel="'+ i +'">'+ (i + 1) +'</a>');
               }
           }

           //Set initial active link
           $('a:eq('+ vars.currentSlide +')', vars.controlNavEl).addClass('active');
           
           $('a', vars.controlNavEl).bind('click', function(){
               if(vars.running) return false;
               if($(this).hasClass('active')) return false;
               clearInterval(timer);
               timer = ;
               sliderImg.attr('src', vars.currentImage.attr('src'));
               vars.currentSlide = $(this).attr('rel') - 1;
               nivoRun(slider, kids, settings, 'control');
           });
       }
       
       //For pauseOnHover setting
       if(settings.pauseOnHover){
           slider.hover(function(){
               vars.paused = true;
               clearInterval(timer);
               timer = ;
           }, function(){
               vars.paused = false;
               // Restart the timer
               if(timer ===  && !settings.manualAdvance){
                   timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
               }
           });
       }
       
       // Event when Animation finishes
       slider.bind('nivo:animFinished', function(){
           sliderImg.attr('src', vars.currentImage.attr('src'));
           vars.running = false; 
           // Hide child links
           $(kids).each(function(){
               if($(this).is('a')){
                  $(this).css('display','none');
               }
           });
           // Show current link
           if($(kids[vars.currentSlide]).is('a')){
               $(kids[vars.currentSlide]).css('display','block');
           }
           // Restart the timer
           if(timer ===  && !vars.paused && !settings.manualAdvance){
               timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime);
           }
           // Trigger the afterChange callback
           settings.afterChange.call(this);
       }); 
       
       // Add slices for slice animations
       var createSlices = function(slider, settings, vars) {
       	if($(vars.currentImage).parent().is('a')) $(vars.currentImage).parent().css('display','block');
           $('img[src="'+ vars.currentImage.attr('src') +'"]', slider).not('.nivo-main-image,.nivo-control img').width(slider.width()).css('visibility', 'hidden').show();
           var sliceHeight = ($('img[src="'+ vars.currentImage.attr('src') +'"]', slider).not('.nivo-main-image,.nivo-control img').parent().is('a')) ? $('img[src="'+ vars.currentImage.attr('src') +'"]', slider).not('.nivo-main-image,.nivo-control img').parent().height() : $('img[src="'+ vars.currentImage.attr('src') +'"]', slider).not('.nivo-main-image,.nivo-control img').height();

           for(var i = 0; i < settings.slices; i++){
               var sliceWidth = Math.round(slider.width()/settings.slices);
               
               if(i === settings.slices-1){
                   slider.append(

                           left:(sliceWidth*i)+'px', 
                           width:(slider.width()-(sliceWidth*i))+'px',
                           height:sliceHeight+'px', 
                           opacity:'0',
                           overflow:'hidden'
                       })
                   );
               } else {
                   slider.append(

                           left:(sliceWidth*i)+'px', 
                           width:sliceWidth+'px',
                           height:sliceHeight+'px',
                           opacity:'0',
                           overflow:'hidden'
                       })
                   );
               }
           }
           
           $('.nivo-slice', slider).height(sliceHeight);
           sliderImg.stop().animate({
               height: $(vars.currentImage).height()
           }, settings.animSpeed);
       };
       
       // Add boxes for box animations
       var createBoxes = function(slider, settings, vars){
       	if($(vars.currentImage).parent().is('a')) $(vars.currentImage).parent().css('display','block');
           $('img[src="'+ vars.currentImage.attr('src') +'"]', slider).not('.nivo-main-image,.nivo-control img').width(slider.width()).css('visibility', 'hidden').show();
           var boxWidth = Math.round(slider.width()/settings.boxCols),
               boxHeight = Math.round($('img[src="'+ vars.currentImage.attr('src') +'"]', slider).not('.nivo-main-image,.nivo-control img').height() / settings.boxRows);
           
                       
           for(var rows = 0; rows < settings.boxRows; rows++){
               for(var cols = 0; cols < settings.boxCols; cols++){
                   if(cols === settings.boxCols-1){
                       slider.append(

                               opacity:0,
                               left:(boxWidth*cols)+'px', 
                               top:(boxHeight*rows)+'px',
                               width:(slider.width()-(boxWidth*cols))+'px'
                               
                           })
                       );
                       $('.nivo-box[name="'+ cols +'"]', slider).height($('.nivo-box[name="'+ cols +'"] img', slider).height()+'px');
                   } else {
                       slider.append(

                               opacity:0,
                               left:(boxWidth*cols)+'px', 
                               top:(boxHeight*rows)+'px',
                               width:boxWidth+'px'
                           })
                       );
                       $('.nivo-box[name="'+ cols +'"]', slider).height($('.nivo-box[name="'+ cols +'"] img', slider).height()+'px');
                   }
               }
           }
           
           sliderImg.stop().animate({
               height: $(vars.currentImage).height()
           }, settings.animSpeed);
       };

       // Private run method
       var nivoRun = function(slider, kids, settings, nudge){          
           // Get our vars
           var vars = slider.data('nivo:vars');
           
           // Trigger the lastSlide callback
           if(vars && (vars.currentSlide === vars.totalSlides - 1)){ 
               settings.lastSlide.call(this);
           }
           
           // Stop
           if((!vars || vars.stop) && !nudge) { return false; }
           
           // Trigger the beforeChange callback
           settings.beforeChange.call(this);

           // Set current background before change
           if(!nudge){
               sliderImg.attr('src', vars.currentImage.attr('src'));
           } else {
               if(nudge === 'prev'){
                   sliderImg.attr('src', vars.currentImage.attr('src'));
               }
               if(nudge === 'next'){
                   sliderImg.attr('src', vars.currentImage.attr('src'));
               }
           }
           
           vars.currentSlide++;
           // Trigger the slideshowEnd callback
           if(vars.currentSlide === vars.totalSlides){ 
               vars.currentSlide = 0;
               settings.slideshowEnd.call(this);
           }
           if(vars.currentSlide < 0) { vars.currentSlide = (vars.totalSlides - 1); }
           // Set vars.currentImage
           if($(kids[vars.currentSlide]).is('img')){
               vars.currentImage = $(kids[vars.currentSlide]);
           } else {
               vars.currentImage = $(kids[vars.currentSlide]).find('img:first');
           }
           
           // Set active links
           if(settings.controlNav){
               $('a', vars.controlNavEl).removeClass('active');
               $('a:eq('+ vars.currentSlide +')', vars.controlNavEl).addClass('active');
           }
           
           // Process caption
           processCaption(settings);            
           
           // Remove any slices from last transition
           $('.nivo-slice', slider).remove();
           
           // Remove any boxes from last transition
           $('.nivo-box', slider).remove();
           
           var currentEffect = settings.effect,
               anims = ;
               
           // Generate random effect
           if(settings.effect === 'random'){
               anims = new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade',
               'boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse');
               currentEffect = anims[Math.floor(Math.random()*(anims.length + 1))];
               if(currentEffect === undefined) { currentEffect = 'fade'; }
           }
           
           // Run random effect from specified set (eg: effect:'fold,fade')
           if(settings.effect.indexOf(',') !== -1){
               anims = settings.effect.split(',');
               currentEffect = anims[Math.floor(Math.random()*(anims.length))];
               if(currentEffect === undefined) { currentEffect = 'fade'; }
           }
           
           // Custom transition as defined by "data-transition" attribute
           if(vars.currentImage.attr('data-transition')){
               currentEffect = vars.currentImage.attr('data-transition');
           }
       
           // Run effects
           vars.running = true;
           var timeBuff = 0,
               i = 0,
               slices = ,
               firstSlice = ,
               totalBoxes = ,
               boxes = ;
           
           if(currentEffect === 'sliceDown' || currentEffect === 'sliceDownRight' || currentEffect === 'sliceDownLeft'){
               createSlices(slider, settings, vars);
               timeBuff = 0;
               i = 0;
               slices = $('.nivo-slice', slider);
               if(currentEffect === 'sliceDownLeft') { slices = $('.nivo-slice', slider)._reverse(); }
               
               slices.each(function(){
                   var slice = $(this);
                   slice.css({ 'top': '0px' });
                   if(i === settings.slices-1){
                       setTimeout(function(){
                           slice.animate({opacity:'1.0' }, settings.animSpeed, , function(){ slider.trigger('nivo:animFinished'); });
                       }, (100 + timeBuff));
                   } else {
                       setTimeout(function(){
                           slice.animate({opacity:'1.0' }, settings.animSpeed);
                       }, (100 + timeBuff));
                   }
                   timeBuff += 50;
                   i++;
               });
           } else if(currentEffect === 'sliceUp' || currentEffect === 'sliceUpRight' || currentEffect === 'sliceUpLeft'){
               createSlices(slider, settings, vars);
               timeBuff = 0;
               i = 0;
               slices = $('.nivo-slice', slider);
               if(currentEffect === 'sliceUpLeft') { slices = $('.nivo-slice', slider)._reverse(); }
               
               slices.each(function(){
                   var slice = $(this);
                   slice.css({ 'bottom': '0px' });
                   if(i === settings.slices-1){
                       setTimeout(function(){
                           slice.animate({opacity:'1.0' }, settings.animSpeed, , function(){ slider.trigger('nivo:animFinished'); });
                       }, (100 + timeBuff));
                   } else {
                       setTimeout(function(){
                           slice.animate({opacity:'1.0' }, settings.animSpeed);
                       }, (100 + timeBuff));
                   }
                   timeBuff += 50;
                   i++;
               });
           } else if(currentEffect === 'sliceUpDown' || currentEffect === 'sliceUpDownRight' || currentEffect === 'sliceUpDownLeft'){
               createSlices(slider, settings, vars);
               timeBuff = 0;
               i = 0;
               var v = 0;
               slices = $('.nivo-slice', slider);
               if(currentEffect === 'sliceUpDownLeft') { slices = $('.nivo-slice', slider)._reverse(); }
               
               slices.each(function(){
                   var slice = $(this);
                   if(i === 0){
                       slice.css('top','0px');
                       i++;
                   } else {
                       slice.css('bottom','0px');
                       i = 0;
                   }
                   
                   if(v === settings.slices-1){
                       setTimeout(function(){
                           slice.animate({opacity:'1.0' }, settings.animSpeed, , function(){ slider.trigger('nivo:animFinished'); });
                       }, (100 + timeBuff));
                   } else {
                       setTimeout(function(){
                           slice.animate({opacity:'1.0' }, settings.animSpeed);
                       }, (100 + timeBuff));
                   }
                   timeBuff += 50;
                   v++;
               });
           } else if(currentEffect === 'fold'){
               createSlices(slider, settings, vars);
               timeBuff = 0;
               i = 0;
               
               $('.nivo-slice', slider).each(function(){
                   var slice = $(this);
                   var origWidth = slice.width();
                   slice.css({ top:'0px', width:'0px' });
                   if(i === settings.slices-1){
                       setTimeout(function(){
                           slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed, , function(){ slider.trigger('nivo:animFinished'); });
                       }, (100 + timeBuff));
                   } else {
                       setTimeout(function(){
                           slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed);
                       }, (100 + timeBuff));
                   }
                   timeBuff += 50;
                   i++;
               });
           } else if(currentEffect === 'fade'){
               createSlices(slider, settings, vars);
               
               firstSlice = $('.nivo-slice:first', slider);
               firstSlice.css({
                   'width': slider.width() + 'px'
               });
   
               firstSlice.animate({ opacity:'1.0' }, (settings.animSpeed*2), , function(){ slider.trigger('nivo:animFinished'); });
           } else if(currentEffect === 'slideInRight'){
               createSlices(slider, settings, vars);
               
               firstSlice = $('.nivo-slice:first', slider);
               firstSlice.css({
                   'width': '0px',
                   'opacity': '1'
               });

               firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed*2), , function(){ slider.trigger('nivo:animFinished'); });
           } else if(currentEffect === 'slideInLeft'){
               createSlices(slider, settings, vars);
               
               firstSlice = $('.nivo-slice:first', slider);
               firstSlice.css({
                   'width': '0px',
                   'opacity': '1',
                   'left': ,
                   'right': '0px'
               });

               firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed*2), , function(){ 
                   // Reset positioning
                   firstSlice.css({
                       'left': '0px',
                       'right': 
                   });
                   slider.trigger('nivo:animFinished'); 
               });
           } else if(currentEffect === 'boxRandom'){
               createBoxes(slider, settings, vars);
               
               totalBoxes = settings.boxCols * settings.boxRows;
               i = 0;
               timeBuff = 0;

               boxes = shuffle($('.nivo-box', slider));
               boxes.each(function(){
                   var box = $(this);
                   if(i === totalBoxes-1){
                       setTimeout(function(){
                           box.animate({ opacity:'1' }, settings.animSpeed, , function(){ slider.trigger('nivo:animFinished'); });
                       }, (100 + timeBuff));
                   } else {
                       setTimeout(function(){
                           box.animate({ opacity:'1' }, settings.animSpeed);
                       }, (100 + timeBuff));
                   }
                   timeBuff += 20;
                   i++;
               });
           } else if(currentEffect === 'boxRain' || currentEffect === 'boxRainReverse' || currentEffect === 'boxRainGrow' || currentEffect === 'boxRainGrowReverse'){
               createBoxes(slider, settings, vars);
               
               totalBoxes = settings.boxCols * settings.boxRows;
               i = 0;
               timeBuff = 0;
               
               // Split boxes into 2D array
               var rowIndex = 0;
               var colIndex = 0;
               var box2Darr = [];
               box2Darr[rowIndex] = [];
               boxes = $('.nivo-box', slider);
               if(currentEffect === 'boxRainReverse' || currentEffect === 'boxRainGrowReverse'){
                   boxes = $('.nivo-box', slider)._reverse();
               }
               boxes.each(function(){
                   box2Darr[rowIndex][colIndex] = $(this);
                   colIndex++;
                   if(colIndex === settings.boxCols){
                       rowIndex++;
                       colIndex = 0;
                       box2Darr[rowIndex] = [];
                   }
               });
               
               // Run animation
               for(var cols = 0; cols < (settings.boxCols * 2); cols++){
                   var prevCol = cols;
                   for(var rows = 0; rows < settings.boxRows; rows++){
                       if(prevCol >= 0 && prevCol < settings.boxCols){
                           /* Due to some weird JS bug with loop vars 
                           being used in setTimeout, this is wrapped
                           with an anonymous function call */
                           (function(row, col, time, i, totalBoxes) {
                               var box = $(box2Darr[row][col]);
                               var w = box.width();
                               var h = box.height();
                               if(currentEffect === 'boxRainGrow' || currentEffect === 'boxRainGrowReverse'){
                                   box.width(0).height(0);
                               }
                               if(i === totalBoxes-1){
                                   setTimeout(function(){
                                       box.animate({ opacity:'1', width:w, height:h }, settings.animSpeed/1.3, , function(){ slider.trigger('nivo:animFinished'); });
                                   }, (100 + time));
                               } else {
                                   setTimeout(function(){
                                       box.animate({ opacity:'1', width:w, height:h }, settings.animSpeed/1.3);
                                   }, (100 + time));
                               }
                           })(rows, prevCol, timeBuff, i, totalBoxes);
                           i++;
                       }
                       prevCol--;
                   }
                   timeBuff += 100;
               }
           }           
       };
       
       // Shuffle an array
       var shuffle = function(arr){
           for(var j, x, i = arr.length; i; j = parseInt(Math.random() * i, 10), x = arr[--i], arr[i] = arr[j], arr[j] = x);
           return arr;
       };
       
       // For debugging
       var trace = function(msg){
           if(this.console && typeof console.log !== 'undefined') { console.log(msg); }
       };
       
       // Start / Stop
       this.stop = function(){
           if(!$(element).data('nivo:vars').stop){
               $(element).data('nivo:vars').stop = true;
               trace('Stop Slider');
           }
       };
       
       this.start = function(){
           if($(element).data('nivo:vars').stop){
               $(element).data('nivo:vars').stop = false;
               trace('Start Slider');
           }
       };
       
       // Trigger the afterLoad callback
       settings.afterLoad.call(this);
       
       return this;
   };
       
   $.fn.nivoSlider = function(options) {
       return this.each(function(key, value){
           var element = $(this);
           // Return early if this element already has a plugin instance
           if (element.data('nivoslider')) { return element.data('nivoslider'); }
           // Pass options to plugin constructor
           var nivoslider = new NivoSlider(this, options);
           // Store plugin object in this element's data
           element.data('nivoslider', nivoslider);
       });
   };
   
   //Default settings
   $.fn.nivoSlider.defaults = {
       effect: 'random',
       slices: 15,
       boxCols: 8,
       boxRows: 4,
       animSpeed: 500,
       pauseTime: 3000,
       startSlide: 0,
       directionNav: true,
       directionNavHide: true,
       controlNav: true,
       controlNavThumbs: false,
       pauseOnHover: true,
       manualAdvance: false,
       prevText: 'Prev',
       nextText: 'Next',
       randomStart: false,
       beforeChange: function(){},
       afterChange: function(){},
       slideshowEnd: function(){},
       lastSlide: function(){},
       afterLoad: function(){}
   };

   $.fn._reverse = [].reverse;
   

})(jQuery);

/*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */ (function(u,p,f,q){var o=f(u),n=f(p),b=f.fancybox=function(){b.open.apply(this,arguments)},z=null,m=p.createTouch!==q,x=function(a){return a&&a.hasOwnProperty&&a instanceof f},s=function(a){return a&&"string"===f.type(a)},C=function(a){return s(a)&&0<a.indexOf("%")},k=function(a,c){var e=parseInt(a,10);c&&C(a)&&(e*=b.getViewport()[c]/100);return Math.ceil(e)},v=function(a,b){return k(a,b)+"px"};f.extend(b,{version:"2.1.0",defaults:{padding:15,margin:20,width:800,height:600,minWidth:100,minHeight:100, maxWidth:9999,maxHeight:9999,autoSize:!0,autoHeight:!1,autoWidth:!1,autoResize:!m,autoCenter:!m,fitToView:!0,aspectRatio:!1,topRatio:0.5,leftRatio:0.5,scrolling:"auto",wrapCSS:"",arrows:!0,closeBtn:!0,closeClick:!1,nextClick:!1,mouseWheel:!0,autoPlay:!1,playSpeed:3E3,preload:3,modal:!1,loop:!0,ajax:{dataType:"html",headers:{"X-fancyBox":!0}},iframe:{scrolling:"auto",preload:!0},swf:{wmode:"transparent",allowfullscreen:"true",allowscriptaccess:"always"},keys:{next:{13:"left",34:"up",39:"left",40:"up"},

The requested content cannot be loaded.
Please try again later.

openOpacity:!0,openMethod:"zoomIn",closeEffect:"fade",closeSpeed:250,closeEasing:"swing",closeOpacity:!0,closeMethod:"zoomOut",nextEffect:"elastic",nextSpeed:250,nextEasing:"swing",nextMethod:"changeIn",prevEffect:"elastic",prevSpeed:250,prevEasing:"swing",prevMethod:"changeOut",helpers:{overlay:{closeClick:!0,speedOut:200,showEarly:!0,css:{}},title:{type:"float"}},onCancel:f.noop,beforeLoad:f.noop,afterLoad:f.noop,beforeShow:f.noop,afterShow:f.noop,beforeChange:f.noop,beforeClose:f.noop,afterClose:f.noop}, group:{},opts:{},previous:null,coming:null,current:null,isActive:!1,isOpen:!1,isOpened:!1,wrap:null,skin:null,outer:null,inner:null,player:{timer:null,isActive:!1},ajaxLoad:null,imgPreload:null,transitions:{},helpers:{},open:function(a,c){if(a&&(f.isPlainObject(c)||(c={}),!1!==b.close(!0)))return f.isArray(a)||(a=x(a)?f(a).get():[a]),f.each(a,function(e,d){var j={},g,h,i,l,k;"object"===f.type(d)&&(d.nodeType&&(d=f(d)),x(d)?(j={href:d.attr("href"),title:d.attr("title"),isDom:!0,element:d},f.metadata&& f.extend(!0,j,d.metadata())):j=d);g=c.href||j.href||(s(d)?d:null);h=c.title!==q?c.title:j.title||"";l=(i=c.content||j.content)?"html":c.type||j.type;!l&&j.isDom&&(l=d.data("fancybox-type"),l||(l=(l=d.prop("class").match(/fancybox\.(\w+)/))?l[1]:null));if(s(g)&&(l||(b.isImage(g)?l="image":b.isSWF(g)?l="swf":"#"===g.charAt(0)?l="inline":s(d)&&(l="html",i=d)),"ajax"===l))k=g.split(/\s+/,2),g=k.shift(),k=k.shift();i||("inline"===l?g?i=f(s(g)?g.replace(/.*(?=#[^\s]+$)/,""):g):j.isDom&&(i=d):"html"===l? i=g:!l&&(!g&&j.isDom)&&(l="inline",i=d));f.extend(j,{href:g,type:l,content:i,title:h,selector:k});a[e]=j}),b.opts=f.extend(!0,{},b.defaults,c),c.keys!==q&&(b.opts.keys=c.keys?f.extend({},b.defaults.keys,c.keys):!1),b.group=a,b._start(b.opts.index)},cancel:function(){var a=b.coming;a&&!1!==b.trigger("onCancel")&&(b.hideLoading(),b.ajaxLoad&&b.ajaxLoad.abort(),b.ajaxLoad=null,b.imgPreload&&(b.imgPreload.onload=b.imgPreload.onerror=null),a.wrap&&a.wrap.stop(!0).trigger("onReset").remove(),b.current|| b.trigger("afterClose"),b.coming=null)},close:function(a){b.cancel();!1!==b.trigger("beforeClose")&&(b.unbindEvents(),!b.isOpen||!0===a?(f(".fancybox-wrap").stop(!0).trigger("onReset").remove(),b._afterZoomOut()):(b.isOpen=b.isOpened=!1,b.isClosing=!0,f(".fancybox-item, .fancybox-nav").remove(),b.wrap.stop(!0,!0).removeClass("fancybox-opened"),"fixed"===b.wrap.css("position")&&b.wrap.css(b._getPosition(!0)),b.transitions[b.current.closeMethod]()))},play:function(a){var c=function(){clearTimeout(b.player.timer)}, e=function(){c();b.current&&b.player.isActive&&(b.player.timer=setTimeout(b.next,b.current.playSpeed))},d=function(){c();f("body").unbind(".player");b.player.isActive=!1;b.trigger("onPlayEnd")};if(!0===a||!b.player.isActive&&!1!==a){if(b.current&&(b.current.loop||b.current.index=d.index?"next":"prev"],b.router=e||"jumpto",d.loop&&(0>a&&(a=d.group.length+a%d.group.length),a%=d.group.length),d.group[a]!==q))b.cancel(),b._start(a)},reposition:function(a,c){var e;b.isOpen&&(e=b._getPosition(c),a&&"scroll"===a.type?(delete e.position,b.wrap.stop(!0, !0).animate(e,200)):b.wrap.css(e))},update:function(a){var c=a&&a.type,e=!c||"orientationchange"===c;e&&(clearTimeout(z),z=null);if(b.isOpen&&!z){if(e||m)b.wrap.removeAttr("style").addClass("fancybox-tmp"),b.trigger("onUpdate");z=setTimeout(function(){var d=b.current;if(d){b.wrap.removeClass("fancybox-tmp");c!=="scroll"&&b._setDimension();c==="scroll"&&d.canShrink||b.reposition(a);b.trigger("onUpdate");z=null}},m?500:e?20:300)}},toggle:function(a){b.isOpen&&(b.current.fitToView="boolean"===f.type(a)?

   player = new YT.Player('projectVideoPlayer', {
     height: '360',
     width: '480',
     videoId: '19JbFIIyi5c',
     playerVars: {'rel': 0, 'autohide': 1, 'showinfo': 0, 'theme': 'light'},
     events: {
       'onReady': onPlayerReady,
       'onStateChange': onPlayerStateChange
     }
   });

   evt.target.playVideo();
 }

   if(evt.data == YT.PlayerState.PAUSED ) {
   	endVideo(evt);
   }
   if(evt.data == YT.PlayerState.ENDED) {
   	$.cookie('igemWURwatchedVideo', 'watchedAll');
   }

   player.stopVideo();