GE_Main.mapFnToCSS('featured_sites',function(el){
	el = $(el);
	var itemW = 190;
	var containerW = 745;
	var containerH = el.down('div').getHeight()+30;
	var elW = el.childElements().length*itemW-15;
	var container = new Element('div').setStyle( {clear:'left',height:containerH+'px',overflow:'hidden',width:containerW+'px'} );
	el.wrap(container);
	el.select('.last').each(function(el,i){el.removeClassName('last');});
	el.setStyle( {visibility:'visible',width:(elW+15)+'px'} );
	var nextBtn = new Element('a',{id:'nextBtn',href:'#'}).insert('View Next Featured Site').addClassName('control next');
	if (elW>containerW) nextBtn.setStyle({backgroundPosition:'0 0'});
	var prevBtn = new Element('a',{id:'prevBtn',href:'#'}).insert('View Previous Featured Site').addClassName('control prev');
	var displayBtn = new Element('a',{id:'displayBtn',href:'#'}).insert('Display All').addClassName('display collapsed');
	container.insert({before:displayBtn}).insert({before:prevBtn}).insert({before:nextBtn});
	nextBtn.observe('click',
		function(e){
			e.stop();
			var newMargin = parseInt(el.getStyle('marginLeft')) - itemW;
			if (newMargin < containerW - elW) return;
			
			if (newMargin < 0) $('prevBtn').setStyle({backgroundPosition:'-24px 0'});
			else $('prevBtn').setStyle({backgroundPosition:'-24px -19px'});
			if (newMargin > containerW - elW) e.target.setStyle({backgroundPosition:'0 0'});
			else e.target.setStyle({backgroundPosition:'0 -19px'});
			
			new Effect.Morph(el,{duration:0.5,queue:'end',style:'margin-left:'+newMargin+'px'});
		}
	);
	prevBtn.observe('click',
		function(e){
			e.stop();
			var newMargin = parseInt(el.getStyle('marginLeft')) + itemW;
			if (newMargin > 0) return;
			
			if (newMargin < 0) e.target.setStyle({backgroundPosition:'-24px 0'});
			else e.target.setStyle({backgroundPosition:'-24px -19px'});
			if (newMargin > containerW - elW) $('nextBtn').setStyle({backgroundPosition:'0 0'});
			else $('nextBtn').setStyle({backgroundPosition:'0 -19px'});
			
			new Effect.Morph(el,{duration:0.5,queue:'end',style:'margin-left:'+newMargin+'px'});
		}
	);
	displayBtn.observe('click',
		function(e){
			e.stop();
			if (e.target.hasClassName('collapsed')) {
				$('prevBtn').setStyle({backgroundPosition:'-24px -19px'}).hide();
				$('nextBtn').setStyle({backgroundPosition:'0 0'}).hide();
				el.setStyle( {marginLeft:'0',width:(containerW+15)+'px'} );
				container.setStyle( {height:'auto'} );
				e.target.update('Collapse').removeClassName('collapsed');
			} else {
				$('nextBtn').show();
				$('prevBtn').show();
				el.setStyle( {marginLeft:'0',width:(elW+15)+'px'} );
				container.setStyle( {height:containerH+'px'} );
				e.target.update('Display All').addClassName('collapsed');
			}
		}
	);
});