;

( function($) {
    
    /**
     * set class according to it's related input
     */
    var setState = function( elem, link ) {    
        if ( elem.isChecked() ) {        
            link.addClass('checked');            
        } else {  
            link.removeClass('checked');
        }        
    };
    
    /**
     * replace a single radiobutton with a prettier one
     */
    var replace = function( elem, options ) {
        
        var checked = elem.isChecked();
        
        var radioGroupName = elem.attr('name');
        
        var radioGroup = $( 'input[name=' + radioGroupName + ']' );
        
        var id = elem.attr('id');
        
        var label = $('label[for=' + id + ']');
        
        var link = $('<a href="#" />').addClass( options.radiobuttonClass ).text( elem.val() );
        
        var trigger = function(e) {
            change();
            e.preventDefault();
        };
        
        var change = function() {        	
        	radioGroup.show();
        	elem.check();
            radioGroup.trigger('change');
            radioGroup.hide();
        };
        
        link.click( trigger );
        
        label.click( trigger );
        
        elem.change( function(event) {
            setState( $(event.target), link );
        });
        
        link.insertAfter( elem );
        
        if ( checked ) {
            change();
        }
        
        elem.hide();
      
    };
    
    /**
     * default options for the pretty radiobuttones
     */
    var defaultOptions = {
        radiobuttonClass : 'radiobutton',
        onChange : function() {}
    };
 
    /**
     * replace radiobuttones with a pretty looking stylable html-only component
     */
    $.fn.radiobutton = function( options ) {
        
        options = options || {};
        
        var extendedOptions = $.extend( defaultOptions, options);
        
        return $(this).each( function(i) {
        
            //only replace once
            if ( $(this).data( '_radiobuttonReplaced' ) ) {
                return;
            }
            
            $(this).data( '_radiobuttonReplaced', true );
            
            // replace the baby
            replace( $(this), extendedOptions );
        });
    };
    
})(jQuery);




;

( function($) {

   var _elements = {};

   var replace = function( select, settings ) {
       
       
       /**
        * quick 'n dirty multiple
        */
       if ( select.attr('multiple') ) {
           return;
       }
       
       /**
        * private properties
        *
        */
       var select = select;
       var numChildren = select.children().length;
       var name = select.attr('name');
       var settings = settings;
       var currentIndex = 0;
       var previousIndex = 0;
       var cursor = 0;
     
       var callbacks = [];
       var selectedClass = 'selected';
       var openClass = 'open';
       var data = [];
       var isOpen = false;
       var max = 0;     
       var itemHeight = 0;
       var height = 0;
       var mouseInside = false;
       var disabled = false;
       var margin = 1;
       
       /**
        * set up the container view
        *
        */
       var hidden = $('<input type="hidden" name="' + name + '" />').val('');
       var dl = $("<dl></dl>").addClass('dropdown');
       
       disabled = select.attr('disabled') ? true : false;
       
       // add original classes to the dl
       var originalClassNames = select.attr('class').split(' ');       
       for (var x = 0; x < originalClassNames.length; x++) {
           dl.addClass(originalClassNames[x]);
       }
       
       if ( disabled || numChildren === 0 ) {
            dl.addClass('disabled');
       }

       var dt = $("<dt></dt>");
       
       if ( !disabled && numChildren > 0 ) {
           dt.mousedown( function(e) {
               if ( isOpen ) {
                   collapse();
               } else {
                   expand();
               }
               e.preventDefault();
           } );
       }
       
       var a = $('<a href="#"></a>').click( function(e) {
           e.preventDefault();
       });
       
       var current = $('<span class="current"></span>').text( settings.defaultText );
      
       a.append(current);
       dt.append($('<span class="icon" />'));
       
       var dropdownContainer = $("<div></div>").addClass('dropdown_container');
       
       $.each( settings.parents, function( i, parentClass ) {
            var inParent = select.parents( '.' + parentClass ).size() > 0;
            if ( inParent ) {
                dropdownContainer.addClass( 'in' + parentClass );
            }
       });
       
       var ul = $("<ul></ul>");
       
       dt.append( a );
       dl.append( dt );
       
      
       /**
        * detect if the mouse is within the dropdown area and store it in a flag
        * if the mouse leaves the area but doesn't return within 5 seconds close it
        */
       var timer = false;
       
       dl.mouseleave( function(e) {
           mouseInside = false;          
       });
       
       dl.mouseenter( function(e) {
           mouseInside = true;  
       });

       /**
        * close the dropdown
        */
       var collapse = function() {     
            isOpen = false;
            dl.removeClass( openClass );
            dropdownContainer.removeClass( openClass ).remove();
       };

       /**
        * open the dropdown
        */
       var expand = function() {
           
           isOpen = true;                   
           
           dropdownContainer.remove();
           // remove the container unbinds all eventhandlers so we attach them when we add the container
           // the live method won't work because it will trigger the event on all dropdowns at once
           
           dropdownContainer
           .mousedown( function(e) {
                e.stopImmediatePropagation();
           })
           .click( function(e) {
                e.stopImmediatePropagation();
           })
           .scroll( determinePosition )
           .find('a').each( function(i) {
               $(this).mousedown( function(e) {
                   moveToIndex(i);
                   pick();
                   e.preventDefault();
                   e.stopImmediatePropagation();                  
               } );
           });
           
           dl.addClass( openClass );
           
           $('body').append( dropdownContainer.addClass( openClass ) );
           
           determinePosition();
       };
          
       /**
        * convert the <select> to a <ul>
        */
       var convertToList = function() {
       
            max = numChildren - 1;
            
           // loop through options and create an unordered list from it's values
           select.children().each( function(i) {

               var value = $.trim( $(this).val() );
               var label = $.trim( $(this).text() );

               if ( $(this).attr('selected') ) {
                    currentIndex = i;
               }
               
               var li = $("<li></li>");
               var a = $('<a href="#"></a>').text( label );
               li.append( a );
               
               data.push( {
                   value : value,
                   label : label
               } );
               
               ul.append( li );
           } );
           
           // insert the list and hide the original select
           dl.insertAfter( select );
           
           select.hide();
           
           if ( numChildren > 0 ) {
           
               
               dl.append( dropdownContainer );
               
               dropdownContainer.append( ul );
               
               // calculate height of a single list item
               itemHeight = ul.children().eq(0).height();
               
               dropdownContainer.remove();    
               
               // calculate the height of the visible area
               height = numChildren * itemHeight;
               
               if ( numChildren > settings.maxItemsVisible ) {
                   height = settings.maxItemsVisible * itemHeight;
               }
               
               // set the height of the cropping area
               dropdownContainer.height( height );
               
               // set the width of the visible area
               var dlw = dl.outerWidth();
               dropdownContainer.width( dlw - 2 );
               
               // select the current value
               moveToIndex( currentIndex );
               
               // check if the dropdown should go up or down
               determinePosition();
                              
               // push the selected value to the hidden field
               setValue();
           }
       };
       
       /** 
        * detect if we have enough room below the trigger to open the dropdown
        * if not, open it above the trigger
        */
       var determinePosition = function() {           
           var offset = dl.offset();
           var top = offset.top - $(window).scrollTop();
           var wh = $(window).height();
           var diff = wh - height - itemHeight;

           if ( diff < top ) {
               dropdownContainer.css({
                   top: dl.offset().top - height - margin,
                   left : dl.offset().left
               });
           } else {
                dropdownContainer.css( {
                    top : dl.offset().top + dt.height() + margin,
                    left : dl.offset().left
               } );
           }
       };
       
       /** 
        * update position to show the selected item
        */
       var setScroll = function() {
           var max = settings.maxItemsVisible - 1;         
           var d = cursor - max;
           var y = d * itemHeight;
           dropdownContainer.scrollTop( 0 );
           if ( y >= 0 ) {     
               dropdownContainer.scrollTop( y );
           }
       };
      
       /**
        * move the cursor to a specified index
        */
       var moveToIndex = function( index ) {
           previousIndex = currentIndex;
           currentIndex = index;
           cursor = index;           
           setScroll();           
           ul.children().eq( previousIndex ).removeClass( selectedClass );
           ul.children().eq( currentIndex ).addClass( selectedClass );           
       };
       

       
       /**
        * store the selected value
        */
       var setValue = function() {
           var label = data[currentIndex].label;
           var value = data[currentIndex].value;
           current.text( label );
           select.show().val( value ).hide();
           collapse(); 
       };
       
       /**
        * triggered when the user selects a value
        * this will also trigger the change event
        */
       var pick = function() {
            setValue();
            select.trigger('change');
            if (typeof(settings.onChange) == 'function') {
                settings.onChange.apply($(select), [select.val()]);
            }
       };
       
       /**
        * move the cursor up or down
        */
       var move = function(dir) {
           cursor += dir;
           if ( cursor <= 0 ) {
               cursor = 0;
           }
           if ( cursor >= max ) {
               cursor = max;
           }
           moveToIndex(cursor);           
       };
       
       /**
        * find index of a value beginning with char c
        */
       var findIndex = function(c) {
           for( var i = 0; i < data.length; i++ ) {
               if ( data[i].label.charAt(0).toLowerCase() == c.toLowerCase() ) {
                   return i;
               }
           }
           return false;
       };
       
       /**
        * get a character from the pressed keycode and if a corresponding value is found move to that index
        */
       var find = function( keyCode ) {
           var c = String.fromCharCode( keyCode );
           var index = findIndex( c );
           if ( index !== false ) {
               moveToIndex(index);
           }
       };
       
       /**
        * monitor keystrokes and delegate actions
        */
       var onKeyUp = function(e) {
    
           if ( isOpen ) {
               switch( e.keyCode ) {
                   case 40: //down
                       move(1);
                       e.preventDefault();
                       break;                   
                   case 38: //up
                       move(-1);
                       e.preventDefault();
                       break;                
                   case 33: //page up
                       moveToIndex(0);
                       e.preventDefault();
                       break;
                   case 34: //page down
                       moveToIndex(max);
                       e.preventDefault();
                       break;                   
                   case 13:
                       pick();                       
                       e.preventDefault();                       
                       break;
                   case 27:
                       reset();
                       e.preventDefault();    
                       break;
                   default:
                       find( e.keyCode );
                       break;                       
               }               
           }
       };   
       
       /*
        * listen to keystrokes
        */
       $(document).keydown( onKeyUp );
       
       /*
        * detect if the mouse is clicked outside of the dropdown
        */
       var reset = function(e) {       
           if ( !mouseInside && isOpen ) {
               collapse();
           }              
       };
       
       var blur = function(e) {
            if ( $(e.target).parents('.dropdown_container').length == 0 ) {
                reset();
            }
       };
       
       $(document).click( blur );//.focus( blur );
       
       $(window).resize( reset );
        
       $( window ).scroll( determinePosition );
        
       
       convertToList();
        
   };

   var defaults = {
       defaultText : "Selecteer een waarde",
       animationSpeed : 0,
       maxItemsVisible : 10,
       onChange : function(value) {},
       parents : ['actions']
   };

   /**
    * dropdown plugin for pretty dropdowns
    */
   $.fn.dropdown = function(options) {
       
       //extend options with the defaults
       var extendedOptions = $.extend( defaults, options );
       
       return $(this).each( function(i) {
           //only replace once
           if ($(this).data('_dropdownReplaced')) {
               return;
           }
           $(this).data('_dropdownReplaced', true);
           
           replace( $(this), extendedOptions );
           
       } );
   };
  
})(jQuery);

