$(document).ready(function(){
	$('#animation').cycle({
		fx: 'fade',
	    speed:	700,
	    startingSlide: 0,
	    timeout: 10000,
	    delay:  4000,
	    easing: "easein",
		after:   onAfter
	});
	$('#goto1').click(function() {
		$('#animation').cycle(0);
		return false;
	});
	$('#goto2').click(function() {
		$('#animation').cycle(1);
		return false;
	});
	$('#goto3').click(function() {
		$('#animation').cycle(2);
		return false;
	});
	$('#goto4').click(function() {
		$('#animation').cycle(3);
		return false;
	});
	$('#goto5').click(function() {
		$('#animation').cycle(4);
		return false;
	});
var totalSlides = 5;
});
function onAfter(currSlideElement, nextSlideElement, options, forwardFlag) {
	gotoID = nextSlideElement.id.replace('slideimg', '');
	for(var i = 1; i<= $('.squares').length;i++)
	{
		$('#square_'+i)[0].src = 'img/square_bg.png';
		$('#banner_text'+i).css('display', 'none');
		$('#banner_btn'+i).css('display', 'none');
	}
	$('#banner_text'+gotoID).css('display', 'block');
	$('#banner_btn'+gotoID).css('display', 'block');
	$('#square_'+gotoID)[0].src = 'img/square_bg_o.png';
}