var initPage = function(){
	var scroller = $$('.scroll').pop();	
	if (scroller){
		var knob = scroller.getElement('.traveler');
		var content = $$('.scrolling-area').pop();			
		var steps = content.getScrollSize().y - content.getSize().y;
		
		if (steps<=0) {
			scroller.setStyle('display', 'none');
			return;
		}
		
		var slider = new Slider(scroller, knob , {
			steps: steps,
			mode : 'vertical',
			onChange: function(step){				
				content.scrollTo(0,step);
			}
		});	
		
		$$(content, scroller).addEvent('mousewheel', function(e){	
			e = new Event(e).stop();
			var step = slider.step - e.wheel * 30;	
			slider.set(step);					
		});		
	}
	
}
window.addEvent('domready',initPage);


var browsers = 'all';
var config = {
	hovers: new Array(
		{
			parentId:'menu',
			tagName:'li',
			tagPosition:'children',
			className:'hover'
		}
	)
};
/* CODE AREA */

/* hovers */

var initHovers = function()
{

	for (var index in config.hovers){
		var conf = config.hovers[index];
		var topLevelElement = document.getElementById(conf.parentId);
		if (topLevelElement){
			var subElements = topLevelElement.getElementsByTagName(conf.tagName);
			for (var i = 0; i < subElements.length; i++){
				if (conf.tagPosition == 'all' || (conf.tagPosition == 'children' && subElements[i].parentNode.id == conf.parentId))
				{
					subElements[i].configIndex = index;
					subElements[i].onmouseover = function(){
						this.className += ' ' + config.hovers[this.configIndex].className;
					};
					subElements[i].onmouseout = function(){
						this.className = this.className.replace(config.hovers[this.configIndex].className,'');
					};
				}
			}
		}
	}
}

/* common */

var currentState = {};

var opera = window.opera;
var safari = navigator.appVersion.indexOf("Safari") != -1;
var ie = document.all && !window.opera;
var ff = navigator.userAgent.indexOf("Firefox") != -1;

var addEventEasy = function(browsers,event,initMethod)
{
	if (opera && (browsers.match(/Opera/) || browsers.match(/all/))) {
		window.addEventListener(event, initMethod, false);
	} else if (safari && (browsers.match(/Safari/) || browsers.match(/all/))) {
		window.addEventListener(event, initMethod, false);
	} else if (ie && (browsers.match(/IE/) || browsers.match(/all/))) {
		window.attachEvent("on" + event, initMethod);
	} else if (ff && (browsers.match(/FF/) || browsers.match(/all/))) {
		window.addEventListener(event, initMethod, false);
	} else if (!ie && !ff && !safari && !opera) {
		if (window.addEventListener){
			window.addEventListener(event, initMethod, false);
		}
		else if (window.attachEvent){
			window.attachEvent("on" + event, initMethod);
		}
	} 
}
addEventEasy(browsers,'load',initHovers);