$('#slideshow').crossSlide({
  fade: 1 
}, 

[
  {
    src:  'js/image1.jpg',
    alt:  'guatemala',
    from: '100% 80% 1x',
    to:   '100% 0% 1.7x',
    time: 3
  }, {
    src:  'js/image2.jpg',
    alt:  'guatemala',
    from: 'top left',
    to:   'bottom right 1.5x',
    time: 3
  }, {
    src:  'js/image3.jpg',
    alt:  'guatemala',
    from: '100% 80% 1.5x',
    to:   '80% 0% 1.1x',
    time: 3
  },{
    src:  'js/image4.jpg',
    alt:  'guatemala',
   from: '100% 50%',
    to:   '30% 50% 1.5x',
    time: 3
  },{
    src:  'js/image5.jpg',
    alt:  'guatemala',
    from: '100% 80% 1.5x',
    to:   '80% 0% 1.1x',
    time: 3
  }, {
    src:  'js/image6.jpg',
    alt:  'guatemala',
    from: '100% 80% 1x',
    to:   '100% 0% 1.7x',
    time: 3
  },{
    src:  'js/image7.jpg',
    alt:  'guatemala',
   from: '100% 50%',
    to:   '30% 50% 1.5x',
      time: 3
  }, {
    src:  'js/image8.jpg',
    alt:  'guatemala',
    from: '100% 50%',
    to:   '30% 50% 1.5x',
    time: 3
  } ,{
    src:  'js/image9.jpg',
    alt:  'guatemala',
    from: '100% 80% 1.5x',
    to:   '80% 0% 1.1x',
    time: 3
  } ,{
    src:  'js/image10.jpg',
    alt:  'guatemala',
  from: 'top left',
    to:   'bottom right 1.5x',
        time: 3
  }

  
]

, function(idx, img, idxOut, imgOut) 
{
  if (idxOut == undefined)
  {
    // starting single image phase, put up caption
    $('div.caption').text(img.alt).animate({ opacity: .7 })
  }
  else
  {
    // starting cross-fade phase, take out caption
    $('div.caption').fadeOut()
  }
});