$(document).ready(function() {
	var divinfo = {"initial": []};
    var current = -1;
    $('#menuCircles > div').each(function(){
        var $this = $(this);
        var initial = {
                    'index' : $this.index(),
                    'top'     : $this.css('top'),
                    'left'     : $this.css('left')
                };
        divinfo.initial.push(initial);
    });
    $('a.menuTitle').bind('click',function(e){
    	var pos = $(this).text().indexOf("X", 0);
    		if(pos != -1){                			  
    		   $("span:first").remove();
         	}else{  
    				var $this = $(this).append("<span>X</span>");
    			}
        var $this = $(this);
        var $currentBox    = $this.parent();
        $currentBox.css('z-index','1');
            if(current == $currentBox.index()){
                $currentBox.stop().animate({
                        'top'         : divinfo.initial[$currentBox.index()].top,
                        'left'        : divinfo.initial[$currentBox.index()].left,
                        'width'     : '130px',
                        'height'    : '130px'
                },800,'easeInBack').find('.menuContent').fadeOut();
                $('#menuCircles > div').not($currentBox).each(function(){
                	var $ele         = $(this);
                	var elemTop     = divinfo.initial[$ele.index()].top;
                	var elemLeft     = divinfo.initial[$ele.index()].left;
	                $ele.stop().show().animate({
	                        'top'         : elemTop,
	                        'left'        : elemLeft,
	                        'opacity'    : 1
	                },800);
	            });
                current = -1;
            }
            else{
                $('#menuCircles > div').not($currentBox).each(function(){
                    var $ele = $(this);
                    $ele.stop().animate({
                            'top' : (Math.floor(Math.random()*601) - 150) +'px',
                            'left': (Math.floor(Math.random()*601) - 150) +'px',
                            'opacity':0
                    },800,function(){
                    	$(this).hide();
                    });
                });
        		var newwidth     = 379;
                var newheight     = 440;
                $currentBox.stop().animate({
                	        'top'     : '0px',
                            'left'    : '0px',
                            'width' : newwidth +'px',
                            'height': newheight+'px'
                },800,'easeOutBack',function(){
                    	current = $currentBox.index();
                    	$(this).find('.menuContent').fadeIn();
                	});
            }
            e.preventDefault();
    });
});