$(document).ready(function(){slider.load()});

var slider={
actPage: 1,
totalPages:1,
selected: null,
init: function(){
if(slider.actPage==1) 
    $('#back').css({visibility:'hidden'});
else 
    $('#back').css({visibility:'visible'}); 
    
if(slider.actPage==slider.totalPages) 
    $('#next').css({visibility:'hidden'});
else 
    $('#next').css({visibility:'visible'});
},
load: function(){
    this.selected = null;
    this.move(0);
},
move:function(dir){
    if(dir!=0)
        $('#usersbox').fadeOut('slow');

    $('#lastsuggest').html('');
    $.getJSON('/user/recentajax/'+(Number(this.actPage)+Number(dir)), this.ret);
    },
buildBox: function (data){
    this.actPage = Number(data.actpage);
    this.totalPages = Number(data.totalpages);
    this.dataUsers = data.users;
    $('#usersbox').html('');
    jQuery.each(data.users, function(){this.nick = this.nick.substr(0,1).toUpperCase() + this.nick.substr(1,this.nick.length);
                        $('#usersbox').append('<a href="/'+this.nick+'"><img id="'+this.nick+'" src="'+this.img+'" alt="'+this.nick+'"/></a>');
                        });
    $('#usersbox img').mouseover(function(){
                                    if(slider.selected!=null) 
                                        $(slider.selected).css({border:'3px solid #fff'});
                                    $(this).css({border:'3px solid #acf'});
                                    slider.selected = this;
                                    var user = $.grep(slider.dataUsers, function(n,i){ return n.nick == slider.selected.id});
                                    if(user[0].sutype=="0")
                                       $('#lastsuggest').html('<h1><a href="/yo/terecomiendo/'+user[0].title+'/'+user[0].suid+'">'+user[0].nick+" te sugiere "+user[0].what+'</a></h1>');
                                    else
                                       $('#lastsuggest').html('<h1><a href="/recomendadme/'+user[0].title+'/'+user[0].suid+'">'+user[0].nick+" pide "+user[0].what+'</a></h1>');
                                });
    //$('#usersbox img').mouseout(function(){});
    this.init();
    $('#usersbox').fadeIn(2500);
    },
ret: function(data){
    if(errorAJAX(data)){
        return;
    }
    
    slider.buildBox(data.data);
    },
loading: function(start){
        if(start)
            $('#containerbox').css({border: '1px solid #acf'});
        else
            $('#containerbox').css({border: 'none'});

    }   
};