$(document).ready(function(){ 
    var $ss = $('#ss_rb');
    
    // add slides to slideshow (images 2-8)
    for (var i = 2; i < 4; i++)
        $ss.append('<img src="img/projects/rb/rb'+i+'.png" width="440" height="320" />');

    // start the slideshow
    $ss.cycle();
    
    $('#ss_rb').cycle({ 
    fx:     'scrollLeft', 
    easing: 'easeOutCubic',
    speed:  800,
    next:   '#ss_rb', 
    timeout: 0
  });
  
   var $ss2 = $('#ss_kf');
    
    // add slides to slideshow (images 2-8)
    for (var i = 2; i < 4; i++)
        $ss2.append('<img src="img/projects/kf/kf'+i+'.png" width="440" height="320" />');

    // start the slideshow
    $ss2.cycle();
    
    $('#ss_kf').cycle({ 
    fx:     'scrollLeft', 
    easing: 'easeOutCubic',
    speed:  800,
    next:   '#ss_kf', 
    timeout: 0
  });
  
  var $ss3 = $('#ss_ur');
    
    // add slides to slideshow (images 2-8)
    for (var i = 2; i < 4; i++)
        $ss3.append('<img src="img/projects/ur/ur'+i+'.png" width="440" height="320" />');

    // start the slideshow
    $ss3.cycle();
    
    $('#ss_ur').cycle({ 
    fx:     'scrollLeft', 
    easing: 'easeOutCubic',
    speed:  800,
    next:   '#ss_ur', 
    timeout: 0
  });
  
  var $ss4 = $('#ss_sw');
    
    // add slides to slideshow (images 2-8)
    for (var i = 2; i < 4; i++)
        $ss4.append('<img src="img/projects/sw/sw'+i+'.png" width="440" height="320" />');

    // start the slideshow
    $ss4.cycle();
    
    $('#ss_sw').cycle({ 
    fx:     'scrollLeft', 
    easing: 'easeOutCubic',
    speed:  800,
    next:   '#ss_sw', 
    timeout: 0
  });
  
  var $ss5 = $('#ss_hp');
    
    // add slides to slideshow (images 2-8)
    for (var i = 2; i < 4; i++)
        $ss5.append('<img src="img/projects/hp/hp'+i+'.png" width="440" height="320" />');

    // start the slideshow
    $ss5.cycle();
    
    $('#ss_hp').cycle({ 
    fx:     'scrollLeft', 
    easing: 'easeOutCubic',
    speed:  800,
    next:   '#ss_hp', 
    timeout: 0
  });
  
  var $ss6 = $('#ss_ct');
    
    // add slides to slideshow (images 2-8)
    for (var i = 2; i < 4; i++)
        $ss6.append('<img src="img/projects/ct/ct'+i+'.png" width="440" height="320" />');

    // start the slideshow
    $ss6.cycle();
    
    $('#ss_ct').cycle({ 
    fx:     'scrollLeft', 
    easing: 'easeOutCubic',
    speed:  800,
    next:   '#ss_ct', 
    timeout: 0
  });
  
  $('#intro_heading').localScroll();
  $(document).pngFix(); 
});