window.addEvent('domready', function() {
        
        Shadowbox.init();
    });

function slideBlock(obj, btn, hide){
    window.addEvent('domready', function() {
        var temp = new Fx.Slide(obj);
        if(hide) temp.hide();
        $(btn).addEvent('click', function(e){
                e = new Event(e);
                temp.toggle();
                e.stop();
        });
    });
}

hoverClass('.rule');

function hoverClass(className){
    window.addEvent('domready', function() {
        $$(className).each(function(el, i){
            //e.addEvent()
            el.addEvent('mouseenter', function(e){
                e = new Event(e);
                el.addClass('active');
                //if(btn.glowme) btn.glowfx.start({'opacity':1});
                e.stop();
            });
            el.addEvent('mouseleave', function(e){
                e = new Event(e);
                el.removeClass('active');
                //if(btn.glowme) btn.glowfx.start({'opacity':1});
                e.stop();
            });
        });
        
        var list = $$('ul.lmenu li');
        list.each(function(element) {
            loClr = element.getStyle('color');
            var fx = new Fx.Morph(element, {duration:200, wait:false});
     
            element.addEvent('mouseenter', function(){
                fx.start({
                    'padding-right': 8,
                    'color': '#fff'
                });
            });
            element.addEvent('mouseleave', function(){
                fx.start({
                    'padding-right': 0
                });
            });
        });
        
        var listp = $$('.pma');
        listp.each(function(element) {
            loClr = element.getStyle('color');
            var fx = new Fx.Morph(element, {duration:200, wait:false});
     
            element.addEvent('mouseenter', function(){
                fx.start({
                    'padding-right': 8
                });
            });
            element.addEvent('mouseleave', function(){
                fx.start({
                    'padding-right': 0
                });
            });
        });
        var listp2 = $$('.pma2');
        listp2.each(function(element) {
            loClr = element.getStyle('color');
            var fx = new Fx.Morph(element, {duration:200, wait:false});
     
            element.addEvent('mouseenter', function(){
                fx.start({
                    'padding-left': 8
                });
            });
            element.addEvent('mouseleave', function(){
                fx.start({
                    'padding-left': 0
                });
            });
        });
        var listpi = $$('.th_p_item').getElement('img');
        listpi.each(function(element) {
            //loClr = element.getStyle('color');
            
            var fx = new Fx.Morph(element, {duration:200, wait:false});
            element.addEvent('mouseenter', function(){
                fx.start({
                    'opacity': 0.5
                });
            });
            element.addEvent('mouseleave', function(){
                fx.start({
                    'opacity': 1
                });
            });
        });
        
        var pitem = $$('.pitem');
        pitem.each(function(element) {
            element.set({
                'styles': {
                    'visibility': 'hidden'
                }
            });            
        });
    });
}

function viewPItem(item){
    var pitem = $$('.pitem');
        pitem.each(function(element) {
            element.set({
                'styles': {
                    'visibility': 'hidden'
                }
            });            
        });
    var pitem2 = $$('.pitem_view');
        pitem2.each(function(element) {
            element.set({
                'styles': {
                    'visibility': 'hidden'
                }
            });            
        });
    var pitem3 = $$('.pinfo');
    pitem3.each(function(element) {
        element.set({
            'styles': {
                'visibility': 'hidden'
            }
        });            
    });
    $(item).set('styles', {
        'visibility': 'visible'
    });
}


function hiliteBlock(name, skinColor, textColor){
    window.addEvent('domready', function() {
        var trigger = $(name);
        var title = trigger.getElement('.navAlineaTitel');
        var linkKleurTrans = trigger.getElements('.navLinks a');
        var alinea = trigger.getElement('.navAlinea');
        var info = trigger.getElement('.navInfo');
        
        
        var titleWidth = (title.getSize()).x; 
        //window.alert('1: '+titleWidth);
        titleWidth += (title.innerHTML.length)*6;
        //window.alert('2: '+title.innerHTML.length);
        //var all = new Fx.Elements(title, alinea, info);
        
        var slideAlinea = new Fx.Slide(alinea, {duration:300, wait:false});
        var slideInfo = new Fx.Slide(info, {duration:300, wait:false});
        var fx = new Fx.Morph(title, {duration:600, wait:false});
        
        //var fx_linkjes = new Fx.Elements(linkKleurTrans, {duration:800, wait:false});
        
        slideInfo.hide();
        
        var o = {};
        linkKleurTrans.each(function(skin, i){
            o[i] = {'color': skinColor};
        });
        
        $(title).addEvent('mouseenter', function(e){
            e = new Event(e);
            slideAlinea.slideOut();
            slideInfo.slideIn();
            fx.start({'color': textColor, 'margin-left':-15});
            //fx_linkjes.start(o);
            e.stop();
        });
        
        var b = {};
        linkKleurTrans.each(function(skin, i){
            b[i] = {'color': textColor};
        });
        
        $(trigger).addEvent('mouseleave', function(e){
            e = new Event(e);
            slideAlinea.slideIn();
            slideInfo.slideOut();
            fx.start({'color': skinColor, 'margin-left':0});
            //fx_linkjes.start(b);
            e.stop();
        });
        
    });
        
}


