
$(function() {
	$('#slideshow').append(' \
		<a href="#" id="prev" title="">Previous</a> \
		<a href="#" id="next" title="">Next</a> \
	');
	$('#slides')
	.after('<div id="slidenav">')
	.cycle({ 
		fx: 'scrollHorz', 
		timeout:  4000,
		speed: 500, 
		prev:    '#prev',
		next: '#next',
		pause: 1,
		pager: '#slidenav',
		
		// callback fn that creates a thumbnail to use as pager anchor
		pagerAnchorBuilder: function(idx, slide) {

		switch (idx) {
		        case 0: { return '<li style="display:inline;"><a href="#" title="Fixed 2 Mobile"><img src="i/Icon-F2M-Footer.gif" width="28" height="18" /></a></li>'; break }
		        case 1: { return '<li style="display:inline;"><a href="#" title="Mobility Convergence"><img src="i/Icon-FMC-Footer.gif" width="28" height="18" /></a></li>'; break }
		        case 2: { return '<li style="display:inline;"><a href="#" title="Roaming Voice"><img src="i/Icon-RV-Footer.gif" width="28" height="18" /></a></li>'; break }
		        case 3: { return '<li style="display:inline;"><a href="#" title="Telecoms Cost Management"><img src="i/Icon-TCM-Footer.gif" width="28" height="18" /></a></li>'; break }
		        case 4: { return '<li style="display:inline;"><a href="#" title="Energy Monitoring"><img src="i/Icon-EM-Footer.gif" width="28" height="18" /></a></li>'; break }
		        case 5: { return '<li style="display:inline;"><a href="#" title="Carrier Pre Select"><img src="i/Icon-CPS-Footer.gif" width="28" height="18" /></a></li>'; break }
		        case 6: { return '<li style="display:inline;"><a href="#" title="Telecoms Business Continuity"><img src="i/Icon-TBC-Footer.gif" width="28" height="18" /></a></li>'; break }
		        
		    }
        }
    });
    $('#whohelped')
	.cycle({
	    fx: 'fade',
	    timeout: 4000,
	    speed: 500
	});
});
