var slide;
var slideReduit;
var currentImage;
var currentImageReduiteIdx;
var nbPhotoStrip = 4;
var photoStripOpacity = 0.6;


jQuery.noConflict();
jQuery(document).ready(function () {



    jQuery('#visionneuseLink1').addClass(jQuery('#hidVisionneuseClassMenu').val());
    jQuery('#visionneuseLink2').addClass(jQuery('#hidVisionneuseClassMenu').val());

    if (jQuery('#divVisionneuseA').css("display") != "none") {

        //  démarre le slideShow pour la premiere fois si visible
        slideShowV1();
        
    } else {

        if (jQuery('#divCarteGoogle').css("display") != "none") {
            jQuery('#divCarteGoogle').hide().show("slow");
        }
    }

    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(
    // démarre la visionneuse apres un async postback
           function (sender, args) {
               jQuery('#visionneuseLink1').addClass(jQuery('#hidVisionneuseClassMenu').val());
               jQuery('#visionneuseLink2').addClass(jQuery('#hidVisionneuseClassMenu').val());

               if (jQuery('#divVisionneuseA').css("display") != "none") {
                   //au retour à la visionneuse  si visible
                   stopShowV1();
                   slideShowV1();
               }
               else {

                   if (jQuery('#divCarteGoogle').css("display") != "none") {
                       jQuery('#divCarteGoogle').hide().show("slow");
                   }
                   //jQuery('#divCarteGoogle').animate({ opacity: 0.0 }, 1000).animate({ opacity: 1.0 }, 1000);

               }
           });
});



         

       function slideShowV1() {
           

           if (jQuery('#galleryV1 div').length > 0) {


               jQuery('#galleryV1 div').show();

               //Set the opacity of all images to 0

               jQuery('#galleryV1 div').css({ opacity: 0.0 });


               //Get the first image and display it (set it to full opacity)

               jQuery('#galleryV1 div:first').css({ opacity: 1.0 }).addClass('show');


               displayCarteGoogle(0);

               //Affiche le premier element du menu et le detail de la photo
               changerPositionMenu(0);


               startShowV1();


           } 
           

       }


function galleryV1() {

    
    //if no IMGs have the show class, grab the first image
    var current = (jQuery('#galleryV1 div.show') ? jQuery('#galleryV1 div.show') : jQuery('#galleryV1 div:first'));

    //Get next image, if it reached the end of the slideshow, rotate it back to the first image
    var next = ((current.next().length) ? current.next() : jQuery('#galleryV1 div:first'));
    displayCarteGoogle(next.index());
    changerPositionMenu(next.index());

    //Hide the current image
    current.animate({ opacity: 0.0 }, 1000)
        	.removeClass('show');

    //Set the fade in effect for the next image, show class has higher z-index
    next.css({ opacity: 0.0 })
            .addClass('show')
        	.animate({ opacity: 1.0 }, 1000);

}

function goNext() {
    stopShowV1();
    galleryV1();
}

function goPrevious() {

    stopShowV1();

    var current = (jQuery('#galleryV1 div.show') ? jQuery('#galleryV1 div.show') : jQuery('#galleryV1 div:first'));
    var previous = ((current.prev().length) ? current.prev() : jQuery('#galleryV1 div:last'));

    displayCarteGoogle(previous.index());
    changerPositionMenu(previous.index());

    //Set the fade in effect for the next image, show class has higher z-index
    previous.css({ opacity: 0.0 })
    	      .addClass('show')
	          .animate({ opacity: 1.0 }, 1000);

    //Hide the current image
    current.animate({ opacity: 0.0 }, 1000)
	        .removeClass('show');

}

function stopShowV1() {

    //if (jQuery("#galleryV1 div").length > 1) {
        hidePause();
        clearInterval(slide);
    //}
}


function startShowV1() {


    if (jQuery('#galleryV1 div').length > 1) {
        //Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
        
        jQuery("#btnPlay").show();
        jQuery("#btnPause").show();
        jQuery("#btnRight").show();
        jQuery("#btnLeft").show();

        hidePlay();

        slide = setInterval('galleryV1()', 5000);

    }
    else {

        stopShowV1();
        jQuery("#btnPlay").hide();
        jQuery("#btnPause").hide();
        jQuery("#btnRight").hide();
        jQuery("#btnLeft").hide();
    }

}

function restartShowV1() {
 
    stopShowV1();


    jQuery('#galleryV1 div').css({ opacity: 0.0 });
    jQuery('#galleryV1 div.show').css({ opacity: 1.0 });

    startShowV1();
    
}

