window.addEvent('domready', function(){

    var link = $$('.referenzHoverP a');
    link.each(function(element) {
        $(element).setStyle('opacity', '0.0001');
    });
    
    $$('.referenzHoverP a').addEvents({
        mouseenter: function(){
            this.set('morph', {duration: 120});
            this.morph({
                'opacity': '1'
            });
		},
        mouseleave: function(){
            this.set('morph', {duration: 400});
            this.morph({
                'opacity': '0'
            });
        }
    });
    
    
    
    var link = $$('.aufklapperGrau');
    var counter = 0;
    link.each(function(element) {
        var object = $(element).parentNode.nextSibling;
        object.style.marginLeft = '12px';
        var slideobject = new Fx.Slide(object);
        
        slideobject.hide();
        
        /*
        if(counter == 0) {
            slideobject.show();
            element.className = 'aufklapperGrau collapseOpen';
        }
        */
        counter = counter + 1;
    });
    
    $$('.aufklapperGrau').addEvents({
        click: function(){
        
            var object = this.parentNode.nextSibling.firstChild;
            
            var link = $$('.aufklapperGrau');
            link.each(function(element) {
                var objectClose = element.parentNode.nextSibling.firstChild;
                if(objectClose != object) {
                    var slideobjectClose = new Fx.Slide(objectClose);
                    slideobjectClose.slideOut();
                    element.className = 'aufklapperGrau';
                }
            });
        
        
            var slideobject = new Fx.Slide(object);
            slideobject.toggle();

            if(this.className == 'aufklapperGrau collapseOpen') {
                this.className = 'aufklapperGrau';
            } else {
                this.className = 'aufklapperGrau collapseOpen';
            }
		}
    });
    
    
    
    var link = $$('.collapseInfo');
    link.each(function(element) {
        var object = $(element).parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.previousSibling;
        var slideobject = new Fx.Slide(object);
        slideobject.hide();
    });
    
    $$('.collapseInfo').addEvents({
        click: function(){
            
            var link = $$('.collapseInfo');
            link.each(function(element) {
                var object = element.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.previousSibling.firstChild;
                
                var slideobject = new Fx.Slide(object);
                slideobject.toggle();
                
                var removeObject = element;
                removeObject.set('morph', {duration: 400});
                removeObject.morph({
                    'opacity': '0'
                });
                
            });
            return false;
		}
    });
    
    
    
    
    var link = $$('.blindOut');
    link.each(function(element) {

        $(element).setStyle('display','none');
        $(element).setStyle('opacity','0');

        var menuElement = element.id;
        var ankerElement = location.href.split('#')[1];
        
        if(element.id == ankerElement) {
            $(element).setStyle('display','block');
            var blindObjectIn = new Fx.Morph(element, {duration: 800, onComplete: function() { }});
            blindObjectIn.start({'opacity' : 1});
        
            $('dot_' + menuElement).setProperty('class', 'blindOutDots activeAppDot');
        }
        
        if(ankerElement == null) {
            $('facebookapps').setStyle('display','block');
            var blindObjectIn = new Fx.Morph('facebookapps', {duration: 0, onComplete: function() { }});
            blindObjectIn.start({'opacity' : 1});
            
            $('dot_facebookapps').setProperty('class', 'blindOutDots activeAppDot');
        }
        
        $('dot_' + menuElement).addEvents({
            click: function(){
                
                if(menuElement != '18') {
                
                    var link = $$('.blindOut');
                    link.each(function(element) {
                        $(element).setStyle('display','none');
                        $(element).setStyle('opacity','0');
                    });
                    
                    var link = $$('.blindOutDots');
                    link.each(function(element) {
                        element.setProperty('class', 'blindOutDots');
                    });
                    
                    $('dot_' + menuElement).setProperty('class', 'blindOutDots activeAppDot');
                    
                    window.location.hash = "#" + menuElement;
                    
                    $(element).setStyle('display','block');
                    var blindObjectIn = new Fx.Morph(menuElement, {duration: 800, onComplete: function() { }});
                    blindObjectIn.start({'opacity' : 1});
   
                }
                
            }
        });
        
    });



    var link = $$('.popupBoxClose');
    link.each(function(element) {
        var object = $(element).parentNode.parentNode;
        $('c340').setStyle('display', 'none');

        var blindObjectIn = new Fx.Morph(object, {duration: 0, onComplete: function() { }});
        blindObjectIn.start({'opacity' : 0});
            
        element.addEvents({
            click: function(){
                var blindObjectIn = new Fx.Morph(object, {duration: 200, onComplete: function() { }});
        blindObjectIn.start({'opacity' : 0});
            }
        });
    });
    
    var link = $$('.openPopup');
    link.each(function(element) {
        var object = $(element).parentNode.parentNode.parentNode.parentNode.previousSibling;
        element.addEvents({
            click: function(){
                var blindObjectIn = new Fx.Morph(object, {duration: 200, onComplete: function() { }});
                blindObjectIn.start({'opacity' : 1});
                return false;
            }
        });
    });
    
    
    
    
    
    if(document.getElementById('c338')) {
        $('c338').addEvents({
            click: function(){
                $('c340').setStyle('display', 'block');
                $('c339').setStyle('display', 'none');
            }
        });
    }
    if(document.getElementById('c341')) {
        $('c341').addEvents({
            click: function(){
                $('c339').setStyle('display', 'block');
                $('c340').setStyle('display', 'none');
            }
        });
    }
    
    
    
    
    
    
    var link = $$('.brandCats');
    link.each(function(element) {
        var object = $(element);
        $(element).setStyle('display','none');
        $(element).setStyle('opacity','0');
        
        var menuElement = element.id;
        var ankerElement = location.href.split('#')[1];
        
        if(element.id == ankerElement) {
            $(element).setStyle('display','block');
            var blindObjectIn = new Fx.Morph(element, {duration: 300, onComplete: function() { }});
            blindObjectIn.start({'opacity' : 1});
        
            var link = $$('.blindDot');
            link.each(function(element) {
                element.setProperty('class', 'blindDot');
            });
                
            $('dot_' + menuElement).setProperty('class', 'blindDot menuContent_active');
        }
        
        if(ankerElement == null) {
            $('featured').setStyle('display','block');
            var blindObjectIn = new Fx.Morph('featured', {duration: 0, onComplete: function() { }});
            blindObjectIn.start({'opacity' : 1});
        }
        
        
        $('dot_' + menuElement).addEvents({
            click: function(){
            
                var link = $$('.brandCats');
                link.each(function(element) {
                    $(element).setStyle('display','none');
                    $(element).setStyle('opacity','0');
                });
                
                
                var link = $$('.blindDot');
                link.each(function(element) {
                    element.setProperty('class', 'blindDot');
                });
                
                
                $('dot_' + menuElement).setProperty('class', 'blindDot menuContent_active');
                
                window.location.hash = "#" + menuElement;
                
                $(element).setStyle('display','block');
                var blindObjectIn = new Fx.Morph(menuElement, {duration: 300, onComplete: function() { }});
                blindObjectIn.start({'opacity' : 1});
                return false;
            }
        });
    });
    
    

        
    $$('.brandDot').addEvents({
        click: function(){
            var ankerWert = location.href.split('#')[1];
            Cookie.write('brandCategory', ankerWert, {duration: 1, path: '/', domain: '.247grad.de'});
        }
    });


    
    
    
    
     
});