$(document).ready(function () {

    var mj = {};

    mj.ui = {
        init: function () {

            this.nav.init();
            this.gallery.init();
        },

        nav: {
            link: $('#header li a img'),
            init: function () {

                this.link.mouseenter(function (e) {
                    var src = $(this).attr('src');
                    var nsrc = src.replace('/Off/', '/On/')
                    $(this).attr('src', nsrc);
                });

                this.link.mouseleave(function (e) {
                    var src = $(this).attr('src');
                    var nsrc = src.replace('/On/', '/Off/')
                    $(this).attr('src', nsrc);
                });
            }
        },
        
        gallery: {
            banner: $('#banner'),
            images: {
                main: [
                    '<img alt="" src="./Images/Banner/image0.jpg" title="" />',
                    '<img alt="" src="./Images/Banner/image1.jpg" title="" />',
                    '<img alt="" src="./Images/Banner/image2.jpg" title="" />',
                    '<img alt="" src="./Images/Banner/image3.jpg" title="" />',
                    '<img alt="" src="./Images/Banner/image4.jpg" title="" />',
                    '<img alt="" src="./Images/Banner/image5.jpg" title="" />',
                    '<object><param name="movie" value="./Clips/clip0.swf" /><param name="bgcolor" value="#000000" /><param name="allowscriptaccess" value="always" /><embed allowscriptaccess="always" bgcolor="#000000" src="./Clips/clip0.swf" type="application/x-shockwave-flash" /></object><object><param name="movie" value="./Clips/clip0.swf" /><param name="bgcolor" value="#000000" /><param name="allowscriptaccess" value="always" /><embed allowscriptaccess="always" bgcolor="#000000" src="./Clips/clip0.swf" type="application/x-shockwave-flash" /></object>',
                    '<object><param name="movie" value="./Clips/clip1.swf" /><param name="bgcolor" value="#000000" /><param name="allowscriptaccess" value="always" /><embed allowscriptaccess="always" bgcolor="#000000" src="./Clips/clip1.swf" type="application/x-shockwave-flash" /></object><object><param name="movie" value="./Clips/clip0.swf" /><param name="bgcolor" value="#000000" /><param name="allowscriptaccess" value="always" /><embed allowscriptaccess="always" bgcolor="#000000" src="./Clips/clip1.swf" type="application/x-shockwave-flash" /></object>'
                ],
                small: [
                    '<img alt="" src="./Images/RC/image0.gif" title="" />',
                    '<img alt="" src="./Images/RC/image1.gif" title="" />',
                    '<img alt="" src="./Images/RC/image2.gif" title="" />',
                    '<img alt="" src="./Images/RC/image3.gif" title="" />',
                    '<img alt="" src="./Images/RC/image4.gif" title="" />'
                ]
            },
            right: $('.rc'),
            init: function () {
                var i = Math.floor(Math.random() * 8);
                this.banner.html(this.images.main[i]);

                var i = Math.floor(Math.random() * 4);
                this.right.html(this.images.small[i]);
            }
        }
    }

    mj.ui.init();

});
