$(document).ready(
    function()
    {
        if ($('#gallery-box').get(0) != undefined) {
            $('#gallery-box img').bind("mouseenter",
                function(e)
                {
                    $(this).stop().animate({opacity: 1}, 500, 'linear', function() { cyrcle(this) });
                });

            $('#gallery-box img').bind("mouseleave",
                function(e)
                {
                    $(this).stop().animate({opacity: 0.7}, 300);
                });

            function cyrcle(obj)
            {
                $(obj).animate({opacity: 0.7}, 500, 'linear',
                    function()
                    {
                        $(this).animate({opacity: 1}, 500, 'linear', function() { cyrcle(obj) });
                    });
            }
        }

        if ($('#slider img').get(0) != undefined) {
            var imgNumber = 0;

            changeImage(imgNumber);
        }

        function changeImage()
        {
            if (imgNumber > 5) {
                imgNumber = 1;
            }

            var slider =  $('#slider img');

            if (imgNumber == 0) {
                var elem = slider.attr('src').match(/([0-9]+)\.jpg$/);
                imgNumber = parseInt(elem[1]);
            }

            $('<img />').load(
                function()
                {
                    if (slider.css('display') != 'block') {
                        slider.fadeOut('slow', function() { slideCycle(this); });
                    } else {
                        slider.fadeIn('slow', function() { slideCycle(this); });
                    }
                }).attr('src', '/htdocs/images/side-' + imgNumber + '.jpg');

            function slideCycle(obj)
            {
                $(obj).attr('src', '/htdocs/images/side-' + imgNumber + '.jpg').fadeIn('slow',
                    function()
                    {
                        setTimeout(function() { changeImage(imgNumber++) }, 6000);
                    });
            }
        }

        if ($('.small-btn').get(0) != undefined) {
            $('.small-btn').css('opacity', 0.7);

            $('.small-btn.active').css('opacity', 1);

            $('.small-btn').bind("mouseleave",
                function(e)
                {
                    if ($(this).hasClass('active')) {
                        return;
                    }

                    $(this).stop().animate({opacity: 0.7}, 300);
                });

            $('.small-btn').bind("mouseenter",
                function(e)
                {
                    $(this).stop().animate({opacity: 1}, 300);
                });
        }
    });