;

( function($) {

    var setup = function( element, options ) {
    
        var tabs = element.find('.viewstack-tabs li:not(.print-guide)');
        
        var views = element.find('.view');
        
        views.find('.item:last').addClass('last');
        
        var activeIndex = 0;
        tabs.each( function(i) {
            if( $(this).is('.active') ) {
                activeIndex = i;
            }
        });

        var hide = function() {
            tabs.eq( activeIndex ).removeClass('active');            
            views.eq( activeIndex ).hide();
        };
        
        var show = function() {
            tabs.eq( activeIndex ).addClass('active');            
            views.eq( activeIndex ).show();    
        };
    
        if ( tabs.size() > 0 ) {
            
            tabs.removeClass('active');            
            tabs.eq( activeIndex ).addClass('active');            
            views.eq( activeIndex ).nextAll().hide();
            
            tabs.each( function( i ) {
                $(this).click( function(e) {
                    hide();
                    activeIndex = i;
                    show();
                    options.onChange( i );
                    e.preventDefault();                    
                } );                      
            } );                        
        }
        
        views.hide();
        
        show();
    };
    
    var defaultOptions = {
        onChange : function(index) {}
    };
    
    $.fn.viewstack = function( options ) {
        options = options || {};
        
        var extendedOptions = $.extend( defaultOptions, options );
        
        return $(this).each( function(i) {        
            setup( $(this), extendedOptions );
        });
    
    };
    
})(jQuery);

;

(function($) {
    
    /**
     * set up
     */
    var setup = function( elem, options ) {
        
        var pages = elem.find( options.viewSelector );
        var numPages = pages.size();

        var ul = $("<ul></ul>");
        var active = 'active';
        
        var show = function(index) {
            pages.hide().eq(index).show();
            ul.children().removeClass(active).eq(index).addClass(active);
        };
        
        if ( numPages > 1 ) {

            var container = elem.find('.pageable-pager');
            
            var xstart = options.spacing * ( numPages - 1 );
            for( var i = 0; i < numPages; i++ ) {
                var li = $("<li></li>").text( i + 1 ).css({
                    right : xstart - ( i * options.spacing )
                });           
                
                (function(index) {
                    li.mouseover( function() {
                        show(index);
                    });
                })(i); 
                
                ul.append( li );
            }
            container.append( ul );
            
            show(0);
        }
        
    };
        
    /**
     * default options 
     */
    var defaultOptions = {      
        spacing : 17,
        viewSelector : ".view"
    };
 
    /**
     * assign pageable as a jquery method
     */
    $.fn.pageable = function( options ) {        
        options = options || {};        
        var extendedOptions = $.extend( defaultOptions, options);        
        return $(this).each( function(i) {            
            setup( $(this), extendedOptions );
        });
    };
    
})(jQuery);


;

(function($) {
    /**
     * setup the expandable
     */
    var setup = function( elem, options ) {
        
        var expansion = elem.find('.expansion');
        var opened = expansion.css('display') == 'block' ? true : false;
        var trigger = elem.find('.more a:first');
        
        if ( expansion.exists() && trigger.exists() ) {
        
            trigger.click( function(e) {
                if ( opened ) {
                    opened = false;                    
                    trigger.replaceText( 'Verberg', 'Toon ook' ).removeClass('up');
                    expansion.slideUp();                
                } else {
                    opened = true;
                    trigger.replaceText( 'Toon ook', 'Verberg' ).addClass('up');
                    expansion.slideDown();
                }                
                e.preventDefault();
            });
            
        }        
    };
    
    /**
     * default options 
     */
    var defaultOptions = { };
 
    /**
     * assign expandable as a jquery method
     */
    $.fn.expandable = function( options ) {        
        options = options || {};        
        var extendedOptions = $.extend( defaultOptions, options);        
        return $(this).each( function(i) {            
            setup( $(this), extendedOptions );
        });
    };
    
})(jQuery);

;

/**
 * the basic namespace
 *
 */
var rtvNH = window.rtvNH || {};
var _sf_startpt = (new Date()).getTime();

/**
 * settings
 *
 */
rtvNH.settings = {
    baseUrl : ''
};

/**
 * utilities
 *
 */
rtvNH.util = {

    route : function() {
        var url = Array.prototype.slice.call( arguments );
        url.unshift( rtvNH.settings.baseUrl );
        return url.join('/');
    },
    
    redirect : function( route ) {
        document.location.href = rtvNH.settings.baseUrl + route;
    }   
};


/**
 * navigation
 *
 */
// elem is the topbutton which has an mouseover and out function
// do note that the submenus also have an mouseover and out function!
// those are defined in the topbutton mouseover function

