/**
         *  @behaviour: page specific functionality
         *  @author Karl Oakes
         *  @todo: load stylesheet before document.ready to hide wrapper as this will allow us to leave
         *                the index page as is if javascript is disabled
         *
         */
         $(document).ready(function(){
             // setup and initialise intro
            $.supersized({
                start_slide : 0, // random
                slides	:  [ { image : 'images/intro/ndc_1.jpg' },
                                                { image : 'images/intro/ndc_2.jpg' },
                                                { image : 'images/intro/ndc_3.jpg' },
                                                { image : 'images/intro/ndc_4.jpg' },
                                                { image : 'images/intro/ndc_5.jpg' },
                                                { image : 'images/intro/ndc_6.jpg' },
                                                { image : 'images/intro//ndc_7.jpg' }]
            });
            // event handler for intro
            $("#supersized").click(function(){
                $this = $(this);
                $this.fadeOut("slow", function(){
                    // on callback, remove intro
                    $this.unbind();
                    $this.remove();
                    $("#wrapper").fadeIn("slow", function () {
                        // on wrapper fadein, setup slider
                        $("#right").easySlider({
                            prevText: '<img border="0" src="./images/arrow_previous.png" width="17" height="30" alt="previous" />',
                            nextText: '<img border="0" src="./images/arrow_next.png" width="17" height="30" alt="next" />'
                        });
                    });

                });
             return false;
            });
        });