// # -*- coding: utf-8 -*-
var Betton = {

    // init général à toutes les pages
    "init_general" : function () {
        //transparence png
        $(document).pngFix();
            
        /* *********** Les Rubriques (Accordéons) *********** */
        var rubriques = Betton.init_accordionMenu("#rubriques");
        
        /* *********** Les Tabs *********** */
        var tabsOpts = {
            'select' : function (event, ui) {
                        rubriques.accordion('activate', false);
                       }
        }
    
        $('#tab1').tabs(tabsOpts);
        $('#tab2').tabs(tabsOpts);


        /* *********** Les Carousels *********** */
        var carouselOpts = {
            'vertical' : true,
            'circular' : true,
            'visible'  : 3,
            'auto'     : 2000
        }
        
        $('div.carouselClip','div#actualites')
                .jCarouselBetton(carouselOpts)
                .hover(
                    //C'est vraiment pas beau mais ça marche...
                    function () { $(this).context.stopAuto() },
                    function () { $(this).context.startAuto() }
                    //function () {console.log($(this));}
                );

    },

    // init pour la page d'accueil
    "init_accueil" : function () { 
        // pour dissimuler div#navigation
        // par défaut, c'est ouvert
        $("#collapse_all").click( function () {
            var navigation = $("#navigation");
            var bt = $(this).find('img');
    
            if ($(this).hasClass('on')) {
                $(this).removeClass('on').addClass('off');
                navigation.hide();
                bt.attr({
                    'src'   : '/media/site/gen/bt_ouvrir.gif',
                    'alt'   : 'Ouvrir',
                    'title' : 'Ouvrir'
                });
            }
            else if ($(this).hasClass('off')) {
                $(this).removeClass('off').addClass('on');
                navigation.show();
                bt.attr({
                    'src'   : '/media/site/gen/bt_fermer.gif',
                    'alt'   : 'Fermer',
                    'title' : 'Fermer'
                });            
            }
            else { 
                // par défaut, il est affiché... Donc faut le faire disparaître
                $(this).addClass('off');
                navigation.hide();
                bt.attr({
                    'src'   : '/media/site/gen/bt_ouvrir.gif',
                    'alt'   : 'Ouvrir',
                    'title' : 'Ouvrir'
                });        
            }
        
            return false;
        });
    
        /* *********** En un clic... *********** */
        // "en un clic..." : affichage du div#clic
        $("#clicImg").parent('a').mouseover( function () {
            $('#clic').show();
            return false;
        });
    
        // "en un clic..." : fermeture du div#clic
        $("#fermer_clic").click( function () {
            $('#clic').hide();
            return false;
        });
        /* *********** En un clic... *********** */
    
    },
    
    // init pour les 3 petites vignettes à visualiser avec une lightbox
    "init_vignettes" :  function () { 
        /* *********** Les vignettes - Lightbox *********** */
        var lighBoxOpts = {
            'imageLoading'  :   '/media/site/gen/lightbox-ico-loading.gif',
            'imageBtnPrev'  :   '/media/site/gen/lightbox-btn-prev.gif',
            'imageBtnNext'  :   '/media/site/gen/lightbox-btn-next.gif',
            'imageBtnClose' :   '/media/site/fr/lightbox-btn-close.gif',
            'imageBlank'    :   '/media/site/gen/lightbox-blank.gif',
            'txtOf'         :   'sur'
        }
    
        $("#vignettes_accueil > a").lightBox(lighBoxOpts);
	$("a.lightbox").lightBox(lighBoxOpts);
        /* *********** Les vignettes - Lightbox *********** */
    },
    
    
    "init_accordionMenu" : function (selector, opts) {
        // le contenant
        var cont = $(selector);
        // recherche de tous les <a> de premier niveau dans ce contenant
        // pour chaque <a>, je vais regarder s'il y a un <div> juste après.
        // si oui, je lui ajoute la class 'header'
        cont.children('a').each( function (i) {
            var elt = $(this);
            if (elt.next('div').length == 1) elt.addClass('header');
        });
        
        /* *********** Les Accordéons *********** */
        // options par défaut des accordeons
        var defaultAccordionOpts = {
            'autoHeight'  : false,
            'collapsible' : true,
            'header'      : '.header',
            'active'      : false
        }
        
        var accordionOpts = $.extend(defaultAccordionOpts, opts);

        // Effet accordéon sur le contenant (+ return car on en a besoin 
        // ailleurs dans init_general
        return cont.accordion(accordionOpts);
    }
};