window.addEvent('domready', function() {
	var ts_block = $(document.body).getElement('#topstories');
	var ts_assets = $$('#topstories .topstory');
	var ts_thumbs = new Element('ul', {'id': 'allfeatures'});
	ts_thumbs.inject(ts_block);

	$each(ts_assets, function (asset, index){
		var new_story_id = "story" + index;
		var new_thumb_id = "thumb" + index;
		asset.setProperty('id',new_story_id);
		if (!(asset.hasClass('current'))) { asset.fade('hide'); }

		var thumb = asset.getElement('.thumbnail img');
		var newli;
		if (asset.hasClass('current')) {
			var newli = new Element('li',{'id':new_thumb_id,'class':'selected'});
		}
		else {
			var newli = new Element('li',{'id':new_thumb_id});
		}
		thumb.inject(newli);
		newli.inject(ts_thumbs);
		
		newli.addEvents({
			'mouseenter': function(){
				if (!(newli.hasClass('selected'))) {
					newli.getElement('img').setStyles({
						'border': '1px #ffcc00 solid',
						'background-color': '#ffcc00'
					});
				}
			},
			'mouseleave': function(){
				if (!(newli.hasClass('selected'))) {
					newli.getElement('img').setStyles({
						'border': '1px #ccc solid',
						'background-color': '#fff'
					});
				}
			},
			'click': function(){
				if (!(newli.hasClass('selected'))) {
					
				//	ts_block.getElement('.current').removeClass('current');
				//	ts_block.getElement('#story' + index).addClass('current');
				//	ts_block.getElement('#allfeatures .selected').removeClass('selected').getElement('img').setStyles({
				//		'border': '1px #ccc solid',
				//		'background-color': '#fff'
				//	});
				//	newli.addClass('selected').getElement('img').setStyles({
				//		'border': '1px #cb3f29 solid',
				//		'background-color': '#cb3f29'
				//	});
				
					var current_top_story = ts_block.getElement('.current');
					var new_current_story = ts_block.getElement('#story' + index);
					var current_story_fx = new Fx.Tween(current_top_story,{'property':'opacity','duration':150});
					var new_current_story_fx = new Fx.Tween(new_current_story,{'property':'opacity','duration':500});
					current_story_fx.addEvent('complete',function(){
						ts_block.getElement('.current').removeClass('current');
						ts_block.getElement('#allfeatures .selected').removeClass('selected').getElement('img').setStyles({
							'border': '1px #ccc solid',
							'background-color': '#fff'
						});
						newli.addClass('selected').getElement('img').setStyles({
							'border': '1px #cb3f29 solid',
							'background-color': '#cb3f29'
						});
						ts_block.getElement('#story' + index).addClass('current');
						new_current_story_fx.start(0,1);
					});
					current_story_fx.start(1,0);
					$clear(SwitchTimer);
					var ni = index + 1;
					SwitchTimer = FeatureSwitch.delay(15000,ts_block,ni);
				}
			}
		});
	});
	
	var ts_tips = new Tips('#allfeatures img',{
		className: 'tipclass',
		offsets: {'x': 5, 'y': 5}
	});
	
	var SwitchTimer;
	var MaxSwitchRuns = 3600;
	var FeatureSwitch = function(i,j) {
		j++;
		if (i >= ts_assets.length) { i = 0; }
		if(j > MaxSwitchRuns || ts_assets.length == 1) return;
		
		var cts = ts_block.getElement('.current');
		var new_cts = ts_block.getElement('#story' + i);
		var new_cts_thumb = ts_block.getElement('#allfeatures #thumb' + i);
		var cts_fx = new Fx.Tween(cts,{'property':'opacity','duration':250});
		var new_cts_fx = new Fx.Tween(new_cts,{'property':'opacity','duration':1000});
		cts_fx.addEvent('complete',function(){
			cts.removeClass('current');
			ts_block.getElement('#allfeatures .selected').removeClass('selected').getElement('img').setStyles({
				'border': '1px #ccc solid',
				'background-color': '#fff'
			});
			new_cts_thumb.addClass('selected').getElement('img').setStyles({
				'border': '1px #cb3f29 solid',
				'background-color': '#cb3f29'
			});
			new_cts.addClass('current');
			new_cts_fx.start(0,1);
		});
		cts_fx.start(1,0);
		var new_i = i + 1;
		SwitchTimer = FeatureSwitch.delay(10000, ts_block, new_i, j);
	}
	
	SwitchTimer = FeatureSwitch.delay(7000,ts_block,1,0);
		
	
});