function control(num) {
	var imgnum = parseInt(num) - 1;
	var newleft = imgnum * 920;
	$('div#slideshow div#slides div.aboutphoto').animate({'bottom' : '-102px'}, 100);
	$('div#slides').animate({'left' : -newleft}, 800);
	setTimeout(function() {
		$('div#slideshow div#slides div.aboutphoto').animate({'bottom' : '0px'}, 100);
	}, 800);
}
function nextSlide() {
	var t;
	var left = $('div#slides').css('left');
	var newleft = parseInt(left) - 920;
	if (newleft == -4600) {
		newleft = 0;
	}
	$('div#slideshow div#slides div.aboutphoto').animate({'bottom' : '-102px'}, 100);
	$('div#slides').animate({'left' : newleft}, 800);
	setTimeout(function() {
		$('div#slideshow div#slides div.aboutphoto').animate({'bottom' : '0px'}, 100);
	}, 800);
	var imgnum;
	if (newleft == 0) {
		imgnum = 1;
	} else if (newleft == -920) {
		imgnum = 2;
	} else if (newleft == -1840) {
		imgnum = 3;
	} else if (newleft == -2760) {
		imgnum = 4;
	} else if (newleft == -3680) {
		imgnum = 5;
	}
	$('ul#controls li a').removeClass('on');
	$('ul#controls li a#' + imgnum).addClass('on');
}
function slideshow() {
	var a;
	a = setTimeout(function() {
		nextSlide();
		var b;
		b = setTimeout(function() {
			nextSlide();
			var c;
			c = setTimeout(function() {
				nextSlide();
				var d;
				d = setTimeout(function() {
					nextSlide();
					var e;
					e = setTimeout(function() {
						nextSlide();
					}, 5000);
					$('ul#controls li a').click(function() {
						clearTimeout(e);
					});
				}, 5000);
				$('ul#controls li a').click(function() {
					clearTimeout(d);
				});
			}, 5000);
			$('ul#controls li a').click(function() {
				clearTimeout(c);
			});
		}, 5000);
		$('ul#controls li a').click(function() {
			clearTimeout(b);
		});
	}, 5000);
	$('ul#controls li a').click(function() {
		clearTimeout(a);
	});
}
$(function() {
	$('ul#controls li a#1').addClass('on');
	$.getJSON("http://cayelectronics.com/cay/components/slideshow.php", function(data) {
		$.each(data, function(i, slides) {
			$('div#slides').append('<img src="' + data[i].image + '" class="num' + data[i].num + '" width="920" height="400" /><div class="aboutphoto num' + data[i].num + '"><h3>' + data[i].title + '</h3></div>');
		});
	});	
	/* $('div#slides').html('<img src="/cay/resource/img/home_photos/1.jpg" class="num1" width="920" height="400" /><img src="/cay/resource/img/home_photos/2.jpg" class="num2" width="920" height="400" /><img src="/cay/resource/img/home_photos/3.jpg" class="num3" width="920" height="400" /><img src="/cay/resource/img/home_photos/4.jpg" class="num4" width="920" height="400" /><img src="/cay/resource/img/home_photos/5.jpg" class="num5" width="920" height="400" />'); */
	slideshow();
	$('ul#controls li a').click(function() {
		$('ul#controls li a').removeClass('on');
		$(this).addClass('on');
		control(parseInt($(this).attr('id')));
	});
});