Swipe (MCM v2)

#swipe.row.html

<div class="row" id="swipe">
	<div class="wrap clearfix ten columns centered">
		<nav class="top"><span id='position'><em class='on'>&bull;</em><em>&bull;</em><em>&bull;</em></span></nav>
		<nav class="btm"><a href='#' id="prev" onclick='slider.prev();return false;'><em><i class="general foundicon-left-arrow"></i></em></a><a href='#' id="next" onclick='slider.next();return false;'><em><i class="general foundicon-right-arrow"></i></em></a></nav>
		<div id='slider' class="ten columns centered"><div>
			<div class="swipebox" style='display:block'><div>
				<p class="h4">TopLine Intelligence</p>
				<br>
				<img src="http://motorcitymobility.com/demo/images/tli.png" class="swipe-img">
			<p><a class="round button" href="#">View Project</a></p>
			</div></div>
			<div class="swipebox" style='display:none'><div>
				<p class="h4">Doggie Scoops</p>
				<br>
				<img src="http://motorcitymobility.com/demo/images/ds.png" class="swipe-img">
			<p><a class="round button" href="#">View Project</a></p>
			</div></div>
			<div class="swipebox" style='display:none'><div>
				<p class="h4">TopLine Intelligence</p>
				<br>
				<img src="http://motorcitymobility.com/demo/images/tli.png" class="swipe-img">
			<p><a class="round button" href="#">View Project</a></p>
			</div></div>
		</div></div>
	</div>
</div>


<script>
   	var slider = new Swipe(document.getElementById('slider'), {
   	      callback: function(e, pos) {
   	        
   	        var i = bullets.length;
   	        while (i--) {
   	          bullets[i].className = '';
   	        }
   	        bullets[pos].className = 'on';
   	
   	      }
   	    }),
   	    bullets = document.getElementById('position').getElementsByTagName('em');
</script>

Asset.js

<script type="text/javascript" src='http://cdnjs.cloudflare.com/ajax/libs/swipe/1.0/swipe.min.js'></script>

<script>
   	var slider = new Swipe(document.getElementById('slider'), {
   	      callback: function(e, pos) {
   	        
   	        var i = bullets.length;
   	        while (i--) {
   	          bullets[i].className = '';
   	        }
   	        bullets[pos].className = 'on';
   	
   	      }
   	    }),
   	    bullets = document.getElementById('position').getElementsByTagName('em');
</script>