window.addEvent('domready',function(){
	// Main Bühne

	if (document.getElementById('slidebox')) {
		var slider = new noobSlide({
			box: $('slidebox'),
			items: $$('#slidebox div.contbox'),
			size: 965,
			handles: $$('#handles span'),
			fxOptions: {
				duration: 600,
				transition: Fx.Transitions.Quart.easeInOut,
				wait: false
			},
			addButtons: {
				previous: $('prev'),
				next: $('next')
			},
			onWalk: function(currentItem,currentHandle){
				this.handles.removeClass('active');
				currentHandle.addClass('active');
			}
		});	
	}
	if (document.getElementById('slidebox2')) {
		var slider = new noobSlide({
			box: $('slidebox2'),
			items: $$('#slidebox2 div.contbox2'),
			size: 965,
			handles: $$('#handles span'),
			fxOptions: {
				duration: 600,
				transition: Fx.Transitions.Quart.easeInOut,
				wait: false
			},
			addButtons: {
				previous: $('prev'),
				next: $('next')
			},
			onWalk: function(currentItem,currentHandle){
				this.handles.removeClass('active');
				currentHandle.addClass('active');
			}
		});	
	}
	var myNavi = new NaviClass();
});

function isie() {
	var were_on_ie = false;
	var ua = navigator.userAgent.toLowerCase();
	if (ua.indexOf( "msie" ) != -1 ) {
		were_on_ie = true;
	}
	return were_on_ie;
}; 


var NaviClass = new Class({  
	initialize: function(){
                this.elements = [['nls_1', 'nl_1'], ['nls_2', 'nl_2'], ['nls_3', 'nl_3'], ['nls_4', 'nl_4'], ['nls_5', 'nl_5'], ['nls_6', 'nl_6']];
				if (isie()) {
					this.make_navi_ie();
				} else {
					this.make_navi_norm();
	
				}
    },
     make_navi_norm: function() {
			this.elements.each(function(element, index) {
				var el_fx = new Fx.Morph(element[0], {duration:400, wait:false});
				if ($(element[0]).hasClass('sel') == false) {
					$(element[0]).setStyle('z-index', 109);
	 				el_fx.set({ 'opacity': 0 });
				}
				$(element[1]).addEvent('mouseenter', function() {
					if ($(element[0]).hasClass('sel') == false) {
						$(element[0]).setStyle('z-index', 109);
						el_fx.start({ 'opacity': 1	});
					}
				});
				$(element[1]).addEvent('mouseleave', function() {
					if ($(element[0]).hasClass('sel') == false) {
						$(element[0]).setStyle('z-index', 109);
						el_fx.start({ 'opacity': 0 });
					}
				});
			});
     },
     make_navi_ie: function() {
			this.elements.each(function(element, index) {
				$(element[1]).addEvent('mouseenter', function() {
					if ($(element[0]).hasClass('sel') == false) {
						$(element[0]).setStyle('z-index', 109);
					}
				});
				$(element[1]).addEvent('mouseleave', function() {
					if ($(element[0]).hasClass('sel') == false) {
						$(element[0]).setStyle('z-index', 1);
					}
				});
			});
	}    
});