window.addEvent('domready', function(){
	$$('.top-nav-box .top-navigation-content').each(function(el){
        if (el.hasClass('selected')){
            return;
        }
        el.set('morph',{
            duration:200
        });
        el.addEvents({
                mouseenter: function(){
                    this.morph({
                        'background-position': '0px 0px'
                    });
                },
                mouseleave: function(){
                    //alert(position);
                    this.morph({
                        'background-position': '0px 20px'
                    });
                }
            });        
    });
    Galleries.start();
    fitColHeight();
});

function fitColHeight() {
    var cols = $$('#col1','#col2','#col3');
    var height = 0;
    cols.each(function(col){
        var el = $(col);
        height = Math.max(height, el.clientHeight, el.offsetHeight);
    });
    if (!height){
        return;
    }
    cols.each(function(col){
        var h, id = col.get('id');
        if (id == 'col3') return;
        if (['col1','col2'].contains(id)){
            h = (height+15)+'px';
        }
        else {
            h = (height)+'px';
        }
        col.setStyle('height',h);
    });
};
var Galleries = {
    start: function() {
        $$('.mooflow').each(function(gallery){
            Galleries.init(gallery)
        });   
    },
    init: function(container){

        var mf = new MooFlow($(container), {
            startIndex: 5,
            useSlider: true,
            useAutoPlay: true,
            useCaption: true,
            useResize: true,
            useMouseWheel: true,
            useKeyInput: true,
            useViewer:true,
            onClickView: function(obj){
                var img = new Element('img',{src:obj.src, title:obj.title, alt:obj.alt, styles:obj.coords}).setStyles({'position':'absolute','border':'none'});
                var title = (obj.title || '')+(obj.title && obj.alt ? ' - ' : '')+(obj.alt || '');
                var link = new Element('a',{'class':'remooz-element','href':obj.href,'title':title, styles:{'border':'none'}});
                $(document.body).adopt(link.adopt(img));
                var remooz = new ReMooz(link, {
                    centered: true,
                    resizeFactor: 0.8,
                    origin: link.getElement('img'),
                    onCloseEnd: function(){link.destroy()}
                });
                remooz.open();
            }
        });
        
    }
    
};
jQuery.tools.overlay.addEffect("load",
    function(position, done) {
        var trigger = this.getTrigger(),wrap = this.getOverlay().find('.overlay-content'), conf = this.getConf(), overlay = this.getOverlay(),
            self = this, href = trigger.attr('data-href'), url = trigger.attr('data-url') || window.location.href, lang = trigger.attr('data-lang');
        function bindClose() {
            wrap.find('.close').click(function() {
                self.close();
            })
        }
        var style = trigger.attr('data-style');
        if (style){
            wrap.attr('style',style);
        }
        wrap.load(href+'?lang='+lang+'&url='+escape(url), function() {
            position.top = jQuery(window).scrollTop()+50;
            overlay.css(position).fadeIn(conf.speed, done)
            bindClose();
            var form = wrap.find('form');
            form.validator({
                lang: lang
            });
            wrap.find('.submit').click(function(event) {
                if (form.data('validator').checkValidity()) {
                    jQuery('<input type="hidden" name="url" value="'+document.location.href+'" />').appendTo(form);
                    jQuery.ajax({
                        type: 'POST',
                        url: href,
                        data:form.serialize(),
                        success: function(content){
                            wrap.html(content);
                            bindClose();
                        }
                    })
                }
            });
        });
},
    function(done){
        this.getOverlay().fadeOut(this.getConf().closeSpeed, done);
    }
);
jQuery.tools.validator.localize('de',{
    ':email'  		: 'keine g&uuml;ltige E-Mail',
	':number' 		: 'keine g&uuml;ltige Zahl',
	'[max]'	 		: 'maximal $1',
	'[min]'	 		: 'mindestens $1',
	'[required]' 	: 'erforderlich'
});
jQuery(function($){
    $('.overlay-load-trigger').overlay({
        effect: 'load',
        mask: {
            color: '#000',
            opacity: 0.7
        },
        fixed: true,
        onClose: function() {
            $('.error').remove();
        }
    })
});
