﻿(function ($) {

    $.fn.NavigationIntro = function (options) {

        return this.each(function () {
            var divNavigationIntro;
            var img1 = '#img1';
            var img2 = '#img2';

            divNavigationIntro = $(this);

            $(window).load(function () {
                LoadImages();
            });

            function UnRegisterHover() {
                $('a', divNavigationIntro).unbind('hover');
            }

            function RegisterHover() {
                $('a', divNavigationIntro).hover(
                    function () {
                        $('.hover', $(this)).fadeIn();
                    },
                    function () {
                        $('.hover', $(this)).fadeOut();
                    }
                );
            }

            function StartImageChanger() {
                var ImageChanger = window.setInterval(function () {
                    $(img1).fadeOut(100, function () {
                        $('.hover', img1).hide();
                        $(img2).fadeIn(100, function () {
                            var img1c = img1;
                            img1 = img2;
                            img2 = img1c;
                            UnRegisterHover();
                            RegisterHover();
                        });
                    });
                }, 9000);
            }

            function LoadImages() {
                $('.hover', divNavigationIntro).each(function () {
                    $(this).attr('src', $(this).attr('name'));
                });
                $('#last .hover').load(function () {
                    RegisterHover();
                    StartImageChanger();
                });
            }


        }); // this.each
    }; // NavigationIntro



})(jQuery);
