function onBefore(curr, next, opts) { 

	var images = document.getElementById('tour_image').value;
	images = images.split('::'); 

	var prices = document.getElementById('tour_price').value;
	prices = prices.split('::'); 

	var urls = document.getElementById('tour_url').value;
	urls = urls.split('::'); 

	var durs = document.getElementById('tour_dur').value;
	durs = durs.split('::'); 

	var names = document.getElementById('tour_name').value;
	names = names.split('::'); 

 if (!opts.addSlide) 
        return; 
		// on the first pass, addSlide is undefined (plugin hasn't yet created the fn); 
    // when we're finshed adding slides we'll null it out again 

    // on Before arguments: 
    //  curr == DOM element for the slide that is currently being displayed 
    //  next == DOM element for the slide that is about to be displayed 
    //  opts == slideshow options 
    var currentImageNum = parseInt(curr.id); 
		
		$total = images.length
    var next_id = currentImageNum + 2;
    
		if (next_id==$total) { 
        // final slide in our slide slideshow is about to be displayed 
        // so there are no more to fetch 
        opts.addSlide = null; 
        return; 
    } 
    // add our next slide 
    opts.addSlide("<div class='feature' id='"+next_id+"'><img src='"+images[next_id]+"' class='feature-image'/><div class='feature-copy' style='position:absolute;bottom:0;background:url(http://www.overlandingafrica.com/images/ui/darkish_pix.png) left top repeat'><h3>"+names[next_id]+"</h3><span class='ticket'>"+durs[next_id]+" From <span class='price'><span class='currency'>"+prices[next_id]+"</span></span><a href='/"+urls[next_id]+"/' class='more'>More about this trip</a></div></div>"); 

}