function hiliteBlock2(name, skinColor, textColor){
    window.addEvent('domready', function() {
        var trigger = $(name);
        var title = trigger.getElement('.navAlineaTitel');
        var linkKleurTrans = trigger.getElements('.navLinks a');
        var alinea = trigger.getElement('.navAlinea');
        var info = trigger.getElement('.navInfo');
        
        
        var titleWidth = (title.getSize()).x; 
        //window.alert('1: '+titleWidth);
        titleWidth += (title.innerHTML.length)*6;
        //window.alert('2: '+title.innerHTML.length);
        //var all = new Fx.Elements(title, alinea, info);
        
        var slideAlinea = new Fx.Slide(alinea, {duration:300, wait:false});
        var slideInfo = new Fx.Slide(info, {duration:300, wait:false});
        var fx = new Fx.Morph(title, {duration:600, wait:false});
        
        //var fx_linkjes = new Fx.Elements(linkKleurTrans, {duration:800, wait:false});
        
        slideInfo.hide();
        
        var o = {};
        linkKleurTrans.each(function(skin, i){
            o[i] = {'color': skinColor};
        });
        
        $(title).addEvent('mouseenter', function(e){
            e = new Event(e);
            slideAlinea.slideOut();
            slideInfo.slideIn();
            fx.start({'color': textColor});
            //fx_linkjes.start(o);
            e.stop();
        });
        
        var b = {};
        linkKleurTrans.each(function(skin, i){
            b[i] = {'color': textColor};
        });
        
        $(trigger).addEvent('mouseleave', function(e){
            e = new Event(e);
            slideAlinea.slideIn();
            slideInfo.slideOut();
            fx.start({'color': skinColor, 'margin-bottom':0});
            //fx_linkjes.start(b);
            e.stop();
        });
        
    });
        
}

function initContact(){
    window.addEvent('domready', function() {
        sendBtn = $('contactBtn');
        contactForm = $('contactform');
        obligatedfields = $$('.obligated');
        
        currentColor='#000';//$('skinColor').getText();
        //window.alert(currentColor);
        
        sendBtn.addEvent('mouseenter', function(event){
            //sendBtn.setStyles({'color': currentColor, 'background-image': '');
            sendBtn.addClass("active");
            //fixPNG(sendBtn); 
        });

        sendBtn.addEvent('mouseleave', function(event){
            sendBtn.removeClass("active");
            //fixPNG(sendBtn);
        });        
        
        sendBtn.addEvent('click', function(e){
            e= new Event(e);
            //check fields
            ok = true;
            obligatedfields.each(function(field,i){
                if(field.value == '') {
                    ok = false;
                }
            });
            if(ok) {
                contactForm.submit();
            }
            else {
                errorReport('Gelieve alle velden in te vullen aub');
            }
            e.stop();
        });
    });
}

function errorReport(err){
    window.alert(err);
}

function initTooltips(){
    //when the dom is ready
    window.addEvent('domready', function() {
        //store titles and text
        $$('.tip').each(function(element,index) {
            var content = element.get('title').split('::');
            if(content[0]) element.store('tip:title', content[0]);
            if(content[1]) element.store('tip:text', content[1]);
            else element.store('tip:text', '');
        });
        
        //create the tooltips
        var tipz = new Tips('.tip',{
            className: 'rni',
            fixed: false,
            hideDelay: 50,
            showDelay: 50
        });
        
        //customize
        tipz.addEvents({
            'show': function(tip) {
                tip.fade('in');
            },
            'hide': function(tip) {
                tip.fade('out');
            }
        });
    });
}

initTooltips();

var activeApp;
function initApp(){
    window.addEvent('domready', function() {
        window.addEvent('resize', function(){
            positionApp2(activeApp);
        });
        window.addEvent('scroll', function(){
            positionApp2(activeApp);
        });
        $('app_overlay').addEvent('click', function(){
            hideBox(activeApp);
        });
        
        if($('winimi_btn')){
            $('winimi_btn').addEvent('click', function(){
                openApp('winimi_m');
            });
        }
        
        if($('winimi_btn')){
            $('tim_btn').addEvent('click', function(){
                openApp('tim_m');
            });
        }
        
        if($('winimi_btn_s')){
            $('winimi_btn_s').addEvent('click', function(){
                openApp('winimi_m');
            });
        }
        if($('tim_btn_s')){
            $('tim_btn_s').addEvent('click', function(){
                openApp('tim_m');
            });
        }
        
        //$('app_overlay').setStyle('visibility', 'visible');
        
        hideApp();
        hideOverlay();
        
        $$('.app_container').setStyle('visibility', 'visible');
        $('app_overlay').setStyle('visibility', 'visible');
    });
}

