// Color values for default values that's removed on focus (in textboxes...)
// Just apply "default-value" as the textbox' class.
var active_color = '#000'; // Colour of user provided text
var inactive_color = '#ccc'; // Colour of default text

(function($) {
    $(document).ready(function() {
        $('.foldmenu').addClass('hidden');

        if (!isEditMode) {
            $('#small_focus').find('img').hover(function() {
                $(this).toggleClass('hidden', 1);
                $(this).siblings('img').toggleClass('hidden');
            })
        }



        //used for carousel from the campaign
        sec = $('#secondsCarousel').val();
        $('.slideshow').cycle({
            fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
            pause: 1,
            timeout: sec,
            next: '#carousel-next',
            prev: '#carousel-prev'
        });

        $('#menuContainer a').click(function(event) {

            var menuId = $(this).attr('href')
            if ($(menuId).css('display') != 'block') {
                $(this).parents('ul').children('.select').removeClass('select')
                $(this).parents('li').addClass('select')
                var elements = $('.foldmenu:visible');

                if (elements.length) {
                    elements.slideUp(500);
                    $(menuId).delay(500).slideDown();
                }
                else
                    $(menuId).slideDown();

            }
            else {
                $(menuId).slideUp(500);
                $(this).parents('li').removeClass('select')
            }
            event.preventDefault();
        })

        $("input.default-value").css("color", inactive_color);
        var default_values = new Array();
        $("input.default-value").focus(function() {
            if (!default_values[this.id]) {
                default_values[this.id] = this.value;
            }
            if (this.value == default_values[this.id]) {
                this.value = '';
                this.style.color = active_color;
            }
            $(this).blur(function() {
                if (this.value == '') {
                    this.style.color = inactive_color;
                    this.value = default_values[this.id];
                }
            });
        });

    })
})(jQuery);