<!--
// Previously jquery.innerfade.js
/* =========================================================

// jquery.innerfade.js

// Datum: 2008-02-14
// Firma: Medienfreunde Hofmann & Baldes GbR
// Author: Torsten Baldes
// Mail: t.baldes@medienfreunde.com
// Web: http://medienfreunde.com

// based on the work of Matt Oakes http://portfolio.gizone.co.uk/applications/slideshow/
// and Ralf S. Engelschall http://trainofthoughts.org/

 *
 *  <ul id="news"> 
 *      <li>content 1</li>
 *      <li>content 2</li>
 *      <li>content 3</li>
 *  </ul>
 *  
 *  $('#news').innerfade({ 
 *   animationtype: Type of animation 'fade' or 'slide' (Default: 'fade'), 
 *   speed: Fading-/Sliding-Speed in milliseconds or keywords (slow, normal or fast) (Default: 'normal'), 
 *   timeout: Time between the fades in milliseconds (Default: '2000'), 
 *   type: Type of slideshow: 'sequence', 'random' or 'random_start' (Default: 'sequence'), 
 *       containerheight: Height of the containing element in any css-height-value (Default: 'auto'),
 *   runningclass: CSS-Class which the container getÕs applied (Default: 'innerfade'),
 *   children: optional children selector (Default: null)
 *  }); 
 *
// ========================================================= */
(function($) {

    $.fn.innerfade = function(options) {
        return this.each(function() {   
            $.innerfade(this, options);
        });
    };

    $.innerfade = function(container, options) {
        var settings = {
            'animationtype':    'fade',
            'speed':            'fast',
            'type':             'random',
            'timeout':          100, // milliseconds
            'containerheight':  'auto',
            'runningclass':     'innerfade',
            'children':         null
        };
        if (options)
            $.extend(settings, options);
        if (settings.children === null)
            var elements = $(container).children();
        else
            var elements = $(container).children(settings.children);
        if (elements.length > 1) {
            $(container).css('position', 'relative').css('height', settings.containerheight).addClass(settings.runningclass);
            for (var i = 0; i < elements.length; i++) {
                $(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute').hide();
            };
            if (0) {  /*settings.type == "sequence") {
                setTimeout(function() {
                    $.innerfade.next(elements, settings, 1, 0);
                }, settings.timeout);
                $(elements[0]).show();*/
            } else if (1) { /*settings.type == "random") {*/
                  var last = Math.floor ( Math.random () * ( elements.length ) );
                setTimeout(function() {
                    do { 
                                    current = Math.floor ( Math.random ( ) * ( elements.length ) );
                              } while (last == current );             
                              $.innerfade.next(elements, settings, current, last);
                }, settings.timeout);
                $(elements[last]).show();
                  } else if ( settings.type == 'random_start' ) {
                        settings.type = 'sequence';
                        var current = Math.floor ( Math.random () * ( elements.length ) );
                        setTimeout(function(){
                           $.innerfade.next(elements, settings, (current + 1) %  elements.length, current);
                        }, settings.timeout);
                        $(elements[current]).show();
                  }  else {
                     alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\'');
                  }
            }
    };

    $.innerfade.next = function(elements, settings, current, last) {
        if (settings.animationtype == 'slide') {
            $(elements[last]).slideUp(settings.speed);
            $(elements[current]).slideDown(settings.speed);
        } else if (settings.animationtype == 'fade') {
            $(elements[last]).fadeOut(settings.speed);
            $(elements[current]).fadeIn(settings.speed, function() {
                     removeFilter($(this)[0]);
                  });
        } else
            alert('Innerfade-animationtype must either be \'slide\' or \'fade\'');
        if (settings.type == "sequence") {
            if ((current + 1) < elements.length) {
                current = current + 1;
                last = current - 1;
            } else {
                current = 0;
                last = elements.length - 1;
            }
        } else if (settings.type == "random") {
            last = current;
            while (current == last)
                current = Math.floor(Math.random() * elements.length);
        } else
            alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\'');
        setTimeout((function() {
            $.innerfade.next(elements, settings, current, last);
        }), settings.timeout);
    };

})(jQuery);

// **** remove Opacity-Filter in ie ****
function removeFilter(element) {
   if(element.style.removeAttribute){
      element.style.removeAttribute('filter');
   }
}



// Previously slideshow.js
      $(document).ready(
            function(){
                     
               // Get contents of current slideshow div
               if(document.getElementById('slideshow')) {
                  var oldHTML = document.getElementById('slideshow').innerHTML;
               
                  // Add extra content to variable
                  var newHTML = "";

                  newHTML = newHTML + "<li class=\"two\"><a class=\"slideshow\" href=\"/courses/pgce/index.html\"><div style=\"left: 30px; overflow: hidden;\">The Cambridge PGCE<br /><p style=\"font-size: 80%; margin-bottom: 0; text-align: left;\">The leading initial teacher training<br />provider in the country</p><p style=\"text-align: left; margin-top: 0; font-size: 0.5em; text-decoration: underline;\">Click here for more information</p></div></a></li>";

                  newHTML = newHTML + "<li class=\"three\"><a class=\"slideshow\" href=\"/courses/undergradstudy/index.html\"><div style=\"left: 30px;\">The best Undergraduate Degree<br /><p style=\"font-size: 80%; margin-bottom: 0; text-align: left;\">according to The Times, The Guardian<br />and the Independent</p><p style=\"text-align: left; margin-top: 0; font-size: 0.5em; text-decoration: underline;\">Click here for more information</p></div></a></li>"

                  newHTML = newHTML + "<li class=\"four\"><a class=\"slideshow\" href=\"/courses/graduate/index.html\"><div style=\"left: 30px;\">Masters and Doctoral courses<br /><p style=\"font-size: 80%; margin-bottom: 0; text-align: left;\">Home to a thriving community<br />of students from around the globe</p><p style=\"text-align: left; margin-top: 0; font-size: 0.5em; text-decoration: underline;\">Click here for more information</p></div></a></li>";

                  newHTML = newHTML + "<li class=\"five\"><a class=\"slideshow\" href=\"/research/index.html\"><div style=\"left: 30px;\">World Class Research<br /><p style=\"font-size: 75%; margin-bottom: 0; text-align: left;\">Innovative research programmes that contribute<br />to improvement of educational policy and practice</p><p style=\"text-align: left; margin-top: 0; font-size: 0.5em; text-decoration: underline;\">Click here for more information</p></div></a></li>";

                  newHTML = newHTML + "<li class=\"six\"><a class=\"slideshow\" href=\"/library/index.html\"><div style=\"left: 30px;\">The Faculty of Education<br /><p style=\"font-size:80%; margin-bottom: 0; text-align: left;\">Valuing the contribution of user groups<br />in collaborative research partnerships</p><p style=\"text-align: left; margin-top: 0; font-size: 0.5em; text-decoration: underline;\">Click here for more information</p></div></a></li>";
               
                  // Change innerHTML to add old and new content
                  document.getElementById('slideshow').innerHTML = oldHTML + newHTML;     
                              
                  // Run Slideshow and fade between images using jQuery             
                  $('ul#slideshow').innerfade({
                     speed: 2000,
                     timeout: 6000,
                     type: 'sequence',
                     /*containerheight: '194px'*/ /* Change alongside frontpage css */
                     containerheight: '164px'
                  });
               }
               
         });
      