function gotoslide(idx) {
    //vNumSelectedV5

    displayCarteGoogle(idx);
    changerPositionMenu(idx);

    //hidePause();

    stopShowV1();
    var elem = jQuery('#galleryV1 div:eq(' + idx + ')');
    var current = (jQuery('#galleryV1 div.show') ? jQuery('#galleryV1 div.show') : jQuery('#galleryV1 div:first'));

    if (elem.attr("id") != current.attr("id")) {
        //Hide the current image
        current.animate({ opacity: 0.0 }, 1000)
	        .removeClass('show');

        //Set the fade in effect for the next image, show class has higher z-index
        elem.css({ opacity: 0.0 })
	       .addClass('show')
	       .animate({ opacity: 1.0 }, 1000);
    }
}


function hidePause() {

   jQuery('#btnPause').css("display", "none");
   jQuery('#btnPlay').css("display", "");

}

function hidePlay() {

    jQuery('#btnPause').css("display" , "");
    jQuery('#btnPlay').css("display", "none");

}


function changerPositionMenu(idxNext) {


        //Changer le menu pour le detail de la page active
        var menuElemCurrent = jQuery('#divVisionneuseAMenu a.vNumSelectedV5')
        var menuElemNext = jQuery('#divVisionneuseAMenu #p' + idxNext); // TODO

        var menuDescCurrent = jQuery('#s' + jQuery(menuElemCurrent).index('#divVisionneuseAMenu a.vNumV5')); // TODO
        var menuDescNext = jQuery('#divVisionneuseAMenu #s' + idxNext); // TODO

        menuDescCurrent.html('')

        menuDescNext.html(jQuery('#ViewerBlurbContent').html());

        menuElemCurrent.removeClass('vNumSelectedV5');
        menuElemNext.addClass('vNumSelectedV5');

        jQuery('#divViewerBlurb h5').text(jQuery('#hidTitrePhoto' + idxNext).val());

        jQuery('#lblSep').show();

        // cacher les liens et bar lorsqu'il n'y a pas de valeur
        if (jQuery('#hidLinkAText' + idxNext).val() == "") {

            jQuery('#visionneuseLink1').hide();
            jQuery('#lblSep').hide();

        }
        else {

            jQuery('#visionneuseLink1').show();
            jQuery('#visionneuseLink1').attr('href', jQuery('#hidLinkAUrl' + idxNext).val());
            jQuery('#visionneuseLink1').text(jQuery('#hidLinkAText' + idxNext).val());
        }


        if (jQuery('#hidLinkBText' + idxNext).val() == "") {
        
            jQuery('#visionneuseLink2').hide();
            jQuery('#lblSep').hide();

        }
        else {

            jQuery('#visionneuseLink2').show();
            jQuery('#visionneuseLink2').attr('href', jQuery('#hidLinkBUrl' + idxNext).val());
            jQuery('#visionneuseLink2').text(jQuery('#hidLinkBText' + idxNext).val());
        }


        // afficher le credit de la photo
        jQuery('#divCredit').text(jQuery('#hidCredit' + idxNext).val());

        
       // 5 pour video
       if (jQuery('#hidTypePhoto' + idxNext).val() == 5) {
            displayVideo();
        }
    
     } 


function displayVideo(){
    

    // a- tags with class "VideoPlayer" are transformed into video players
  
    loc = String(window.location);

    if (loc.indexOf("localhost") >= 0) {

        flowplayer("a.VideoPlayer", { src: "/_scripting/flowplayer/flowplayer-3.2.7.swf",  wmode: 'transparent' }, {
            clip: { autoPlay: false,
                    scaling: 'fit'}
                 ,
            play: { replayLabel: '' },
            onStart: function () {
                stopShowV1();
            }
        });

    }
    else {
        // a- tags with class "VideoPlayer" are transformed into video players
        flowplayer("a.VideoPlayer", { src: "/_scripting/flowplayer/flowplayer.commercial-3.2.7.swf", height: 362, wmode: 'transparent' }, {
            key: '#$7de98ce98e70168c181',
            clip: { autoPlay: false,
                    scaling: 'fit'}
           ,
            play: { replayLabel: '' },
            onStart: function () {
                stopShowV1();
            }
        });


    }
}


function displayCarteGoogle(idx) {

    
    
    if (jQuery('#hidCarteGoogleVisible').val() == "1") {
        jQuery('#lbViewerMap').show("slow");
    }

    else if ((jQuery('#hidCarteLatitude' + idx).val() != "") &&  (jQuery('#hidCarteLongitude' + idx).val() != "")) {
        jQuery('#lbViewerMap').show("slow");
    }
    else {
        jQuery('#lbViewerMap').hide("slow");
    }

}


