$(function()
{
	$('.escondida').hide();
	$('#historia').addClass("activo");
	$('#historia').show('slow');
	
	$("a.submenu").click(
		function(){
		$(".activo").removeClass("activo");
		$(this).addClass("activo");
		$(".escondida").hide();
		var muestra = $(this).attr("tittle");
		$("#"+muestra).show('slow');
		return false;		
	});	
	
	$('ul.hover_block li').hover(function(){
		$(this).find('img').animate({top:'200px'},{queue:false,duration:800});
	}, function(){
		$(this).find('img').animate({top:'-200px'},{queue:false,duration:800});
	});	
	
	/*-- circular menu ---*/
	/* when page loads animate the about section by default */
	//move($('#about'),2000,2);

	$('#menu > a').mouseover(
		function(){
			var tthis = $(this);
			move(tthis,800,1);
		}
	);
	
	/*function to animate / show one circle.
	speed is the time it takes to show the circle
	turns is the turns the circle gives around the big circle
	 */
	function move(elem,speed,turns){
		var id = elem.attr('id');
		var circle = $('#circle_'+id);

		/* if hover the same one nothing happens 
		if (circle.css('opacity') == 0) */
		
			/* change the image */
			$('#image_' + id).stop(true, true).fadeIn(650).siblings().not(this).fadeOut(650);
			
			/*
			 if there's a circle already, then let's remove it:
			 either animate it in a circular movement or just fading
			 out, depending on the current position of it
			 */
			$('#alianzas .circle').each(function(i){
				var theCircle = $(this);
				if (theCircle.css('opacity') == 1) 
					theCircle.stop().animate({
						path: new $.path.arc({
							center: [339, 200],
							radius: 197,
							start: 65,
							end: -110,
							dir: -1
						}),
						opacity: '0'
					}, 1500);
				else 
					theCircle.stop().animate({
						opacity: '0'
					}, 200);
			});
			
			/* make the circle appear in a circular movement */
			var end = 65 - 360 * (turns - 1);
			circle.stop().animate({
				path: new $.path.arc({
					center: [339, 200],
					radius: 197,
					start: 180,
					end: end,
					dir: -1
				}),
				opacity: '1'
			}, speed);
		
	}
});