rtvNH.navigation = {
    bodyClass: '',
    elements: Array(),
    leftOpen: false,
    init: function()
    {

var ta = document.createElement('textarea');
        ta.style.display = 'none';
ta.id = 'test_ta';
document.body.appendChild(ta);



        this.bodyClass = document.body.className;
        var navigation = document.getElementById('ul_navigation');
        
        var out = document.createElement('DIV');
        out.id = 'nav_out';

if (!navigation) {
 return;
}

if (document.getElementById('header'))
{
 document.getElementById('header').appendChild(out);
}
        
       if (typeof navigation.childNodes == 'undefined') {
 return;
}

        ta.value += navigation.childNodes.length + "\n";
        for (var i = 0; i < navigation.childNodes.length; i++)
        {

            for (var e = 0; e < navigation.childNodes[i].childNodes.length; e++)
            {
                var elem = navigation.childNodes[i].childNodes[e];
                if (typeof elem.className != 'undefined')
                {
                    if (elem.className == 'button')
                    {
                        this.elements.push(elem);
                        
                        elem._parent = this;
                        elem._object = elem;
                        elem.onmouseover = function()
                        {
                            var _id = this._object.parentNode.id.replace('nav_', '');
                            var _this = this;

                            if (this._parent.opened != false)
                            {
                                if (typeof closeWait != 'undefined') clearTimeout(closeWait);
                                this._parent.closeWait(_id, _this);
                                return;
                            }
                          
                            this._object.parentNode.className = 'active';
                            
                            document.getElementById('navigation').className = _id + '_active';
                            document.getElementById('header').className = _id + '_active';
                            
                            var f = function()
                            {
                                // one at a time;
                                if (_this._parent.opened != false) return;
                                
                                _this._parent.opened = _id;
            
                                $('#' + _id + '_menu').fadeIn('fast');
                                $('#cover_' + _id).fadeIn('fast');
                                
                                document.getElementById(_id + '_menu').onmouseover = function()
                                {
                                    if (typeof closeWait != 'undefined') {
                                        clearTimeout(closeWait);
                                    }
                                    // disable the waiting removal timer
                                    if (typeof menuWait != 'undefined') {
                                        clearTimeout(menuWait);
                                        mouseWait = null;
                                    }
                                }
                                document.getElementById(_id + '_menu').onmouseout = function()
                                {
                                    // nothing is opened, remove classes and stuff
                                    _this._parent.mouseWait(_id, _this, false);
                                }
                            }
                            
                            
                            // prevent multiple menu's from opening
                            if (typeof menuOpen != 'undefined') clearTimeout(menuOpen);
                           
                            if (document.getElementById(_id + '_menu') != null )
                            {
                                // open it
                                menuOpen = setTimeout(f, 800);
                            }

                        }
                        
                        elem.onmouseout = function()
                        {
                            var _id = this._object.parentNode.id.replace('nav_', '');
                            if (typeof mouseWait == 'undefined') mouseWait = null;
                                                    
                            if (this._parent.opened != false && mouseWait != null)
                            {
                                this._parent.mouseWait(_id, this, false);
                            }
                            
                            if (this._parent.opened != false)
                            {
                                this._parent.leftOpen = true;
                            }
                            
                            if (this._parent.opened == false)
                            {
                                this._object.parentNode.className = '';
                                document.getElementById('navigation').className = '';
                                document.getElementById('header').className =  '';
                                $('#cover_' + _id).fadeOut('fast');
                                if (typeof menuOpen != 'undefined') clearTimeout(menuOpen);
                                
                                this._parent.mouseLeaveNow(_id, this);
                            }
                    
                        }
                    }
                }
            }
        }
    },
    topWait: function(_id){
        var f = function()
        {
            
            // the one currently being open
            document.getElementById('navigation').className = '';
            if (document.getElementById('nav_' + _id) ) {
                document.getElementById('nav_' + _id).className = '';
            }
            $('#' + _id + '_menu').fadeOut('fast');
            $('#cover_' + _id).fadeOut('fast');
            rtvNH.navigation.opened = false;
            clearTimeout(topWait);
        }

        topWait = setTimeout(f, 500);
    },
    closeWait: function(_id, _this){
        var f = function()
        {
            // the one currently being open
            var _id = _this._parent.opened;
            document.getElementById('navigation').className = '';
            if (document.getElementById('nav_' + _id))
            {
                document.getElementById('nav_' + _id).className = '';
            }
            
            $('#' + _id + '_menu').fadeOut('fast');
            $('#cover_' + _id).fadeOut('fast');
            _this._parent.opened = false;
            
            // _this is the current hovered
            _this._object.onmouseover();
        }

        closeWait = setTimeout(f, 500);
    },
    mouseWait: function(_id, _this, hover, _time)
    {
        // called from the top button, give user one second to go to the submenu    
        var f = function()
        {
            document.getElementById('navigation').className = '';
            document.getElementById('nav_' + _id).className = '';
        
            $('#' + _id + '_menu').fadeOut('fast');
            $('#cover_' + _id).fadeOut('fast');
            _this._parent.opened = false;
            // _this is the current hovered
            if (hover)    _this._object.onmouseover();
        }

        menuWait = setTimeout(f, 300);
    },
    mouseLeave: function(_id, _this)
    {
        if (typeof menuOpen != 'undefined') clearTimeout(menuOpen);        
        var f = function()
        {
            //_this._object.parentNode.className = 'active';
            document.getElementById('navigation').className = '';
            _this._object.parentNode.className = '';
            $('#' + _id + '_menu').fadeOut('fast');
            $('#cover_' + _id).fadeOut('fast');
        }

        menuClose = setTimeout(f, 500);
    },
    mouseLeaveNow: function(_id, _this)
    {

        _this._object.parentNode.className = '';
        
        for(var i = 0; i < _this._parent.elements.length; i++)
        {
            
            var _id = _this._parent.elements[i].parentNode.id.replace('nav_', '');
            
            if (document.getElementById(_id + '_menu'))
            {
                document.getElementById('cover_' + _id).style.display = 'none';
                document.getElementById(_id + '_menu').style.display = 'none';
            }
        } 
    },
    current: false,
    opened: false,
    enter: false

};

/**
 * replace selectboxes, checkboxes and radiobuttons with stylable versions
 * give all input elements a classname describing the type
 */
rtvNH.form = {

    init : function( rootSelector ) {
        
        rootSelector = rootSelector || " ";
        
        if ( $().radiobutton ) {
            $( rootSelector + ' input[type=radio]' ).radiobutton();
        }
        
        if ( $().checkbox ) {
            $( rootSelector + ' input[type=checkbox]' ).checkbox();
        }
        
        if ( $().dropdown ) {
            $( rootSelector + ' select' ).dropdown();
        }
 
        if ( $().datetime ) {
            $( rootSelector + ' input.datetime' ).datetime();
        }
       
        $( rootSelector + " input" ).each( function() {
        
            $(this).addClass( $(this).attr('type') );
        
        });
        
        // $('input[type=submit]').wrap( $('<p class="submit"></p>') );
        
    }
    
};

/**
 * search
 *
 */
rtvNH.search = {

    init : function() {
        
        var keyword = $("#keyword");
        
        var defaultValue = keyword.val();
        
        keyword.focus( function() {
            if ( $(this).val() == defaultValue ) {
                $(this).val('');
            }
        }).blur( function() {
            if ( $(this).val() === '' ) {
                $(this).val( defaultValue );
            }
        });
        
        var doSearch = function(e) {
            var value = jQuery.stripTags( keyword.val() );
            if ( value.length > 1 && value != defaultValue ) {
                var route = rtvNH.util.route( "zoeken", value );
                rtvNH.util.redirect( route );
            }
            e.preventDefault();
        };
        
        var button = $('<a href="#" id="send">Zoek</a>').click( doSearch );
        
        $("#navigation #send").replaceWith( button );
        
        $("#navigation form").submit( doSearch );
        
        var expand = $("#navigation form .advanced-search").hide();
               
        $("#navigation form").hover( 
            function() {
                expand.show();
            }, 
            function() {
                expand.hide();
            } 
        );
    }
};


/**
 * fix detail page
 *
 */
rtvNH.detail = {
    
    /**
     * this fixes the article layout on the content-detail pages
     *
     */
    fixLayout : function() {
        var body = $(".content-detail-body"); 
        var insert = $(".content-detail .insert");
        var related = $(".content-detail .related");       
        var rightCol = $("#content .single-column");

        if (typeof body.exists == 'undefined') return;
        
        if ( body.exists() && related.exists() ) {
        
            var setPosition = function() {

                var t = body.position().top;
                var h = insert.exists() ? insert.fullHeight() : 0;
    
                var tweak = 5;
                var pos = h + t + tweak;
                
                related.css( {
                    position : 'absolute',
                    top : pos,
                    left : 10
                });        
                
                rightCol.css( {
                    marginTop : body.position().top - 55
                });
                
                body.css( {
                    minHeight : h + related.fullHeight() + 25
                });
                
            };
            
            setPosition();
            
           var img = insert.find('img').bind('load', setPosition );
        }
    },
    
    init : function() {
        
        /*
         * we have to wait for the images to load
         *
         */
        if ( $().slideshow ) {
            $(".slideshow").slideshow();
        }
    
        this.fixLayout();       
    }  
};

