var step=0;
	var t;
	
	function ani1(step) {
		$("#side_" + (step - 1)).fadeOut(500, function() {
			$("#side_" + (step % 3)).fadeIn(500);
		});
		$("#a_side_" + (step - 1)).fadeOut(500, function() {
			$("#a_side_" + (step % 3)).fadeIn(500);
		});
		//alert('hmm');
		switch (step) {
			case 1:
				/*alert(positions[1][0][0]);
				alert(positions[1][0][1]);*/
				setTimeout(function() { $('.div1').animate( { top:39, left:66, opacity:1 } , 500 , 'ellipse').css("z-index", 3); }, 500);
				setTimeout(function() { $('.div2').stop().animate( { top:0, left:51, opacity:0.35 }, 500, 'ellipse').css("z-index", 2); }, 500);
				$('.div3').stop().animate( { top:130, left:55 }, 500, 'ellipse', function() {
					$(this).animate( { top:43, left:6, opacity:0.15 }, 500, 'ellipse' )
				});
				setTimeout(function() { $('.div3').css("z-index", 1); }, 500);
				return false;
				break;
			case 2:
				setTimeout(function() { $('.div2').stop().animate( { top:59, left:66, opacity:1 } , 500 , 'ellipse').css("z-index", 3); }, 500);
				setTimeout(function() { $('.div3').stop().animate( { top:0, left:31, opacity:0.35 }, 500, 'ellipse').css("z-index", 2); }, 500);
				$('.div1').stop().animate( { top:100, left:55 }, 500, 'ellipse', function() {
					$(this).animate( { top:53, left:16, opacity:0.15 }, 500, 'ellipse' )
				});
				setTimeout(function() { $('.div1').css("z-index", 1); }, 500);
				return false;
				break;
			case 3:
				setTimeout(function() { $('.div3').stop().animate( { top:59, left:66, opacity:1 } , 500 , 'ellipse').css("z-index", 3); }, 500);
				setTimeout(function() { $('.div1').stop().animate( { top:0, left:51, opacity:0.35 }, 500, 'ellipse').css("z-index", 2); }, 500);
				$('.div2').stop().animate( { top:130, left:75 }, 500, 'ellipse', function() {
					$(this).animate( { top:63, left:26, opacity:0.15 }, 500, 'ellipse' )
				});
				setTimeout(function() { $('.div2').css("z-index", 1); }, 500);
				return false;
				break;
		}
	}
	
	function autoAnimate() {
		step += 1;
		if (step == 4)
			step = 1;
		ani1(step);
		setTimeout('autoAnimate()', 20000);
	}
	
$("document").ready(function() {

	$(".logo_container,.sidetext").click(function(event){
		step += 1;
		if (step == 4)
			step = 1;
		ani1(step);
		return false;
	});
	
	//setTimeout('autoAnimate()', 20000);
});