$(document).ready(function() {

	/* parameters */
	
		var frames = new Array(
			$('#frame_health'),
			$('#frame_energy'),
			$('#frame_agriculture'),
			$('#frame_water'),
			$('#frame_housing'),
			$('#frame_education')
		);
		var current_frame = 0;
	
	
	/* bind each thumbnail in grid to initiate overlay, jump to frame */
	
		$('#ourmodel-photo-grid ul li').click(function() {
			var i = $(this).data('frame_index');
			jump_to_frame(i);
		});

	/* bind left/right arrows to shift frames */
	
		$('#ourmodel-arrow-left').unbind('click').bind('click',function(){
			current_frame -= 1;
			if(current_frame < 0 ) {
				current_frame = 0;
				$('#ourmodel-overlay').fadeOut();
			} else jump_to_frame(current_frame);
		});
		
		$('#ourmodel-arrow-right').unbind('click').bind('click',function(){
			current_frame += 1;
			if(current_frame > frames.length-1 ) {
				current_frame = 0;
				$('#ourmodel-overlay').fadeOut();
			} else jump_to_frame(current_frame);
		});
	
	/* perform slideshow shifting */
	
		function jump_to_frame(i) {
			current_frame = i;
			$('#ourmodel-overlay').fadeIn();
			var destination = frames[i].position().left * -1;
			$('#ourmodel-overlay .ourmodel-overlay-mask ul').css('left',destination+'px');
		}

	/* dismiss overlay */

		$('#ourmodel-grid-button').click(function(){
			$('#ourmodel-overlay').fadeOut();
		});
	
});