$.noConflict();
jQuery(document).ready(function ($) {
    var $ipadding = 4;
    var $colsperrow = 6;
    var $imageheight = 64;
    var $imagewidth = 64;

    var newLI='';

    $('#aboutus').prepend('<ul></ul>');
    var $aboutusul = $('#aboutus ul');
    var $numpeople = $('#aboutusContent div').length;

    // setup the positioning and list items for the person image sprite.
    for(var i = 0; i < $numpeople; i++) {
        var irow = -Math.floor(i / $colsperrow) * ($ipadding + $imagewidth);
        var icol = -(i % $colsperrow) * ($ipadding + $imageheight);
        newLI += '<li style="background-position:' + icol + 'px ' + irow + 'px"'
        if ($('#aboutusContent div').eq(i).hasClass('nomember')){
            newLI += ' class="nomember"';
            }
        newLI += '></li>';
    }
    $aboutusul.append(newLI);
    $aboutusul.find('li').click(show);
   
	var $randomNum; 
	do {
		$randomNum = Math.ceil(Math.random()*$numpeople)-1;
	}while ($('#aboutusContent div').eq($randomNum).hasClass('nomember'))
	$('#aboutusContent div').eq($randomNum).show();
	$aboutusul.find('li').eq($randomNum).addClass('active');
    
});

function show() {
    if (!jQuery(this).hasClass('nomember')) {
	 jQuery('#aboutus ul li').removeClass('active');
	 jQuery(this).addClass('active');
        jQuery('#aboutusContent div').hide();
        jQuery('#aboutusContent div').eq(jQuery(this).index()).show();
        jQuery(this).css('cursor', 'pointer');
    }
}
function hide() {
    jQuery(this).css('cursor', 'auto');
}