/*____________________________________________
|     _     _ ___      __ _                   |
|    (_)___(_) __|___ / _| |_ __ _ _ _ ___    |
|    | |_ /| \__ | _ \  _|  _/ _` | '_/ -_)   |
|    |_/__||_|___|___/_|  \__\__,_|_| \___|   |
|                                             |
|       ©2010 iziSoftware - Version 1.0       |
|_____________________________________________|


WEGallery1 : Gestion des menu d'une page
*/

//Démarrage
$(document).ready(function() {
    WEGallery1.Initialize()
});

var WEGallery1 = {

    // We only want these styles applied when javascript is enabled
    // $('div.navigation').css({ 'width': '300px', 'float': 'left' });

    onMouseOutOpacity: 0.67,

    Initialize: function() {

        for (Elem in OEConfWEGallery1) {
            var $elem = $("#" + Elem);

            var $thumbs = $elem.find("#thumbs:first");
            if ($thumbs.size() > 0) {
                //Initialisation des element WEgallery1
                WEGallery1.Create($elem, $thumbs, OEConfWEGallery1[Elem]);
            }

            //Masquage du contenu lors du redimmentionnement de l'élément
            var $ElemContent = $elem.children(".OESZ_DivContent");
            $elem.bind('resizestart', function(e, ui) {
                $ElemContent.css("visibility", "hidden");
            });

            //Reaffichage du contenu à la fin du redimmentionnement de l'élément
            $elem.bind('resizestop', function(e, ui) {
                $ElemContent.css("visibility", "visible");
            });
        }
    },

    Create: function($elem, $thumbs, Conf) {
        $('.OEWEGallery1 div.content').css('display', 'block');
        var gallery = $thumbs.galleriffic({
            delay: Conf.Delay, //Delai entre 2 visionages
            numThumbs: Conf.NumThumbs, //nombre d'images dans la previsu
            preloadAhead: 10,
            enableTopPager: false,
            enableBottomPager: false,
            imageContainerSel: '.slideshow_' + $elem.attr("id"),
            controlsContainerSel: '.controls_' + $elem.attr("id"),
            captionContainerSel: '.caption_' + $elem.attr("id"),
            loadingContainerSel: '.loading_' + $elem.attr("id"),
            //maxPagesToShow: Conf.MaxPagesToShow,
            renderSSControls: Conf.RenderSSControls,
            renderNavControls: Conf.RenderNavControls,
            playLinkText: "<img src='WEFiles/Image/empty.png' class='OESZ_BtnPlay'>" + WEEdSiteCommon.GetLocalizableString(Conf.PlayLinkText), //'Play ',
            pauseLinkText: "<img src='WEFiles/Image/empty.png' class='OESZ_BtnPause'>" + WEEdSiteCommon.GetLocalizableString(Conf.PauseLinkText), //'Pause ',
            prevLinkText: "<img src='WEFiles/Image/empty.png' class='OESZ_BtnPrev'>" + WEEdSiteCommon.GetLocalizableString(Conf.PrevLinkText), //'&lsaquo; Precedente',
            nextLinkText: WEEdSiteCommon.GetLocalizableString(Conf.NextLinkText) + "<img src='WEFiles/Image/empty.png' class='OESZ_BtnNext'>", //'Suivante &rsaquo;',
            //nextPageLinkText: WEEdSiteCommon.GetLocalizableString(Conf.NextPageLinkText), // 'Next &rsaquo;',
            //prevPageLinkText: WEEdSiteCommon.GetLocalizableString(Conf.PrevPageLinkText), //'&lsaquo; Prev',
            enableHistory: false,
            autoStart: Conf.AutoStart, //false,
            syncTransitions: true,
            defaultTransitionDuration: 900,

            onSlideChange: function(prevIndex, nextIndex) {

                // 'this' refers to the gallery, which is an extension of $('#thumbs')
                this.find('ul.thumbs').children()
					.eq(prevIndex).fadeTo('fast', WEGallery1.onMouseOutOpacity).end()
					.eq(nextIndex).fadeTo('fast', 1.0);

                // Update the photo index display
                this.$captionContainer.find('div.photo-index')
					.html((nextIndex + 1) + ' / ' + this.data.length);
            },
            onPageTransitionOut: function(callback) {
                this.fadeTo('fast', 0.0, callback);

            },
            onPageTransitionIn: function() {

                var prevPageLink = this.find('a.prev').css('visibility', 'hidden');
                var nextPageLink = this.find('a.next').css('visibility', 'hidden');

                // Show appropriate next / prev page links
                if (this.displayedPage > 0)
                    prevPageLink.css('visibility', 'visible');

                var lastPage = this.getNumPages() - 1;
                if (this.displayedPage < lastPage)
                    nextPageLink.css('visibility', 'visible');

                this.fadeTo('fast', 1.0);
            }

        });

        /**************** Event handlers for custom next / prev page links **********************/

        gallery.find('a.prev').click(function(e) {
            gallery.previousPage();
            e.preventDefault();
        });

        gallery.find('a.next').click(function(e) {
            gallery.nextPage();
            e.preventDefault();
        });
        //   });



    }


}