var capabilityEffect;

var populateInterval;
var populateKey;
var populateLength;
var populateI;

function updateCapabilityWidget(key) {
	
	if (populateKey == key) { return; }
	

	
	if (populateKey != undefined) {
		
		$(populateKey).addClass('cap')
		$(populateKey+'_blurb').addClass('blurb')
	}
	
	$(key).removeClass('cap');
	$(key+'_blurb').removeClass('blurb')
	
	populateKey = key;	
	
	var capabilityWidgetSpecs = $('capability_table').getCoordinates()

	
	$('capability_selector').setStyle('visibility','visible');

	var titleSpecs = $(key).getCoordinates();
	var selectorNewX =(titleSpecs.left-capabilityWidgetSpecs.left)-15;
	var selectorNewWidth = titleSpecs.width+10;
	
	if (capabilityEffect == undefined)
	{

		$('capability_selector').setStyle('left',selectorNewX)
		capabilityEffect = $('capability_selector').effect = new Fx.Tween($('capability_selector'), $extend({property: 'left'}, {duration: 200, transition: Fx.Transitions.linear}))
		
	}
	else
	{
		capabilityEffect.pause();
		
		capabilityEffect.start($('capability_selector').getStyle('left'),selectorNewX);
	}
	
	$('capability_selector').setStyle('width',selectorNewWidth+25)
	$('capability_selector_body').setStyle('width',selectorNewWidth)
	
	


	
}