window.onresize = function(){
	
	createMenu();
}

window.addEvent('domready',function(){
	createMenu();
	makeScrollbar($('text'), $('track'), $('thumb'));
})
//Scroller für Textbereich
var tmp = false;
var slider;
function makeScrollbar(content, Xscrollbar, handle, horizontal, ignoreMouse){

    if (tmp != true) {
        tmp = true;
        var f = function(){
            makeScrollbar(content, Xscrollbar, handle, horizontal, ignoreMouse);
        };
        
        setTimeout(f, 900);
    }
    
    steps = (horizontal ? (content.getScrollSize().x - content.getSize().x) : (content.scrollHeight - content.getSize().y -2))
    
   // console.log(steps)
    if (steps > 0) {
        Xscrollbar.setStyle('display', 'block');
        handle.setStyle('display', 'block');
    }
    else {
        Xscrollbar.setStyle('display', 'none');
        handle.setStyle('display', 'none');
        return;
    }
    
    slider = new Slider(Xscrollbar, handle, {
        steps: steps,
        mode: (horizontal ? 'horizontal' : 'vertical'),
        onChange: function(step){
            var x = (horizontal ? step : 0);
            var y = (horizontal ? 0 : step);
            content.scrollTo(x, y);
        }
    }).set(0);
    
    if (!(ignoreMouse)) {
        $$(content, Xscrollbar).addEvent('mousewheel', function(e){
        
            e = new Event(e).stop();
            var step = slider.step - (e.wheel / 2) * 30;
            
            slider.set(step);
        });
    }
    
    $(document.body).addEvent('mouseleave', function(){
        slider.drag.stop();
    });
}

function createMenu(){
	//SUBMENUDIVS SUCHEN
		
	var xalldiv = $$('#subnavcontainer div');
	

	xalldiv.each(function(div,item,index) {
		
		if(div.className == "subnav"){
			
			div.addEvent('mouseenter',function(e) {
			
				showsub(div.id);
			});
			
			div.addEvent('mouseleave',function(e) {
				hidesub(div.id);
			});
		}
		
	});
	
	
	//ALLEN MAINNAVS AKTION ZUORDNEN BEI OVER	
	var allmenu = $('nav').getElements('li');
	
	allmenu.each(function(li,item,index) {
		
		var posi = li.getPosition();
		
		li.addEvent('mouseenter', function(e){
		
			try {
				b=0;
				
				if(item == 0){b=1;}
				
				$('subnav' + item).setStyle('left', posi["x"] + b +  'px');
				$('subnav' + item).setStyle('height', '0px');
				//$('subnav' + item).setStyle('width', '0px');
				$('subnav' + item).setStyle('opacity', 1);
				$('subnav' + item).setStyle('display', 'block');
				
				aniwidth = $('subnav' + item).getScrollSize().x;
			
				aniwidth = aniwidth + 30 + 'px';
				
				
				//FIX AUFGRUND NEUEM DESIGN
				aniwidth = 190+'px';
			
				$('subnav' + item).setStyle('width', aniwidth);
				
				aniheight = $('subholder' + item).getStyle('height');
				aniheight = parseInt(aniheight.substr(0, aniheight.length - 2));
				aniheight = aniheight + 20;
				
				var blenddown = new Fx.Tween($('subnav' + item), {
					duration: 400
				});
				blenddown.start('height', $('subnav' + item).getStyle('height'), aniheight + "px");
				
			} 
			catch (ex) {
			}
			
		});
		
		
		li.addEvent('mouseleave', function(e){
			try {
			
				$('subnav' + item).setStyle('opacity', 0);
				$('subnav' + item).setStyle('display', 'none');

			} 
			catch (ex) {
			}
		});
		
	});
}

function showsub(subelement){	
	var no = subelement.substr( subelement.length-1, 1);
	
	$(subelement).setStyle('opacity',1);
	$(subelement).setStyle('display','block');
	
}

function hidesub(subelement){
	
	var no = subelement.substr( subelement.length-1, 1);
	
	$(subelement).setStyle('opacity',0);
	$(subelement).setStyle('display','none');
	
}