var jsonNewUser = {

	d: new Date(),
	containerID: 'jsonNewUser',
	currentPage: 1,
	queryFrom: 'index',
	
	init: function() {

		jsonNewUser.update();
		return;
	},
	
	update: function() {
	
		$.get(
			'/a/user-list.api/' + jsonNewUser.d.getTime(),
			{	'type':'newest',
				'special':'true',
				'page':jsonNewUser.currentPage,
				'num': 8,
				'where':jsonNewUser.queryFrom },
			function(json) {
				
				var html = '';
				var a;
				
				for(a in json.userlist) {
					html += '<div class="user-icon" style="width:83px"><a href="' + json.userlist[a].profileURL + '"><img style="height:75px;width:75px" src="' + json.userlist[a].avatarURL + '" /></a><br />' +
					'<a href="' + json.userlist[a].profileURL + '">' + json.userlist[a].username.replace(/-/g,'&#8209;') + '</a></div>';
				}


				//. iphone style slide animation
				$('#'+jsonNewUser.containerID+' div.user-icon-contain')
					.append('<div class="user-icon-page" style="display:none">' + html + '</div>')
						.children('div.user-icon-page:visible')
						.hide('slide',{'direction':'left'})
						.queue(function() {
							$(this).dequeue();
							$(this).remove();
							
							if($.browser.msie)
								$('#'+jsonNewUser.containerID+' div.user-icon-contain div.user-icon-page:hidden')
									.slideDown();
							else 						
								$('#'+jsonNewUser.containerID+' div.user-icon-contain div.user-icon-page:hidden')
									.show('slide',{'direction':'up'});
						});					
				
				return;
			},'json'
		);	
	
	
	
	}

}

var jsonNewUserOnJoin = {

        d: new Date(),
        containerID: 'jsonNewUserOnJoin',
        currentPage: 1,
        queryFrom: 'index',

        init: function() {

                jsonNewUserOnJoin.update();
                return;
        },

        update: function() {

                $.get(
                        '/a/user-list.api/' + jsonNewUserOnJoin.d.getTime(),
                        {       'type':'newest',
                                'page':jsonNewUserOnJoin.currentPage,
                                'num': 14,
                                'where':jsonNewUserOnJoin.queryFrom },
                        function(json) {

                                var html = '';
                                var a;

                                for(a in json.userlist) {
                                        html += '<div class="user-icon"><a href="' + json.userlist[a].profileURL + '"><img src="' + json.userlist[a].avatarURL + '" /></a><br />' +
                                        '<a href="' + json.userlist[a].profileURL + '">' + json.userlist[a].username + '</a></div>';
                                }


                                //. iphone style slide animation
                                $('#'+jsonNewUserOnJoin.containerID+' div.user-icon-contain')
                                        .append('<div class="user-icon-page" style="display:none">' + html + '</div>')
                                                .children('div.user-icon-page:visible')
                                                .hide('slide',{'direction':'left'})
                                                .queue(function() {
                                                        $(this).dequeue();
                                                        $(this).remove();

                                                        if($.browser.msie)
                                                                $('#'+jsonNewUserOnJoin.containerID+' div.user-icon-contain div.user-icon-page:hidden')
                                                                        .slideDown();
                                                        else
                                                                $('#'+jsonNewUserOnJoin.containerID+' div.user-icon-contain div.user-icon-page:hidden')
                                                                        .show('slide',{'direction':'up'});
                                                });

                                return;
                        },'json'
                );
	}
}


$(document).ready(function() {
	setTimeout(jsonNewUser.init,200);
	setTimeout(jsonNewUserOnJoin.init, 200);
});