$(document).ready(function() {
	// do the iphone screenshot thing here
	container = $('.screenshot');
	shots = $('li', container);
	shots.hide();
	container.removeClass('hidden');

	showScreen = function() {
		shots.hide();
		$(shots[currentScreenshotIndex]).show();
	}

	currentScreenshotIndex = 0;
	showScreen();


	button_next = $('.button_next');
	button_prev = $('.button_prev');
	button_next.click(function() {
		currentScreenshotIndex++;
		if(currentScreenshotIndex >= shots.length) currentScreenshotIndex = 0;
		showScreen();
	});
	
	button_prev.click(function() {
		currentScreenshotIndex--;
		if(currentScreenshotIndex < 0) currentScreenshotIndex = shots.length - 1;
		showScreen();
	});
	
});