function getImgSize(imgSrc)
{
	var newImg = new Image();
	newImg.src = imgSrc;
	return {
		width:newImg.width,
		height:newImg.height
	}
}

var bioStack = {
	members: [],
	currIndex: 0,
	swapBios: function(i){
		var obj = this.setHTML(i);
		$('#popContent').html(obj.html);
		$('#popTitle').html(obj.title);
	},
	setHTML: function(i){
		var obj = '';
		var left = (i > 0) ? '<a href="javascript:;" onclick="bioStack.swapBios(' + (i-1) + ');">&lt; ' + this.members[(i-1)].name + '</a>' : '';
		var right = (i < (this.members.length-1)) ? '<a href="javascript:;" onclick="bioStack.swapBios(' + (i+1) + ');">' + this.members[(i+1)].name + ' &gt;</a>' : '';
		var pipe = (left!=='' && right!=='') ? ' | ' : '';
		
		if(typeof this.members[i].img!=='undefined' && this.members[i].img!=='')
		{
			var imgHeight='', imgWidth='';
			var imgObj = getImgSize(this.members[i].img);
			if(imgObj.width > imgObj.height)
			{
				if(imgObj.width > 500)
				{
					imgWidth = ' width="500"';
				}
			}else{
				if(imgObj.height > 500)
				{
					imgWidth = ' height="500"';
				}
			}
			obj += '<p class="textCenter"><img src="' + this.members[i].img + '"' + imgWidth + imgHeight + ' border="0" /></p>';
		}
		
		obj += '<p class="borderDashBottom textCenter"><span>' + left + pipe + right + '</span></p>';
		obj += '<ul>';
		obj += '<li>' + this.members[i].name;
		
		if(typeof this.members[i].title!=='undefined' && this.members[i].title!=='')
		{
			obj += ' - ' + this.members[i].title;
		}
		
		obj += '<br />';
		obj += '<span class="small">' + this.members[i].details + '</span></li>';
		obj += '</ul>';
		
		return {html:obj,title:this.members[i].name};
	},
	setPop: function(i)
	{
		popup.message({
			html: this.setHTML(i).html,
			title: this.members[i].name
		});
	},
	render: function(x){
		var innerMembership = [];
		$.each($(x + ' div.bioStack'), function(i){
			
			$(this).find('.bioImage').click(function(){
				bioStack.setPop(i);
			});	
			
			$(this).find('.bioName').click(function(){
				bioStack.setPop(i);
			});	
			
			$(this).find('.bioCopy').css('display','none');	
			
			innerMembership[innerMembership.length] = {
				img: $(this).find('.bioImage').find('img').eq(0).attr('src'), 
				name: $(this).find('.bioName').text(), 
				title: $(this).find('.bioTitle').text(), 
				details: $(this).find('.bioCopy').text()
			}
		});
		this.members = innerMembership;
	}
};