function buttonSlide(){
    window.addEvent('domready', function() {
        //var myTransition = new Fx.Transition(Fx.Transitions.Elastic, 3);
        var el = $('slideElement');
        var elcont = $('slideElement_container');
        var red = $('rood_bg_left');
        
        var size = red.getSize().x;
        var myFx = new Fx.Tween(el, {property: 'right', duration: 1000, transition: Fx.Transitions.Back.easeOut});
        //myFx.options.transition = Fx.Transitions.Elastic;
        myFx.set(size+186);
        myFx.start(40);
        /*
        myFx.start(size-205).chain(function(){
            $('slideElement').effect('margin', {transition: myTransition.easeOut});
            alert('test');
        });
        */
    });
}

function accordeon(){
    window.addEvent('domready', function() {
            //create our Accordion instance
            var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
                    opacity: false,
                    onActive: function(toggler, element){
                            toggler.setStyle('color', '#000000');
                    },
                    onBackground: function(toggler, element){
                            toggler.setStyle('color', '#84161D');
                    }
            });
    });
}

function m_accordeon(){
    window.addEvent('domready', function() {
            //create our Accordion instance
            var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
                    opacity: false,
                    onActive: function(toggler, element){
                            toggler.setStyle('color', '#000000');
                    },
                    onBackground: function(toggler, element){
                            toggler.setStyle('color', '#0c3c6d');
                    }
            });
    });
}



function hideBox(appname){
    //window.addEvent('domready', function() {
        $(appname).hide();
    //});
    
    hideOverlay();
}

function hideApp(){
    //window.addEvent('domready', function() {
        $$('.app_container').hide();
    //});
}
function hideOverlay(){
    //window.addEvent('domready', function() {
        $('app_overlay').fade(0);
        $('app_overlay').hide();
    //});
}
/*
hideApp();
hideOverlay();
*/

var winimiload;
var timload;

function openApp(appname){
    activeApp = appname;
    var breedte;
    var hoogte;
    var appsize;
    var app = $(appname);
    app.show();
    viewOverlay(appname);
    positionApp(app);
    if(appname == 'winimi_m' ) if(!winimiload) winimiload = new Asset.javascript('http://www.winimi.be/init.php?site=rni&nopageload=true', {id: 'winimiscript'});
    if(appname == 'tim_m' ) if(!timload) timload = new Asset.javascript('http://www.xprimi.com/timonholiday/init.php?site=rni&nopageload=true', {id: 'timscript'});
    
}

function positionApp(app){
    appsize = app.getSize();
    if(window.innerWidth){
        breedte = window.innerWidth / 2;
        hoogte = window.innerHeight / 2;
    }
    
    else if(document.body && document.body.clientWidth){
        breedte = document.body.clientWidth / 2;
        hoogte = document.documentElement.clientHeight / 2;
    }
    
    else if(document.documentElement && document.documentElement.clientWidth){
        breedte = document.documentElement.clientWidth / 2;
        hoogte = document.documentElement.clientHeight / 2;
    }
    
    var xOffset = (breedte) - (appsize.x/2);
    var yOffset = (hoogte) - (appsize.y/2);
    
    app.setStyle('top',yOffset);
    
    app.set('tween', {duration: 'long'});
    app.tween('right', [0, xOffset]);
}

function positionApp2(appname){
    app = $(appname);
    if(app){
        appsize = app.getSize();
        if(window.innerWidth){
            breedte = window.innerWidth / 2;
            hoogte = window.innerHeight / 2;
        }
        
        else if(document.body && document.body.clientWidth){
            breedte = document.body.clientWidth / 2;
            hoogte = document.body.clientHeight / 2;
        }
        
        else if(document.documentElement && document.documentElement.clientWidth){
            breedte = document.documentElement.clientWidth / 2;
            hoogte = document.documentElement.clientHeight / 2;
        }
        
        var xOffset = (breedte) - (appsize.x/2);
        var yOffset = (hoogte) - (appsize.y/2);
        
        app.setStyle('top',yOffset);
        app.setStyle('right', xOffset);
    }
}

function viewOverlay(appname){
    var overlay = $('app_overlay');
    overlay.show();
    overlay.fade(0.75);
}

function closeApp(appname){
    var app = $(appname);
    app.hide();
}

function initError_404(path){
        window.addEvent('domready', function() {
            $('error_rni').addEvent('mouseover', function(){
               $('error_rni').setProperty('src', path+'style/404/404_rni_hover.gif'); 
            });
            $('error_media').addEvent('mouseover', function(){
               $('error_media').setProperty('src', path+'style/404/404_media_hover.gif'); 
            });
            $('error_rni').addEvent('mouseleave', function(){
               $('error_rni').setProperty('src', path+'style/404/404_rni.gif'); 
            });
            $('error_media').addEvent('mouseleave', function(){
               $('error_media').setProperty('src', path+'style/404/404_media.gif'); 
            });
        });
}