function gotoCarteGoogle() {

    stopShowV1();

    var currentIdx = jQuery('#galleryV1 div.show').index();
    jQuery('#hidCurrentIdx').val(currentIdx);

    
    
    if (jQuery('#hidCarteLatitude' + currentIdx).val() != "") { 
    
        
        jQuery('#hidTitre').val(jQuery('#hidTitrePhoto' + currentIdx).val());
        jQuery('#hidLatitude').val(jQuery('#hidCarteLatitude' + currentIdx).val());
        jQuery('#hidLongitude').val(jQuery('#hidCarteLongitude' + currentIdx).val());
        jQuery('#hidNomFichier').val(jQuery('#div' + currentIdx + ' img').attr('src')); // TODO


        jQuery('#divCarteGoogle').show("slow");
        jQuery('#divVisionneuseA').hide("slow");
    }


    CarteGoogleLocations = [];


}

function retourVisionneuse() {

    var idx = jQuery('#hidCurrentIdx').val();


    if (idx == "") {
        idx = 0;
    }

    jQuery('#hidCurrentIdx').val("");
    jQuery('#galleryV1 div').show();

    gotoslide(idx);

    restartShowV1();

    jQuery('#divCarteGoogle').hide();
    jQuery('#divVisionneuseA').show();
    
    
    }



//Section pour la visionneuse réduite RRR


    
function ReduireSectionVisionneuseA(){

    // transfert l'information
    var imgs = jQuery('#galleryV1 img').clone();
        
    jQuery('#galleryV1Reduit').html(imgs);
    jQuery('#galleryV1Reduit img').hide();


    
    for (var i = 0; i < 4; i++) {
        jQuery(imgs[i]).show().css({ opacity: photoStripOpacity, float: "left" });   
    }
     currentImageReduiteIdx = 0;
    jQuery("#galleryV1Reduit img").first().css({ opacity: "1.0" });
    jQuery('#galleryV1Reduit a.VideoPlayer').replaceWith('<img src=/_images/thumbnail_FR.gif />');
    jQuery("#galleryV1Reduit img").css("max-height", 83);
    jQuery("#galleryV1Reduit img").css("max-width", 220);


    //Arrete et cache la grande visionneuse
    stopShowV1();
    jQuery('#divSectionVisionneuseA').hide("slow");
    jQuery('#divSectionVisionneuseAReduit').show("slow");
  

    //Demarre la visionneuse réduite
    startShowV1Reduit();

 } 
 
function AgrandirSectionVisionneuseA() {


   jQuery('#divSectionVisionneuseAReduit').hide("slow");
   jQuery('#divSectionVisionneuseA').show("slow");


   stopShowV1Reduit();
   slideShowV1();

}



// Visionneuse réduction
function startShowV1Reduit() {

    if (jQuery('#galleryV1Reduit img').length > 1) {
        //Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds

        slideReduit = setInterval('galleryV1Reduit()', 5000);

    }

}


function stopShowV1Reduit() {

    clearInterval(slideReduit);

}


function galleryV1Reduit() {


    jQuery('#galleryV1Reduit img').eq(currentImageReduiteIdx).fadeTo("slow", photoStripOpacity);
    currentImageReduiteIdx += 1;


    if (currentImageReduiteIdx >= jQuery('#galleryV1Reduit img').length) {
        currentImageReduiteIdx = 0;
        jQuery('#galleryV1Reduit img').hide();
        for (var i = 0; i < jQuery('#galleryV1Reduit img').length; i++) {

            if (i < nbPhotoStrip && i != 0) {
                jQuery('#galleryV1Reduit img').eq(i).show().fadeTo("slow", photoStripOpacity);
            }

        }

        jQuery('#galleryV1Reduit img').eq(currentImageReduiteIdx).fadeTo("slow", 1);


    } else if (jQuery('#galleryV1Reduit img').length > nbPhotoStrip && currentImageReduiteIdx >= nbPhotoStrip) {

        jQuery('#galleryV1Reduit img').eq(currentImageReduiteIdx - nbPhotoStrip).hide();
        jQuery('#galleryV1Reduit img').eq(currentImageReduiteIdx).show("slow");
        jQuery('#galleryV1Reduit img').eq(currentImageReduiteIdx).fadeTo('slow', 1);
    }
    else {
        jQuery('#galleryV1Reduit img').eq(currentImageReduiteIdx - 1).fadeTo('slow', photoStripOpacity);
        jQuery('#galleryV1Reduit img').eq(currentImageReduiteIdx).fadeTo('slow', 1);

    }

}