dojo.require('dojo.fx');

var aktive = null;

dojo.addOnLoad(function () {
    dojo.query('div.menuEntryAktive > div.aktiveBackground').forEach(function (e) {
        //e.style.opacity = '0.5';
        dojo.animateProperty({
                node: e,
                duration: 500,
                properties : {
                    opacity : {start : '1', end : '0.5'}
                }
            }).play();
    });
    dojo.query('div.menuHolderBg').forEach(function (e) {
        //e.style.opacity = '0.5';
        dojo.animateProperty({
                node: e,
                duration: 500,
                properties : {
                    opacity : {start : '1', end : '0.7'}
                }
            }).play();
    });

    dojo.query('div.refImg > a').forEach(function (e) {
        var img = dojo.byId(e.id+'Img');
        dojo.connect(e, 'mouseover', function () {
            if(aktive != e.id) {
                
                dojo.animateProperty({
                    node: img,
                    duration: 300,
                    onBegin: function () {
                        dojo.style(dojo.byId(e.id+'Info'), {'display':'block',
                                                    'opacity':'0'
                                                   });
                        dojo.fadeIn({node:dojo.byId(e.id+'Info'), duration: 500}).play();
                        
                        if(aktive) {
                            var old = dojo.byId(aktive+'Img');
                            dojo.animateProperty({
                                node: old,
                                duration: 500,
                                properties : {
                                    opacity : {start : '.2', end : '1'}
                                }
                            }).play();

                            dojo.fadeOut({node:dojo.byId(aktive+'Info'), duration: 500}).play();
                        }
                    },
                    properties : {
                        opacity : {start : '1', end : '.2'}
                    }
                }).play();
                
                aktive = e.id;
            }
        });
    });

    dojo.query('div.imgSelect > img').forEach(function (e) {
        dojo.connect(e, 'click', function () {
            aktive = dojo.byId('actImg');
            newSrc = this.src;
            if(this.src != aktive.src) {
                dojo.fadeOut({
                    node:"fadeFrame",
                    duration: 750,
                    onEnd:function () {
                        aktive.src = newSrc;
                        dojo.fadeIn({node:"fadeFrame", duration:800}).play();
                    }
                }).play();
            }
        });
    });
});