$(function () {
    	activeaAvatarsUsr()
    });
    
function activeaAvatarsUsr() {
	$('.avatar_usr').each(function () {
		var distance = -35;
		var time = 250;
		var hideDelay = 500;

		var hideDelayTimer = null;

		var beingShown = false;
		var shown = false;
		var trigger = $('.trigger', this);
		var info = $('.tooltip_amigos', this).css('opacity', 0);
		var avatar_id = $(this).attr('rel');
		var usr_id = $(this).attr('rel2');
		var participation = $(this).attr('rel3');
		var divContent_tp = $(this).children('#tooltip_amigos').children('.tooltip_btn');
        
		// agregar amigo
		$(this).children('#tooltip_amigos').children('.tooltip_btn').children('#addFriend_tp').click(function() {
        	var _url = '/mensajes/addSol/'+$(this).attr('rel')+'/'+participation+'/';
        	
        	//alert(_url);
        	
			$.ajax({
				url: _url,
				beforeSend: function(XMLHttpRequest) {
					//cargando
					divContent_tp.children('#addFriend_tp').remove();
					divContent_tp.prepend( '<div class="loading_solicitud"></div>' );
				},
				success: function(data, textStatus, XMLHttpRequest) {
					if(data == 1) {
						divContent_tp.children('.loading_solicitud').remove();
						if(participation == 1) {
							divContent_tp.prepend( '<div id="tooltip_amigos_agregado">Amigo agregado</div>' );
						} else {
							divContent_tp.prepend( '<div id="tooltip_amigos_solicitud">Solicitus enviada</div>' );
						}
					} else {
						divContent_tp.children('.loading_solicitud').remove();
						divContent_tp.prepend( '<div id="addFriend_tp" rel="'+avatar_id+'"><a href="javascript:;" class="tooltip_agregar_amigos">Agregar a mis amigos</a></div>' );
					}
				},
				complete: function(XMLHttpRequest, textStatus) {
				},
				error: function(XMLHttpRequest, textStatus, errorThrown) {
				}
			});
        	
		});
		//agregar amigo
        
		$([trigger.get(0), info.get(0)]).mouseover(function () {
			if (hideDelayTimer) clearTimeout(hideDelayTimer);
			if (beingShown || shown) {
				// don't trigger the animation again
				return;
			} else {
				// reset position of info box
				beingShown = true;
                
				info.css({
					top: -60,
					left: -85,
					display: 'block'
				}).animate({
					/*top: '-=' + distance + 'px',*/
					top: '-75',
					opacity: 1
				}, time, 'swing', function() {
                    beingShown = false;
                    shown = true;
                });
                
                //alert($(this).('#tooltip_amigos').html());
                
                /*
                $(this).children('#tooltip_amigos').children('#tooltip_btn').children('#addFriend_tp').click(function() {
                	alert($(this).html());
                });
                */
            }

            return false;
        }).mouseout(function () {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);
            hideDelayTimer = setTimeout(function () {
                hideDelayTimer = null;
                info.animate({
                    /*top: '-=' + distance + 'px',*/
                	top: '-85',
                    opacity: 0
                }, time, 'swing', function () {
                    shown = false;
                    info.css('display', 'none');
                });

            }, hideDelay);

            return false;
        });
    });
}