/**
 * check if component is loaded and trigger if so
 *
 */
rtvNH.components = {
    
    /*
     * we need the black overlay to show up at the bottom of the image whatever the height
     */
    fixFlexibleOverlays : function() {
        $(".overlay-aside").each( function() {
            var overlay = $(this).find('.overlay');
            var img = overlay.find('img');
            var h = img.height();
            overlay.height(h);
        });
    },

    initTicker : function() {        
        var items = $('.news-ticker li');
        var numItems = items.length;
        var max = numItems - 1;
        var index = 0;        
        if ( numItems > 1 ) {            
            items.eq(0).nextAll().hide();            
            var timer = setInterval( function() {            
                items.eq(index).fadeOut( 'fast', function() {
                    index++;
                    if ( index > max ) {
                        index = 0;
                    }
                    items.eq(index).fadeIn('slow');
                });                
            }, 3000 );            
        }
    },
    
    /*
     */   
    triggerPlugins : function() {
 
        if ( $().viewstack ) {
            $('.viewstack:not(.header-missed .double-column .viewstack)').viewstack();        
        }
        
        if ( $().accordion ) {
            $("#accordion").accordion();
        }
        
        if ( $().pageable ) {
        
            $(".pageable").pageable(); 
            
            $(".pageable-rows").pageable({
                viewSelector : ".row"
            }); 
        }
        
        if ( $().flipper ) {
            $(".flipper").flipper(); 
            
            $(".spread-overlay, .large-overlay").flipper( {
                headingSelector : "h2"
            } );            
        }  
        
        if ( $().expandable ) {
            $(".expandable").expandable();
        }
        
        if ( $().trimmable ) {
            $(".trimmable").trimmable();
        } 
        
        if ( $().fancyboxForm ) {
            $("a[rel=fancybox-form]").fancyboxForm();
        } 
        
        if(  $().newsticker ) { 
            $("#newsticker").newsticker();
        }
    
        $('.back a').click( function(e) {
            history.go(-1);
            e.preventDefault();
        } );
        
        $('.print-guide').click( function(e) {
            var activeTab = $('.viewstack-tabs li.active');
            var activeIndex = $('.viewstack-tabs li').index(activeTab);
            open_venster('/print/gids/' + activeIndex,'gids', 648, 600, 'yes', true);
            e.preventDefault();
            e.stopPropagation();
        });
    },
    
    /*
     * the list-items of the pager are floated right so we reverse them here
     */
    reversePagers : function() {        
        if ( $().reverse ) {
            $(".pager").each( function() {
                $(this).find("ul:last").reverse(); 
            }); 
        }
    },
    
    tweakMarkup : function() {     
    
        $("tbody tr:nth-child(even), .program-guide dl:nth-child(odd)").addClass('even');        
        $('a.video').append("<span />");    
        
               
        // make the floated images easy to target with css
        $(".content-detail-body *[style*='float'],.main-article *[style*='float']").each( function() {
            if ( $(this).width() < 460 ) {
                if ( $(this).css('float') == 'left' ) {
                    $(this).addClass("a-left");
                } else {
                    $(this).addClass("a-right");
                   }
            }
        } );
        
        // remove empty paragraphs from the article content
        $(".content-detail-body p").each( function() {
            //var html = $(this).html();
            //html = html.replace("/\s+/", "" );
            //html = html.split("&nbsp;").join("");
            //if ( "" == html ) {
                //$(this).remove();
            //}
        });
    },

    initAgenda : function() {    
        $('.agenda-results tr').click( function() {
            var href = $(this).find('h3 a').attr('href');
            rtvNH.util.redirect( href );
        });
    },
    
    initExternalLinks : function() {    
        var h = window.location.host.toLowerCase();
        $("a[href^='http']:not([href^='http://" + h + "']):not([href^='http://www." + h + "']), a[href$='.pdf'], a[rel='external']").attr("target","_blank");
    },

    initMailtoLinks : function() {
        $("a[rel='mail']").each( function() {
            var self = $(this);
            var needle = "[apenstaartje]";
            var href = self.attr('href');
            var content = self.html().split(needle).join("@")
            self.attr( 'href', "mailto:" + href.split(needle).join("@") );
            self.empty().html( content );
        });
    },
    
    loadDatePickers : function() {
       
        var pickers = $('.datepicker');
                if (typeof pickers.exists == 'undefined') return;
        if ( pickers.exists() ) {        
        
            var pretifyPicker = function() {
                if ( $().dropdown ) {
                    $("#ui-datepicker-div").find('select').dropdown();
                }
            };
            
            $.loadCss('/static/css/ui.datepick.css'); 
            
            $.getScript( '/static/js/datepicker.js', function() {
                
                pickers.datepicker( {
                    showOn : 'focus',
                    yearRange: '-10:+10',
                    duration: "",
                    changeFirstDay : false,                                    
                    onShow: pretifyPicker,                    
                    onChangeMonthYear : pretifyPicker                  
                });
            });
        }
    },
    
    init : function() {
        this.loadDatePickers();
        this.triggerPlugins();
        this.reversePagers();
        this.tweakMarkup();
        
        this.initTicker();
        this.initAgenda();
        this.initMailtoLinks();
        this.initExternalLinks();
    }
};

/**
 * trigger the various components
 *
 */
rtvNH.init = function() {
    rtvNH.form.init();
    rtvNH.components.init();
    
    rtvNH.search.init();
    
};


window.onload = function() {
    // we have to wait for all images to load
    rtvNH.detail.init();
    
    rtvNH.components.fixFlexibleOverlays();
$("#logo_link").click(function() {
             document.location = '/';   
        }); 
       
}
    
 
$(function() {
rtvNH.navigation.init();
});

;

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

