var pause = Number();
	var timer = Number();
	var slides = Number();
	var rotations = Number();	// Sets the number of rotations - always lands on the first slide
	var i = Number();			// Current slide
	var j = Number();			// Next slide
	var k = Number();			// Counter for # of rotations
	var timeout;
	
	
	slides = 3;
	
	l = 0;
	
	rotations = 3;
	k = 0;
	
	i = 1;
		
	// time in milliseconds
	// 500 = 1/2 a second, 1000 = 1 second etc…
	timer = 700;
	pause = 5*1000;
	
	function changeText() {
			
		if (k >= rotations*slides) {
			$("#pic" + slides).fadeOut(timer, function() {  $("#pic1").fadeIn(timer); });	
		} else {
	
			if (i == slides) {	
				j = 1;
			} else {
				j = i+1;
			}
	
			if (i == slides) {
				$("#pic1").fadeIn(timer, function() { 
					$("#pic2").css("display", "block"); 
					i = j; 
					timeout = setTimeout("changeText()", pause); 
				});
			} else {
				$("#pic"+i).fadeOut(timer, function() { i = j; timeout = setTimeout("changeText()", pause); });		
			}
	
			k++;
		}
	}
	
	// advance slide forward or back
	function advance(direction) {
		
		if (timeout) {
			clearTimeout(timeout);
		}
	
		if (direction == "next") {    
			if (i == slides) {	
				j = 1;
			} else {
				j = i+1;
			}
		} else {
			if (i == 1) {	
				j = slides;
			} else {
				j = i-1;
			}
		}
		
		fadeTo(i,j);
		i = j;
	};
	
	function stopShow() {
		if (timeout) {
			clearTimeout(timeout);
		}
	}
	
	function fadeTo(from, to) {
		$("#pic"+from).fadeOut(timer, function() {  $("#pic"+to).fadeIn(timer); });
	}


$(document).ready(function() {
    	
	timeout = setTimeout('changeText()', pause);
	
	$("input").focus(function() { stopShow(); k = rotations * slides + 2; });


});