// JavaScript Document 
    
    
      var count = 0;
      var next = 1;
      var fadeTop = false;
      var duration = 1000;
      var pause = 5000;
      var single = true;
      var boxes = 3;
      var pos = 0;
      var slidetime = 1000;
      var slidepause = 5000;
      var slidehold = 10000;
      var timeo;
      var dif;
      var l;
      var w;
      
      // when the DOM is ready...
      $(document).ready(function(){
        
         // Slider
         $('#slider').css('overflow', 'hidden');
         $('#slideleft').html('<a href="#" id="arrowleft"><span>Left</span></a>');
         $('#slideright').html('<a href="#" id="arrowright"><span>Right</span></a>');
         
         var sbl = $('.projects-slide').length;
         dif = boxes-(sbl-Math.floor(sbl/boxes)*boxes);
         
         if (single && sbl>boxes)
         {
           if (dif<boxes)
           {
             for (i=0; i<dif; i++)
             {
               $('.projects-slide').eq(i).clone().appendTo(
                 $('.slideset').eq($('.slideset').length-1)
               );
             }
           }
           $('#slidesets').append('<div class="slideset"></div>');
           
           for(i=dif==boxes ? 0 : dif; i<boxes; i++)
           {
             $('.projects-slide').eq(i).clone().appendTo(
               $('.slideset').eq($('.slideset').length-1)
             );
           }
         }
         $('#slidesets').css('width', $('.slideset').length*$('#slider').width()+'px');
         arrowTest();
                  
         $('#arrowleft').click(function(){ slide(1, true); return false; });
         $('#slideright').click(function(){ slide(-1, true); return false; });
         
         timeo = setTimeout(slide, slidepause);
         
         // Fader
         fadeTest();
         
         resize();
         $(window).resize(function(){
           resize();
         });
         
      });
      
      function resize()
      {
        var h = $(window).height()<$('#container').height() ? $('#container').height() : $(window).height();
        $('html').height(h);
        $('body').height(h);
      }
            
      function fadeTest()
      {
        $('.fader').each(function(n){
          if (n==count)
            $(this).show();
          else
            $(this).hide();
        });
        
        $('.fader').eq(next).show();
        
        if (next>count)
        {
          $('.fader').eq(next).fadeTo(0, 0);
          waitAndFade(next, 1);
        }
        else
          waitAndFade(count, 0);
      }
      
      function waitAndFade(i, opacity)
      {
        $('.fader').eq(i).delay(pause).fadeTo(duration, opacity, fadeCallback);
      }
      
      function fadeCallback()
      {
        count = next;
        next = next+1 < $('.fader').length ? next+1 : 0;
        fadeTest();
      }
      
      function slide(n, hold)
      {
        if (n==undefined) n = -1;
        clearTimeout(timeo);
        pos += n*1;
        
        var l;
        var w;
        
        if (single)
        {
          l = $('.projects-slide').length;
          w = $('#slider').width()/boxes;
        }
        else
        {
          l = $('.slideset').length;
          w = $('#slider').width();
        }
        
        $('#slidesets').animate({ marginLeft: w*pos }, slidetime, slideCallback);
        arrowTest();
        
        var s = hold ? slidehold : slidepause;
        timeo = setTimeout(slide, s, [-1]);
        var m = single ? ($('.slideset').length-2)*boxes+($('.slideset').eq($('.slideset').length-1).children('.projects-slide').length) : $('.projects-slide').length;
        if (pos<=(m)*-1) pos = 0;
        //alert(($('.slideset').length-2)*boxes+($('.slideset').eq('.slideset').length-1).children('.slidebox').length));
      }
      
      function slideCallback()
      {
        if (single)
        {
          if (pos==0)
          {
            $('#slidesets').css('marginLeft', 0);
            $('#arrowleft').css('display', 'none');
            $('#arrowright').css('display', 'inline');
          }
        }
      }
      
      function arrowTest()
      {
        var l = single ? l = $('.projects-slide').length : $('.slideset').length;
        var m = single ? ($('.slideset').length-2)*boxes+($('.slideset').eq($('.slideset').length-1).children('.projects-slide').length) : $('.projects-slide').length;
        $('#arrowleft').css('display', pos==0 ? 'none' : 'inline');
        $('#arrowright').css('display', pos==(m)*-1 ? 'none' : 'inline');
      }