$(function() {
				
                $('.contenedor_circulos').hover(
                function () {
                    var $this = $(this);
                    $this.find('img').stop().animate({
                        'width'     :'65px',
                        'height'    :'65px',
                        'top'       :'-5px',
                        'left'      :'-5px',
                        'opacity'   :'1.0'
                    },500,'easeOutElastic',function(){});
                 },
                function () {
                    var $this = $(this);
                    $this.find('img').stop().animate({
                        'width'     :'55px',
                        'height'    :'55px',
                        'top'       :'0px',
                        'left'      :'0px',
                        'opacity'   :'1.0'
                    },500,'easeOutBounce');
                }
            );
				
				$('.user').hover(
                function () {
                    var $this = $(this);
                    $this.find('img').stop().animate({
                        'width'     :'178px',
                        'height'    :'178px',
                        'top'       :'-5px',
                        'left'      :'-5px',
                        'opacity'   :'1.0'
                    },500,'easeOutBack',function(){});
                 },
                function () {
                    var $this = $(this);
                    $this.find('ul').fadeOut(500);
                    $this.find('img').stop().animate({
                        'width'     :'168px',
                        'height'    :'168px',
                        'top'       :'0px',
                        'left'      :'0px',
                        'opacity'   :'1.0'
                    },500,'easeOutBack');
                }
            );
			//
			$('.home').hover(
                function () {
                    var $this = $(this);
                    $this.find('img').stop().animate({
                        'width'     :'137px',
                        'height'    :'137px',
                        'top'       :'-5px',
                        'left'      :'-5px',
                        'opacity'   :'1.0'
                    },500,'easeOutBack',function(){});
                 },
                function () {
                    var $this = $(this);
                    $this.find('ul').fadeOut(500);
                    $this.find('img').stop().animate({
                        'width'     :'127px',
                        'height'    :'127px',
                        'top'       :'0px',
                        'left'      :'0px',
                        'opacity'   :'1.0'
                    },500,'easeOutBack');
                }
            );
			//
			$('.shop').hover(
                function () {
                    var $this = $(this);
                    $this.find('img').stop().animate({
                        'width'     :'148px',
                        'height'    :'148px',
                        'top'       :'-5px',
                        'left'      :'-5px',
                        'opacity'   :'1.0'
                    },500,'easeOutBack',function(){});
                 },
                function () {
                    var $this = $(this);
                    $this.find('ul').fadeOut(500);
                    $this.find('img').stop().animate({
                        'width'     :'138px',
                        'height'    :'138px',
                        'top'       :'0px',
                        'left'      :'0px',
                        'opacity'   :'1.0'
                    },500,'easeOutBack');
                }
            );
            });



function muestra_panel(panel){
	var panel_actual='#panel_'+panel;
	$('.panel').css('display','none');
	$(panel_actual).fadeIn();
	}

function muestra_portfolio(){
	$('#contenido_seccion_web').css('display','none');
	$('#contenido_portfolio').fadeIn(1000);
	}
		
$(document).ready(function(){
	
	var element = $('#list a');;
	var offset = 0; 
	var stepping = 0.03;
	var list = $('#list');
	var $list = $(list)
	
	$list.mousemove(function(e){
		var topOfList = $list.eq(0).offset().top
		var listHeight = $list.height()
		stepping = (e.clientY - topOfList) /  listHeight * 0.2 - 0.1;
		
	});
	
 
	for (var i = element.length - 1; i >= 0; i--)
	{
		element[i].elemAngle = i * Math.PI * 2 / element.length;
	}
	
	
	setInterval(render, 20);
	
	
	function render(){
		for (var i = element.length - 1; i >= 0; i--){
			
			var angle = element[i].elemAngle + offset;
			
			x = 120 + Math.sin(angle) * 30;
			y = 45 + Math.cos(angle) * 40;
			size = Math.round(40 - Math.sin(angle) )-10;
			
			var elementCenter = $(element[i]).width() / 2;
	
			var leftValue = (($list.width()/2) * x / 100 - elementCenter) + "px"
	
			$(element[i]).css("fontSize", size + "px");
			$(element[i]).css("opacity",size/100);
			$(element[i]).css("zIndex" ,size);
			$(element[i]).css("left" ,leftValue);
			$(element[i]).css("top", y + "%");
		}
		
		offset += stepping;
	}
	
	
});