(function($) {

    var tmp, loading, overlay, wrap, outer, inner, close, nav_left, nav_right,

        selectedIndex = 0, selectedOpts = {}, selectedArray = [], currentIndex = 0, currentOpts = {}, currentArray = [],

        ajaxLoader = null, imgPreloader = new Image(), imgRegExp = /\.(jpg|gif|png|bmp|jpeg)(.*)?$/i, swfRegExp = /[^\.]\.(swf)\s*$/i,

        loadingTimer, loadingFrame = 1,

        start_pos, final_pos, busy = false, shadow = 20, fx = $.extend($('<div/>')[0], { prop: 0 }), titleh = 0, 

        isIE6 = !$.support.opacity && !window.XMLHttpRequest,

        /*
         * Private methods 
         */

        fancybox_abort = function() {
            loading.hide();

            imgPreloader.onerror = imgPreloader.onload = null;

            if (ajaxLoader) {
                ajaxLoader.abort();
            }

            tmp.empty();
        },

        fancybox_error = function() {
            $.fancybox('<p id="fancybox_error">The requested content cannot be loaded.<br />Please try again later.</p>', {
                'scrolling'        : 'no',
                'padding'        : 20,
                'transitionIn'    : 'none',
                'transitionOut'    : 'none'
            });
        },

        fancybox_get_viewport = function() {
            return [ $(window).width(), $(window).height(), $(document).scrollLeft(), $(document).scrollTop() ];
        },

        fancybox_get_zoom_to = function () {
            var view    = fancybox_get_viewport(),
                to        = {},

                margin = currentOpts.margin,
                resize = currentOpts.autoScale,

                horizontal_space    = (shadow + margin) * 2,
                vertical_space        = (shadow + margin) * 2,
                double_padding        = (currentOpts.padding * 2),
                
                ratio;

            if (currentOpts.width.toString().indexOf('%') > -1) {
                to.width = ((view[0] * parseFloat(currentOpts.width)) / 100) - (shadow * 2) ;
                resize = false;

            } else {
                to.width = currentOpts.width + double_padding;
            }

            if (currentOpts.height.toString().indexOf('%') > -1) {
                to.height = ((view[1] * parseFloat(currentOpts.height)) / 100) - (shadow * 2);
                resize = false;

            } else {
                to.height = currentOpts.height + double_padding;
            }

            if (resize && (to.width > (view[0] - horizontal_space) || to.height > (view[1] - vertical_space))) {
                if (selectedOpts.type == 'image' || selectedOpts.type == 'swf') {
                    horizontal_space    += double_padding;
                    vertical_space        += double_padding;

                    ratio = Math.min(Math.min( view[0] - horizontal_space, currentOpts.width) / currentOpts.width, Math.min( view[1] - vertical_space, currentOpts.height) / currentOpts.height);

                    to.width    = Math.round(ratio * (to.width    - double_padding)) + double_padding;
                    to.height    = Math.round(ratio * (to.height    - double_padding)) + double_padding;

                } else {
                    to.width    = Math.min(to.width,    (view[0] - horizontal_space));
                    to.height    = Math.min(to.height,    (view[1] - vertical_space));
                }
            }

            to.top    = view[3] + ((view[1] - (to.height    + (shadow * 2 ))) * 0.5);
            to.left    = view[2] + ((view[0] - (to.width    + (shadow * 2 ))) * 0.5);

            if (currentOpts.autoScale === false) {
                to.top    = Math.max(view[3] + margin, to.top);
                to.left    = Math.max(view[2] + margin, to.left);
            }

            return to;
        },

        fancybox_format_title = function(title) {
            if (title && title.length) {
                switch (currentOpts.titlePosition) {
                    case 'inside':
                        return title;
                    case 'over':
                        return '<span id="fancybox-title-over">' + title + '</span>';
                    default:
                        return '<span id="fancybox-title-wrap"><span id="fancybox-title-left"></span><span id="fancybox-title-main">' + title + '</span><span id="fancybox-title-right"></span></span>';
                }
            }

            return false;
        },

        fancybox_process_title = function() {
            var title    = currentOpts.title,
                width    = final_pos.width - (currentOpts.padding * 2),
                titlec    = 'fancybox-title-' + currentOpts.titlePosition;
                
            $('#fancybox-title').remove();

            titleh = 0;

            if (currentOpts.titleShow === false) {
                return;
            }

            title = $.isFunction(currentOpts.titleFormat) ? currentOpts.titleFormat(title, currentArray, currentIndex, currentOpts) : fancybox_format_title(title);

            if (!title || title === '') {
                return;
            }

            $('<div id="fancybox-title" class="' + titlec + '" />').css({
                'width'            : width,
                'paddingLeft'    : currentOpts.padding,
                'paddingRight'    : currentOpts.padding
            }).html(title).appendTo('body');

            switch (currentOpts.titlePosition) {
                case 'inside':
                    titleh = $("#fancybox-title").outerHeight(true) - currentOpts.padding;
                    final_pos.height += titleh;
                break;

                case 'over':
                    $('#fancybox-title').css('bottom', currentOpts.padding);
                break;

                default:
                    $('#fancybox-title').css('bottom', $("#fancybox-title").outerHeight(true) * -1);
                break;
            }

            $('#fancybox-title').appendTo( outer ).hide();
        },

        fancybox_set_navigation = function() {
            $(document).unbind('keydown.fb').bind('keydown.fb', function(e) {
                if (e.keyCode == 27 && currentOpts.enableEscapeButton) {
                    e.preventDefault();
                    $.fancybox.close();

                } else if (e.keyCode == 37) {
                    if ( currentOpts.enableKeyboardNav ) {
                        e.preventDefault();
                        $.fancybox.prev();
                    }

                } else if (e.keyCode == 39) {
                    if ( currentOpts.enableKeyboardNav ) {
                        e.preventDefault();
                        $.fancybox.next();
                    }
                }
            });

            if ($.fn.mousewheel) {
                wrap.unbind('mousewheel.fb');

                if (currentArray.length > 1) {
                    wrap.bind('mousewheel.fb', function(e, delta) {
                        e.preventDefault();

                        if (busy || delta === 0) {
                            return;
                        }

                        if (delta > 0) {
                            $.fancybox.prev();
                        } else {
                            $.fancybox.next();
                        }
                    });
                }
            }

            if (!currentOpts.showNavArrows) { return; }

            if ((currentOpts.cyclic && currentArray.length > 1) || currentIndex !== 0) {
                nav_left.show();
            }

            if ((currentOpts.cyclic && currentArray.length > 1) || currentIndex != (currentArray.length -1)) {
                nav_right.show();
            }
        },

        fancybox_preload_images = function() {
            var href, 
                objNext;
                
            if ((currentArray.length -1) > currentIndex) {
                href = currentArray[ currentIndex + 1 ].href;

                if (typeof href !== 'undefined' && href.match(imgRegExp)) {
                    objNext = new Image();
                    objNext.src = href;
                }
            }

            if (currentIndex > 0) {
                href = currentArray[ currentIndex - 1 ].href;

                if (typeof href !== 'undefined' && href.match(imgRegExp)) {
                    objNext = new Image();
                    objNext.src = href;
                }
            }
        },

        _finish = function () {
            inner.css('overflow', (currentOpts.scrolling == 'auto' ? (currentOpts.type == 'image' || currentOpts.type == 'iframe' || currentOpts.type == 'swf' ? 'hidden' : 'auto') : (currentOpts.scrolling == 'yes' ? 'auto' : 'visible')));

            if (!$.support.opacity) {
                inner.get(0).style.removeAttribute('filter');
                wrap.get(0).style.removeAttribute('filter');
            }

            $('#fancybox-title').show();

            if (currentOpts.hideOnContentClick)    {
                inner.one('click', $.fancybox.close);
            }
            if (currentOpts.hideOnOverlayClick)    {
                overlay.one('click', $.fancybox.close);
            }

            if (currentOpts.showCloseButton) {
                close.show();
            }

            fancybox_set_navigation();

            $(window).bind("resize.fb", $.fancybox.center);

            if (currentOpts.centerOnScroll) {
                $(window).bind("scroll.fb", $.fancybox.center);
            } else {
                $(window).unbind("scroll.fb");
            }

            if ($.isFunction(currentOpts.onComplete)) {
                currentOpts.onComplete(currentArray, currentIndex, currentOpts);
            }

            busy = false;

            fancybox_preload_images();
        },

        fancybox_draw = function(pos) {
            var width    = Math.round(start_pos.width    + (final_pos.width    - start_pos.width)    * pos),
                height    = Math.round(start_pos.height    + (final_pos.height    - start_pos.height)    * pos),

                top        = Math.round(start_pos.top    + (final_pos.top    - start_pos.top)    * pos),
                left    = Math.round(start_pos.left    + (final_pos.left    - start_pos.left)    * pos);

            wrap.css({
                'width'        : width        + 'px',
                'height'    : height    + 'px',
                'top'        : top        + 'px',
                'left'        : left        + 'px'
            });

            width    = Math.max(width - currentOpts.padding * 2, 0);
            height    = Math.max(height - (currentOpts.padding * 2 + (titleh * pos)), 0);

            inner.css({
                'width'        : width        + 'px',
                'height'    : height    + 'px'
            });

            if (typeof final_pos.opacity !== 'undefined') {
                wrap.css('opacity', (pos < 0.5 ? 0.5 : pos));
            }
        },

        fancybox_get_obj_pos = function(obj) {
            var pos        = obj.offset();

            pos.top        += parseFloat( obj.css('paddingTop') )    || 0;
            pos.left    += parseFloat( obj.css('paddingLeft') )    || 0;

            pos.top        += parseFloat( obj.css('border-top-width') )    || 0;
            pos.left    += parseFloat( obj.css('border-left-width') )    || 0;

            pos.width    = obj.width();
            pos.height    = obj.height();

            return pos;
        },

        fancybox_get_zoom_from = function() {
            var orig = selectedOpts.orig ? $(selectedOpts.orig) : false,
                from = {},
                pos,
                view;

            if (orig && orig.length) {
                pos = fancybox_get_obj_pos(orig);

                from = {
                    width    : (pos.width    + (currentOpts.padding * 2)),
                    height    : (pos.height    + (currentOpts.padding * 2)),
                    top        : (pos.top        - currentOpts.padding - shadow),
                    left    : (pos.left        - currentOpts.padding - shadow)
                };
                
            } else {
                view = fancybox_get_viewport();

                from = {
                    width    : 1,
                    height    : 1,
                    top        : view[3] + view[1] * 0.5,
                    left    : view[2] + view[0] * 0.5
                };
            }

            return from;
        },

        fancybox_show = function() {
            loading.hide();

            if (wrap.is(":visible") && $.isFunction(currentOpts.onCleanup)) {
                if (currentOpts.onCleanup(currentArray, currentIndex, currentOpts) === false) {
                    $.event.trigger('fancybox-cancel');

                    busy = false;
                    return;
                }
            }

            currentArray    = selectedArray;
            currentIndex    = selectedIndex;
            currentOpts        = selectedOpts;

            inner.get(0).scrollTop    = 0;
            inner.get(0).scrollLeft    = 0;

            if (currentOpts.overlayShow) {
                if (isIE6) {
                    $('select:not(#fancybox-tmp select)').filter(function() {
                        return this.style.visibility !== 'hidden';
                    }).css({'visibility':'hidden'}).one('fancybox-cleanup', function() {
                        this.style.visibility = 'inherit';
                    });
                }

                overlay.css({
                    'background-color'    : currentOpts.overlayColor,
                    'opacity'            : currentOpts.overlayOpacity
                }).unbind().show();
            }

            final_pos = fancybox_get_zoom_to();

            fancybox_process_title();

            if (wrap.is(":visible")) {
                $( close.add( nav_left ).add( nav_right ) ).hide();

                var pos = wrap.position(),
                    equal;

                start_pos = {
                    top        :    pos.top ,
                    left    :    pos.left,
                    width    :    wrap.width(),
                    height    :    wrap.height()
                };

                equal = (start_pos.width == final_pos.width && start_pos.height == final_pos.height);

                inner.fadeOut(currentOpts.changeFade, function() {
                    var finish_resizing = function() {
                        inner.html( tmp.contents() ).fadeIn(currentOpts.changeFade, _finish);
                    };
                    
                    $.event.trigger('fancybox-change');

                    inner.empty().css('overflow', 'hidden');

                    if (equal) {
                        inner.css({
                            top            : currentOpts.padding,
                            left        : currentOpts.padding,
                            width        : Math.max(final_pos.width    - (currentOpts.padding * 2), 1),
                            height        : Math.max(final_pos.height    - (currentOpts.padding * 2) - titleh, 1)
                        });
                        
                        finish_resizing();

                    } else {
                        inner.css({
                            top            : currentOpts.padding,
                            left        : currentOpts.padding,
                            width        : Math.max(start_pos.width    - (currentOpts.padding * 2), 1),
                            height        : Math.max(start_pos.height    - (currentOpts.padding * 2), 1)
                        });
                        
                        fx.prop = 0;

                        $(fx).animate({ prop: 1 }, {
                             duration    : currentOpts.changeSpeed,
                             easing        : currentOpts.easingChange,
                             step        : fancybox_draw,
                             complete    : finish_resizing
                        });
                    }
                });

                return;
            }

            wrap.css('opacity', 1);

            if (currentOpts.transitionIn == 'elastic') {
                start_pos = fancybox_get_zoom_from();

                inner.css({
                        top            : currentOpts.padding,
                        left        : currentOpts.padding,
                        width        : Math.max(start_pos.width    - (currentOpts.padding * 2), 1),
                        height        : Math.max(start_pos.height    - (currentOpts.padding * 2), 1)
                    })
                    .html( tmp.contents() );

                wrap.css(start_pos).show();

                if (currentOpts.opacity) {
                    final_pos.opacity = 0;
                }

                fx.prop = 0;

                $(fx).animate({ prop: 1 }, {
                     duration    : currentOpts.speedIn,
                     easing        : currentOpts.easingIn,
                     step        : fancybox_draw,
                     complete    : _finish
                });

            } else {
                inner.css({
                        top            : currentOpts.padding,
                        left        : currentOpts.padding,
                        width        : Math.max(final_pos.width    - (currentOpts.padding * 2), 1),
                        height        : Math.max(final_pos.height    - (currentOpts.padding * 2) - titleh, 1)
                    })
                    .html( tmp.contents() );

                wrap.css( final_pos ).fadeIn( currentOpts.transitionIn == 'none' ? 0 : currentOpts.speedIn, _finish );
            }
        },

        fancybox_process_inline = function() {
            tmp.width(    selectedOpts.width );
            tmp.height(    selectedOpts.height );

            if (selectedOpts.width    == 'auto') {
                selectedOpts.width = tmp.width();
            }
            if (selectedOpts.height    == 'auto') {
                selectedOpts.height    = tmp.height();
            }

            fancybox_show();
        },
        
        fancybox_process_image = function() {
            busy = true;

            selectedOpts.width    = imgPreloader.width;
            selectedOpts.height    = imgPreloader.height;

            $("<img />").attr({
                'id'    : 'fancybox-img',
                'src'    : imgPreloader.src,
                'alt'    : selectedOpts.title
            }).appendTo( tmp );

            fancybox_show();
        },

        fancybox_start = function() {
            fancybox_abort();

            var obj    = selectedArray[ selectedIndex ],
                href, 
                type, 
                title,
                str,
                emb,
                selector,
                data;

            selectedOpts = $.extend({}, $.fn.fancybox.defaults, (typeof $(obj).data('fancybox') == 'undefined' ? selectedOpts : $(obj).data('fancybox')));
            title = obj.title || $(obj).title || selectedOpts.title || '';
            
            if (obj.nodeName && !selectedOpts.orig) {
                selectedOpts.orig = $(obj).children("img:first").length ? $(obj).children("img:first") : $(obj);
            }

            if (title === '' && selectedOpts.orig) {
                title = selectedOpts.orig.attr('alt');
            }

            if (obj.nodeName && (/^(?:javascript|#)/i).test(obj.href)) {
                href = selectedOpts.href || null;
            } else {
                href = selectedOpts.href || obj.href || null;
            }

            if (selectedOpts.type) {
                type = selectedOpts.type;

                if (!href) {
                    href = selectedOpts.content;
                }
                
            } else if (selectedOpts.content) {
                type    = 'html';

            } else if (href) {
                if (href.match(imgRegExp)) {
                    type = 'image';

                } else if (href.match(swfRegExp)) {
                    type = 'swf';

                } else if ($(obj).hasClass("iframe")) {
                    type = 'iframe';

                } else if (href.match(/#/)) {
                    obj = href.substr(href.indexOf("#"));

                    type = $(obj).length > 0 ? 'inline' : 'ajax';
                } else {
                    type = 'ajax';
                }
            } else {
                type = 'inline';
            }

            selectedOpts.type    = type;
            selectedOpts.href    = href;
            selectedOpts.title    = title;

            if (selectedOpts.autoDimensions && selectedOpts.type !== 'iframe' && selectedOpts.type !== 'swf') {
                selectedOpts.width        = 'auto';
                selectedOpts.height        = 'auto';
            }

            if (selectedOpts.modal) {
                selectedOpts.overlayShow        = true;
                selectedOpts.hideOnOverlayClick    = false;
                selectedOpts.hideOnContentClick    = false;
                selectedOpts.enableEscapeButton    = false;
                selectedOpts.showCloseButton    = false;
            }

            if ($.isFunction(selectedOpts.onStart)) {
                if (selectedOpts.onStart(selectedArray, selectedIndex, selectedOpts) === false) {
                    busy = false;
                    return;
                }
            }

            tmp.css('padding', (shadow + selectedOpts.padding + selectedOpts.margin));

            $('.fancybox-inline-tmp').unbind('fancybox-cancel').bind('fancybox-change', function() {
                $(this).replaceWith(inner.children());
            });

            switch (type) {
                case 'html' :
                    tmp.html( selectedOpts.content );
                    fancybox_process_inline();
                break;

                case 'inline' :
                    $('<div class="fancybox-inline-tmp" />').hide().insertBefore( $(obj) ).bind('fancybox-cleanup', function() {
                        $(this).replaceWith(inner.children());
                    }).bind('fancybox-cancel', function() {
                        $(this).replaceWith(tmp.children());
                    });

                    $(obj).appendTo(tmp);

                    fancybox_process_inline();
                break;

                case 'image':
                    busy = false;

                    $.fancybox.showActivity();

                    imgPreloader = new Image();

                    imgPreloader.onerror = function() {
                        fancybox_error();
                    };

                    imgPreloader.onload = function() {
                        imgPreloader.onerror = null;
                        imgPreloader.onload = null;
                        fancybox_process_image();
                    };

                    imgPreloader.src = href;
        
                break;

                case 'swf':
                    str = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="' + selectedOpts.width + '" height="' + selectedOpts.height + '"><param name="movie" value="' + href + '"></param>';
                    emb = '';
                    
                    $.each(selectedOpts.swf, function(name, val) {
                        str += '<param name="' + name + '" value="' + val + '"></param>';
                        emb += ' ' + name + '="' + val + '"';
                    });

                    str += '<embed src="' + href + '" type="application/x-shockwave-flash" width="' + selectedOpts.width + '" height="' + selectedOpts.height + '"' + emb + '></embed></object>';

                    tmp.html(str);

                    fancybox_process_inline();
                break;

                case 'ajax':
                    selector    = href.split('#', 2);
                    data        = selectedOpts.ajax.data || {};

                    if (selector.length > 1) {
                        href = selector[0];

                        if (typeof data == "string") {
                            data += '&selector=' + selector[1];
                        } else {
                            data.selector = selector[1];
                        }
                    }

                    busy = false;
                    $.fancybox.showActivity();

                    ajaxLoader = $.ajax($.extend(selectedOpts.ajax, {
                        url        : href,
                        data    : data,
                        error    : fancybox_error,
                        success : function(data, textStatus, XMLHttpRequest) {
                            if (ajaxLoader.status == 200) {
                                tmp.html( data );
                                fancybox_process_inline();
                            }
                        }
                    }));

                break;

                case 'iframe' :
                    $('<iframe id="fancybox-frame" name="fancybox-frame' + new Date().getTime() + '" frameborder="0" hspace="0" scrolling="' + selectedOpts.scrolling + '" src="' + selectedOpts.href + '"></iframe>').appendTo(tmp);
                    fancybox_show();
                break;
            }
        },

        fancybox_animate_loading = function() {
            if (!loading.is(':visible')){
                clearInterval(loadingTimer);
                return;
            }

            $('div', loading).css('top', (loadingFrame * -40) + 'px');

            loadingFrame = (loadingFrame + 1) % 12;
        },

        fancybox_init = function() {
            if ($("#fancybox-wrap").length) {
                return;
            }

            $('body').append(
                tmp            = $('<div id="fancybox-tmp"></div>'),
                loading        = $('<div id="fancybox-loading"><div></div></div>'),
                overlay        = $('<div id="fancybox-overlay"></div>'),
                wrap        = $('<div id="fancybox-wrap"></div>')
            );

            if (!$.support.opacity) {
                wrap.addClass('fancybox-ie');
                loading.addClass('fancybox-ie');
            }

            outer = $('<div id="fancybox-outer"></div>')
                .append('<div class="fancy-bg" id="fancy-bg-n"></div><div class="fancy-bg" id="fancy-bg-ne"></div><div class="fancy-bg" id="fancy-bg-e"></div><div class="fancy-bg" id="fancy-bg-se"></div><div class="fancy-bg" id="fancy-bg-s"></div><div class="fancy-bg" id="fancy-bg-sw"></div><div class="fancy-bg" id="fancy-bg-w"></div><div class="fancy-bg" id="fancy-bg-nw"></div>')
                .appendTo( wrap );

            outer.append(
                inner        = $('<div id="fancybox-inner"></div>'),
                close        = $('<a id="fancybox-close"></a>'),

                nav_left    = $('<a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a>'),
                nav_right    = $('<a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>')
            );

            close.click($.fancybox.close);
            loading.click($.fancybox.cancel);

            nav_left.click(function(e) {
                e.preventDefault();
                $.fancybox.prev();
            });

            nav_right.click(function(e) {
                e.preventDefault();
                $.fancybox.next();
            });

            if (isIE6) {
                overlay.get(0).style.setExpression('height',    "document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'");
                loading.get(0).style.setExpression('top',        "(-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'");

                outer.prepend('<iframe id="fancybox-hide-sel-frame" src="javascript:\'\';" scrolling="no" frameborder="0" ></iframe>');
            }
        };

    /*
     * Public methods 
     */

    $.fn.fancybox = function(options) {
        $(this)
            .data('fancybox', $.extend({}, options, ($.metadata ? $(this).metadata() : {})))
            .unbind('click.fb').bind('click.fb', function(e) {
                e.preventDefault();

                if (busy) {
                    return;
                }

                busy = true;

                $(this).blur();

                selectedArray    = [];
                selectedIndex    = 0;

                var rel = $(this).attr('rel') || '';

                if (!rel || rel == '' || rel === 'nofollow') {
                    selectedArray.push(this);

                } else {
                    selectedArray    = $("a[rel=" + rel + "], area[rel=" + rel + "]");
                    selectedIndex    = selectedArray.index( this );
                }

                fancybox_start();

                return false;
            });

        return this;
    };

    $.fancybox = function(obj) {
        if (busy) {
            return;
        }

        busy = true;

        var opts = typeof arguments[1] !== 'undefined' ? arguments[1] : {};

        selectedArray    = [];
        selectedIndex    = opts.index || 0;

        if ($.isArray(obj)) {
            for (var i = 0, j = obj.length; i < j; i++) {
                if (typeof obj[i] == 'object') {
                    $(obj[i]).data('fancybox', $.extend({}, opts, obj[i]));
                } else {
                    obj[i] = $({}).data('fancybox', $.extend({content : obj[i]}, opts));
                }
            }

            selectedArray = jQuery.merge(selectedArray, obj);

        } else {
            if (typeof obj == 'object') {
                $(obj).data('fancybox', $.extend({}, opts, obj));
            } else {
                obj = $({}).data('fancybox', $.extend({content : obj}, opts));
            }

            selectedArray.push(obj);
        }

        if (selectedIndex > selectedArray.length || selectedIndex < 0) {
            selectedIndex = 0;
        }

        fancybox_start();
    };

    $.fancybox.showActivity = function() {
        clearInterval(loadingTimer);

        loading.show();
        loadingTimer = setInterval(fancybox_animate_loading, 66);
    };

    $.fancybox.hideActivity = function() {
        loading.hide();
    };

    $.fancybox.next = function() {
        return $.fancybox.pos( currentIndex + 1);
    };
    
    $.fancybox.prev = function() {
        return $.fancybox.pos( currentIndex - 1);
    };

    $.fancybox.pos = function(pos) {
        if (busy) {
            return;
        }

        pos = parseInt(pos, 10);

        if (pos > -1 && currentArray.length > pos) {
            selectedIndex = pos;
            fancybox_start();
        }

        if (currentOpts.cyclic && currentArray.length > 1 && pos < 0) {
            selectedIndex = currentArray.length - 1;
            fancybox_start();
        }

        if (currentOpts.cyclic && currentArray.length > 1 && pos >= currentArray.length) {
            selectedIndex = 0;
            fancybox_start();
        }

        return;
    };

    $.fancybox.cancel = function() {
        if (busy) {
            return;
        }

        busy = true;

        $.event.trigger('fancybox-cancel');

        fancybox_abort();

        if (selectedOpts && $.isFunction(selectedOpts.onCancel)) {
            selectedOpts.onCancel(selectedArray, selectedIndex, selectedOpts);
        }

        busy = false;
    };

    // Note: within an iframe use - parent.$.fancybox.close();
    $.fancybox.close = function() {
        if (busy || wrap.is(':hidden')) {
            return;
        }

        busy = true;

        if (currentOpts && $.isFunction(currentOpts.onCleanup)) {
            if (currentOpts.onCleanup(currentArray, currentIndex, currentOpts) === false) {
                busy = false;
                return;
            }
        }

        fancybox_abort();

        $(close.add( nav_left ).add( nav_right )).hide();

        $('#fancybox-title').remove();

        wrap.add(inner).add(overlay).unbind();

        $(window).unbind("resize.fb scroll.fb");
        $(document).unbind('keydown.fb');

        function _cleanup() {
            overlay.fadeOut('fast');

            wrap.hide();

            $.event.trigger('fancybox-cleanup');

            inner.empty();

            if ($.isFunction(currentOpts.onClosed)) {
                currentOpts.onClosed(currentArray, currentIndex, currentOpts);
            }

            currentArray    = selectedOpts    = [];
            currentIndex    = selectedIndex    = 0;
            currentOpts        = selectedOpts    = {};

            busy = false;
        }

        inner.css('overflow', 'hidden');

        if (currentOpts.transitionOut == 'elastic') {
            start_pos = fancybox_get_zoom_from();

            var pos = wrap.position();

            final_pos = {
                top        :    pos.top ,
                left    :    pos.left,
                width    :    wrap.width(),
                height    :    wrap.height()
            };

            if (currentOpts.opacity) {
                final_pos.opacity = 1;
            }

            fx.prop = 1;

            $(fx).animate({ prop: 0 }, {
                 duration    : currentOpts.speedOut,
                 easing        : currentOpts.easingOut,
                 step        : fancybox_draw,
                 complete    : _cleanup
            });

        } else {
            wrap.fadeOut( currentOpts.transitionOut == 'none' ? 0 : currentOpts.speedOut, _cleanup);
        }
    };

    $.fancybox.resize = function() {
        var c, h;
        
        if (busy || wrap.is(':hidden')) {
            return;
        }

        busy = true;

        c = inner.wrapInner("<div style='overflow:auto'></div>").children();
        h = c.height();

        wrap.css({height:    h + (currentOpts.padding * 2) + titleh});
        inner.css({height:    h});

        c.replaceWith(c.children());

        $.fancybox.center();
    };

    $.fancybox.center = function() {
        busy = true;

        var view    = fancybox_get_viewport(),
            margin    = currentOpts.margin,
            to        = {};

        to.top    = view[3] + ((view[1] - ((wrap.height() - titleh) + (shadow * 2 ))) * 0.5);
        to.left    = view[2] + ((view[0] - (wrap.width() + (shadow * 2 ))) * 0.5);

        to.top    = Math.max(view[3] + margin, to.top);
        to.left    = Math.max(view[2] + margin, to.left);

        wrap.css(to);

        busy = false;
    };

    $.fn.fancybox.defaults = {
        
        padding                :    10,
        margin                :    20,
        opacity                :    false,
        modal                :    false,
        cyclic                :    false,
        scrolling            :    'auto',    // 'auto', 'yes' or 'no'

        width                :    560,
        height                :    340,

        autoScale            :    true,
        autoDimensions        :    true,
        centerOnScroll        :    false,

        ajax                :    {},
        swf                    :    { wmode: 'transparent' },

        hideOnOverlayClick    :    true,
        hideOnContentClick    :    false,

        overlayShow            :    true,
        overlayOpacity        :    0.3,
        overlayColor        :    '#666',

        titleShow            :    true,
        titlePosition        :    'outside',    // 'outside', 'inside' or 'over'
        titleFormat            :    null,

        transitionIn        :    'fade',    // 'elastic', 'fade' or 'none'
        transitionOut        :    'fade',    // 'elastic', 'fade' or 'none'

        speedIn                :    300,
        speedOut            :    300,

        changeSpeed            :    300,
        changeFade            :    'fast',

        easingIn            :    'swing',
        easingOut            :    'swing',

        showCloseButton        :    true,
        showNavArrows        :    true,
        enableKeyboardNav      : true,
        enableEscapeButton    :    true,

        onStart                :    null,
        onCancel            :    null,
        onComplete            :    null,
        onCleanup            :    null,
        onClosed            :    null
    };

    $(document).ready(function() {
        fancybox_init();
    });

})(jQuery);

;

$(document).ready(function() {

    var formatPhotoTitle = function (title, currentArray, currentIndex, currentOpts) {
        
        var openTitle  = '<div id="photo-title">';
        var capCop     = title.split('--//--');
        var caption    = (capCop[0] && capCop[0].length ? '<strong>' + capCop[0] + '</strong><br />' : '' );
        var copyright  = (capCop[1] && capCop[1].length ? 'Foto: ' + capCop[1] + '<br />' : '' );
        var imageIndex = 'Foto ' + (currentIndex + 1) + ' van ' + currentArray.length;
        var closeTitle = '</div>';

        return openTitle + caption + copyright + imageIndex + closeTitle;
    }
    
    var formatVideoTitle = function (title, currentArray, currentIndex, currentOpts) {
        return '<div id="photo-title">' + (title && title.length ? '<strong>' + title + '</strong><br />' : '' ) + 'Video ' + (currentIndex + 1) + ' van ' + currentArray.length + '</div>';
    }
    
    var formatAudioTitle = function (title, currentArray, currentIndex, currentOpts) {
        return '<div id="photo-title">' + (title && title.length ? '<strong>' + title + '</strong><br />' : '' ) + 'Audio ' + (currentIndex + 1) + ' van ' + currentArray.length + '</div>';
    }

    $("a.dossier_photos").fancybox({
        'speedIn'        : 600,
        'speedOut'       : 200,
        'overlayOpacity' : 0.7,
        'overlayColor'   : '#000',
        'padding'        : 10,
        'centerOnScroll' : false,
        'scrolling'      : 'no',
        'titlePosition'  : 'inside',
        'titleFormat'    : formatPhotoTitle
    });
    
    $("a.dossier_videos").fancybox({
        'speedIn'        : 600,
        'speedOut'       : 200,
        'overlayOpacity' : 0.7,
        'overlayColor'   : '#000',
        'padding'        : 10,
        'centerOnScroll' : false,
        'scrolling'      : 'no',
        'titlePosition'  : 'inside',
        'titleFormat'    : formatVideoTitle
    });
    
    $("a.dossier_audio").fancybox({
        'speedIn'        : 600,
        'speedOut'       : 200,
        'overlayOpacity' : 0.7,
        'overlayColor'   : '#000',
        'padding'        : 10,
        'centerOnScroll' : false,
        'scrolling'      : 'no',
        'titlePosition'  : 'inside',
        'titleFormat'    : formatAudioTitle
    });
    
});

;

/**
 * ivm de jw-player callbacks (aanroep vanuit flash) zijn onderstaande functies global
 */
var videoConfig = {};
var players = {};
var activePlayerId = false;
var maxVideoWidth = 460;
var maxVideoHeight = 259; 
var minVideoWidth = 220;
var minVideoHeight = 124; 
var scaleSpeed = 750;
var ratio = 460 / 260;

function removeVideoPlayer(key) { 
    if (key && key in videoConfig) {    
        jwplayer(key).remove();
        activePlayerId = false;
        var config = videoConfig[key];
        var container = $( "#" + key );    
        var wrapper = container.closest('.article-player');        
        var margin = config.margin;
        var image = config.image.width(maxVideoWidth).height(maxVideoHeight);
        container.empty().append(image);    
        // restore old margins     
        wrapper.stop().animate( {
            width: config.stillWidth,
            marginLeft : margin.left,
            marginRight : margin.right,
            marginTop : margin.top,
            marginBottom : margin.bottom
        }, scaleSpeed );                        
        image.stop().animate( {
            width: config.stillWidth,
            height: config.stillHeight
        }, scaleSpeed, function() {             
            initVideoStill(key, config);
        } );        
    }
}

// triggered when ad starts, but no ref to the corresponding player
// ova plugin is disabled within inline player for now
function onLinearAdStart() {
    // console.log("OAS EVENT: linear ad begin",arguments);    
}


function initVideoStill(key,value) {
    var container = $("#" + key);
    var wrapper = container.closest('.article-player');
    // get old margins, only works by requesting separate values
    var margin = {
        left: wrapper.css('margin-left') || 0,
        right: wrapper.css('margin-right') || 0,
        top: wrapper.css('margin-top') || 0,
        bottom: wrapper.css('margin-bottom') || 0
    };
    value.margin = margin;
    // get original still width & height, not always a small thumb
    value.stillWidth = parseInt(wrapper.width(),10);
    value.stillHeight = parseInt(value.stillWidth/ratio,10);
    //
    var image = container.find('img');
    var playButton = $('<span></span>').addClass('play');      
    videoConfig[key].image = image.clone();    
    container.css({
        position: 'relative',
        width : wrapper.width()
    }).append(playButton);               
    wrapper.click( function(e) {
        if (activePlayerId) {
            removeVideoPlayer(activePlayerId);
        }
        activePlayerId = value.id;
        playButton.remove();
        wrapper.stop().animate( {
            width: maxVideoWidth,
            marginLeft : 0,
            marginRight : 0
        }, scaleSpeed );                        
        image.stop().animate( {
            width: maxVideoWidth,
            height: maxVideoHeight
        }, scaleSpeed, function() {     
            wrapper.unbind('click');
            settings = value.settings;     
            settings.events = {
                onComplete: function(){
                    removeVideoPlayer(key)
                }
            };
            jwplayer(key).setup(settings);         
        } );            
        e.preventDefault();
    });
}
  
$(document).ready(function() {
    $.each(videoConfig, initVideoStill);
});