function pageselectCallback(page_index, jq){

///// if there are any live user, it shows live users list

        if( liveuser.length > 0 ){
            var live_items_per_page = 7;
            var live_max_elem = Math.min((page_index+1) * live_items_per_page, liveuser.length);
	    var new_content = '';

            for(var i=page_index*live_items_per_page;i<live_max_elem;i++)
            {   
                new_content += '<div class="topthumb">';
		new_content += '<img src="' + liveuser[i][3] + '" width="100" onclick="replaceLiveuser(' + i + ')" alt="Live User">';

		new_content += '<div class="topthumb_details">';
                new_content += '<p>' + liveuser[i][1] + '</p>';
                new_content +=  '<p><b>Title:</b> ' + liveuser[i][0] + '</p>';
                new_content += '</div>';
                new_content += '</div>';
            }
            $('#LiveuserList').html(new_content);
            return false;
///// if there is no live user,  it shows the media list
        }else{
		var items_per_page = 7;
		var max_elem = Math.min((page_index+1) * items_per_page, media.length);
		var new_content = '';

		for(var i=page_index*items_per_page;i<max_elem;i++)
		{
			new_content += '<div class="topthumb">';
			new_content += '<img src="' + media[i][0] + '" width="100" onClick="replaceMedia(' + i + ')">';
			new_content += '<div class="topthumb_details">';
			new_content += media[i][1];
			new_content += '</div>';
			new_content += '</div>';
            
        	}
		$('#MediaList').html(new_content);
		return false;
	}
    }


    function pageselectCallbackAuthor(page_index, jq){
	var items_per_page = 6;
	var max_elem = Math.min((page_index+1) * items_per_page, media.length);
	var new_content = '';

	for(var i=page_index*items_per_page;i<max_elem;i++)
	{
		new_content += '<div class="topthumb">';
		new_content += '<img src="' + media[i][0] + '" width="100" onClick="replaceMediaAuthor(' + i + ')">';
		new_content += '<div class="topthumb_details">';
		new_content += media[i][1];
		new_content += '</div>';
		new_content += '</div>';
            
	}
	$('#MediaList').html(new_content);
	return false;
    }


    function replaceLiveuser(i){
	var liveuser_title = '<h1>Newscast: ' + liveuser[i][0] + ' by ' + liveuser[i][1] + '</h1>';

	$('#l_title').html(liveuser_title);
	$('#l_embed').html(liveuser[i][2]);
    }


    function replaceMedia(i){

	var media_title = media[i][6];
	var media_author = '<strong>Author:</strong> ' +  media[i][1];
	var media_date = '<strong>Recorded date:</strong>' + media[i][4];
	var media_duration = '<strong>Duration:</strong>' + media[i][5];
	var media_related = '<strong>Related post:</strong>' + media[i][6];
	var media_related_tags = '<strong>Tags:</strong>' + media[i][7];
	var media_related_categories = '<strong>Categories:</strong>' + media[i][8];
	var media_related_content = media[i][9];

	$('#related_title').html(media_title);
	$('#t_embed').html(media[i][3]);
	$('#t_author').html(media_author);
	$('#t_date').html(media_date);
	$('#t_duration').html(media_duration);
	$('#t_related').html(media_related);
	$('#t_related_tags').html(media_related_tags);
	$('#t_related_categories').html(media_related_categories);
	$('#t_related_content').html(media_related_content);
	return false;
    }


    function replaceMediaAuthor(i){
        var media_title = media[i][6];
        var media_date = '<strong>Recorded date:</strong>' + media[i][4];
        var media_duration = '<strong>Duration:</strong>' + media[i][5];
        var media_related = '<strong>Related post:</strong>' + media[i][6];
        var media_related_tags = '<strong>Tags:</strong>' + media[i][7];
        var media_related_categories = '<strong>Categories:</strong>' + media[i][8];
        var media_related_content = media[i][9];

        $('#related_title').html(media_title);
        $('#t_embed').html(media[i][3]);
        $('#t_date').html(media_date);
        $('#t_duration').html(media_duration);
        $('#t_related').html(media_related);
        $('#t_related_tags').html(media_related_tags);
        $('#t_related_categories').html(media_related_categories);
        $('#t_related_content').html(media_related_content);
        return false;
    }