// automatic?
var auto = 3000; // 0 = off was 5000
if (auto > 0) {
	var autop = 3000; // start delay was 3000
	var endauto = 'mousemove'; // end auto trigger (cannot be same as trigger)
	var endautospace = $$('#featuresul a'); // where endauto is effective
	// loop
	var loop = true;
	var ffirst =  'f_first'; //first element
}
// 'click' or 'mouseover'
var trigger = 'mouseover';
// first panel to show if not linked
var fdefaut = 'f_first';
var fprefix = 'l'; // id of link prefix

window.addEvent('domready', function(){
	var fdiv = $('featuresdiv');
	var ful = $('featuresul');
	var enter = ((location.hash == "")) ? null : $(location.hash.substring(1));
	if (enter != null && auto == 0) {var fselect = enter;var fbutton = $('l'+location.hash.substring(1));}
	else {var fselect = $(fdefaut);var fbutton = $(fprefix+fdefaut);}
	
	// prepare tabber
	$$(".fhid").setStyles({display:'none'});
	fdiv.setStyles({overflow:'hidden'});
	if (auto>0) endautospace.addEvent(endauto , function(e) {e = new Event(e).stop();;if (auto>0) stopftimer(); return;} );
	
	// prepare slider
	var slider = new Slider($('feature-scrollbar'), $('feature-scrollhandle'), {steps:100, mode: 'vertical'}).set(0);
	$$(fdiv, $('feature-scrollbar')).addEvent('mousewheel', function(e){e = new Event(e).stop();var step = slider.step - e.wheel * 30;slider.set(step);});
	$('feature-bar-bu').addEvent('click', function(e){e = new Event(e).stop();slider.set(slider.step-150);});
	$('feature-bar-bd').addEvent('click', function(e){e = new Event(e).stop();slider.set(slider.step+150);});
	$(document.body).addEvent('mouseleave',function(){slider.drag.stop()});
	
	$$('#featuresul a').addEvent(trigger, function(e){
		// button
		fbutton.set('class', '');
		fbutton =  this;
		fbutton.set('class', 'featurehover');
		
		// content
		fselect.setStyles({display:'none'});
		fselect = $$(this.hash);
		fselect.setStyles({display:'block'});
		
		if (fdiv.getScrollSize().y > $('featurescontainer').getScrollSize().y) {
			$('feature-scrollhandle').setStyles({height:340/(fdiv.getScrollSize().y / fdiv.getSize().y)});
			fdiv.setStyles({width:'397px'});
			$('feature-barwrap').setStyles({display:'block'});
			
			slider = new Slider($('feature-scrollbar'), $('feature-scrollhandle'), {	
				steps: fdiv.getScrollSize().y - fdiv.getSize().y,
				mode: 'vertical',
				onChange: function(step){
					var x = 0;
					var y = step;
					fdiv.scrollTo(x,y);
				}
			}).set(0);
		}
		else {
		$('feature-barwrap').setStyles({display:'none'});
		fdiv.setStyles({width:'420px'});
		}
		fdiv.scrollTop = 0;
		return;
	});
	
	function stopftimer() { ftimer = $clear(ftimer); auto = 0; }

	function gonext(){
		var temp = fbutton.getParent('li');
		if (temp.getNext('li') != null) temp = temp.getNext('li');else stopftimer();
		if (temp.id == 'featuresdull') {
			if (loop) temp = $(fprefix+ffirst);
			else stopftimer()
		}
		else temp = temp.getChildren('a');
		temp.fireEvent(trigger);
		if (auto>0) ftimer = gonext.delay(auto);
	}
	fbutton.fireEvent(trigger);
	if (auto > 0) var ftimer = gonext.delay(autop);
});