// JavaScript Document

 $(document).ready(function() {
	
	var animating = false;
	var counter = 0;
	var picture = 1;
	
	
	window.setInterval(onTimer, 1000);

	function onTimer() {
		counter++;
		if(counter == 6){
			counter = 0;
			cycle();
		}
	}

	function cycle(){
		if(animating == false){
			animating = true;
			if(picture != 4){
				picture += 1;
			} else {
				picture = 1;
			}
			replace_image =  '<img src="/media/images/home/home-welcome-photo' + picture + '.jpg">'
			$('#home-green-box-image').fadeOut(500, function(){
				animating = false;
				$('#home-green-box-image').html(replace_image);
				$('#home-green-box-image').fadeIn(500);
			});
		}
	}
	
	$('#image-navigation a').click(function(e) {
			e.preventDefault();
			if(animating == false){
				counter = 0;
				animating = true;
				picture = parseInt($(e.target).html());
				replace_image = '<img src="/media/images/home/home-welcome-photo' + $(e.target).html() + '.jpg">';
				$('#home-green-box-image').fadeOut(500, function(){
					animating = false;
					$('#home-green-box-image').html(replace_image);
					$('#home-green-box-image').fadeIn(500);
					counter = 0;
				});
			}
		});
	
 });