var image_en_cours = 1;
var image_maxi = 1;


$(document).ready(function() {

/* Activer retour en arriere quand on clique sur FRANCAIS */
if ($("a#history_back_link").length){
    $("a#history_back_link").click(
        function(){
            history.back();
        }
    );
}


/* Activer rollover sur vignettes dans les pages EVENEMENTIEL > EVENEMENTS */

if ( $(".events-event-img-filter").length){

    // Inititalisation : opacite de 60%;
    $(".events-event-img-filter").fadeTo('slow',0.6);

    // Rollover
    $(".events-event-img-filter").hover(
        function () {
            $(this).clearQueue();
            $(this).fadeTo('slow', 0);
        },
        function () {
            $(this).fadeTo('slow', 0.6);
        }
    );
}


/* Activer rollover et click sur vignettes dans les pages EVENEMENTIEL > EVENEMENTS > un EVENEMENT */

if ( $(".thumbnail-filter").length){

    // Inititalisation : opacit� de 60%;
    $(".thumbnail-filter").fadeTo('fast',0.6);

    // Rollover
    $(".thumbnail-filter").hover(
        function () {
            $(this).clearQueue();
            $(this).fadeTo('fast',0);
        },
        function () {
            $(this).fadeTo('fast',0.6);
        }
    );

    // Click sur vignette PHOTO
    $(".thumbnail-filter.photo").click(
        function () {
            afficher_image( $(this).attr("rel") );
        }
    );

    // Click sur vignette VIDEO
    $(".thumbnail-filter.video").click(
        function () {
            afficher_video( $(this).attr("rel") );
        }
    );
    

}



/* Initialiser et activer les fleches de navigation le diaporama dans les pages EVENEMENTIEL > EVENEMENTS > un EVENEMENT */

if ( $("div#cjcom-slideshow").length){

    $("div#cjcom-slideshow div.nav_btn").hide();

    $("div#cjcom-slideshow").hover(
        function(){
            $("div#cjcom-slideshow div.nav_btn").show();
        },
        function(){
            $("div#cjcom-slideshow div.nav_btn").hide();
        }
    );

    $("div#prev_btn").click(
        function () {

            image_en_cours = parseInt(image_en_cours)-1;
            image_maxi = parseInt( $("div#prev_btn").attr("rel") );

            // retourner a derniere image si on est a la premiere photo
            if (image_en_cours == 0){
                image_en_cours = image_maxi;
            }
            
            afficher_image( image_en_cours );
        }
    );

    $("div#next_btn").click(
        function () {

            image_en_cours = parseInt(image_en_cours)+1;
            image_maxi = parseInt( $("div#prev_btn").attr("rel") );
            
            // retourner a premiere image si on est a la derniere photo
            if (image_en_cours > image_maxi){
            //if (parseInt(image_en_cours) > parseInt(image_maxi)){
                image_en_cours = 1;
            }
            
            afficher_image( image_en_cours );
        }
    );
}


/* Initialiser le diaporama dans les pages EVENEMENTIEL > EVENEMENTS > un EVENEMENT */

if ( $("div#cjcom-slideshow").length){

    /* page VIDEOS : on lance la premiere video et on desactive les fleches de navigation */
    if ($("span.video-title").length){
        if ( $("img#thumb-1").length){
            afficher_video(1);
            $("div#cjcom-slideshow").unbind();
            $("div#prev_btn").unbind();
            $("div#next_btn").unbind();
        }
    } else {
    /* pages EVENEMENTS et PRINT : on precharge les images et on cache le conteneur video */
        $("div#cjcom-slideshow").preloader();
        $("div#cjcom-slideshow div#video_container").hide();
    }
    if ( $("img#img-1").length){
        afficher_image(1);
    }

}



/* Activer click pour formulaire de contact */

if ( $("a#show_contact_form").length){

    /* initialisation */
    if ( $("div#contact_form_container").attr("rel") == 'open'){
        $("div#contact_form_container").show();
    }


    $("a#show_contact_form").click(
        function(){
            $("div#contact_form_container").slideToggle();
        }
    );
}

/* Activer click pour formulaire de modification newsletter */

if ( $("a#change_newsletter_link").length){

    /* initialisation */
    if ( $("div#change_newsletter").attr("rel") == 'open'){
        $("div#change_newsletter").show();
    }


    $("a#change_newsletter_link").click(
        function(){
            $("div#change_newsletter").slideToggle();
        }
    );
}

/* Activer click pour formulaire de désinscription newsletter */

if ( $("a#unsubscribe_newsletter_link").length){

    /* initialisation */
    if ( $("div#unsubscribe_newsletter").attr("rel") == 'open'){
        $("div#unsubscribe_newsletter").show();
    }


    $("a#unsubscribe_newsletter_link").click(
        function(){
            $("div#unsubscribe_newsletter").slideToggle();
        }
    );
}



});



function afficher_image(img_index){

    /* Cacher toutes les images */
    $("div#cjcom-slideshow img").hide();

    /* Cacher la video, et l'arreter si lancee */
    if ($("div#cjcom-slideshow object#video_container").length){
        $("div#cjcom-slideshow object#video_container").replaceWith('<div id="video_container"></div>');
    }
    $("div#cjcom-slideshow div#video_container").hide();

    $("div#cjcom-slideshow img#img-"+img_index).fadeIn('9000');
    $("div.cjcom-thumbnails div.thumbnail-filter").removeClass('active');
    $("div.cjcom-thumbnails div#filter-"+img_index).addClass('active');


    /* afficher titre (seulement pour les pages PRINT) */
    if ($("span.print-title").length){
        var image_title = $("div#cjcom-slideshow img#img-"+img_index).attr("rel");
        $("span.print-title").html( image_title );
    }
    /* afficher decription (seulement pour les pages PRINT) */
    if ($("div#print-desc").length){
        var image_desc = $("#desc-"+img_index).html();
        $("div#print-desc").html( image_desc );
    }

    image_en_cours = img_index;
    
}

function afficher_video(img_index){

    $("div#cjcom-slideshow img").hide();
    $("div#cjcom-slideshow div#video_container").show();

    var video_file = $("img#thumb-"+img_index).attr("rel");

    
    $("div.cjcom-thumbnails div.thumbnail-filter").removeClass('active');
    $("div.cjcom-thumbnails div#filter-"+img_index).addClass('active');

    /* afficher titre (seulement pour la page VIDEO) */
    /*
    if ($("span.video-title").length){
        var video_title = $("img#thumb-"+img_index).attr("rel");
        $("span.video-title").html( video_title );
    }
    */
    /* afficher description (seulement pour la page VIDEO) */
    /*
    if ($("div#video-desc").length){
        var image_desc = $("#desc-"+img_index).html();
        $("div#video-desc").html( image_desc );
    }
    */
   
/* avec jQuery TOOLS - flashembed */
/*
    $("div#video_container").flashembed(
       // "div#video_container",
        "themes/CJCOM/player/player.swf",
        {
            autoplay: 'yes',
            swfMovie: 'uploads/videos/EVENEMENTS/' + video_file,
            play_btn_scale: '1.5'
        }
    );
*/
     
/* avec SWFObject - PROD */
/*
   var flashvars = {
      autoplay: "yes",
      swfMovie: 'uploads/videos/EVENEMENTS/' + video_file,
      progress_color: 'cbd300',
      rollover_color: 'cbd300',
      play_btn_scale: 1.5
    };
    var params = {
        movie: 'uploads/videos/EVENEMENTS/' + video_file
    };
    var attributes = {
    };

    swfobject.embedSWF("player.swf", "video_container", "631", "420", "9.0.0","expressInstall.swf", flashvars, params, attributes);
*/

    jwplayer("video_container").setup({
        flashplayer: "themes/CJCOM/jwplayer-5.7/player.swf",
        file: 'uploads/videos/EVENEMENTS/' + video_file,
        autostart: true,
        width: 631,
        height: 420
    });



/*
var html_for_player = '<object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="631" height="420">'
        + '<param name="movie" value="player.swf" />'
        + '<param name="flashvars" value="autoplay=true&swfMovie='+ video_file + '&play_btn_scale=1.5" />'
  //      + '<!--[if !IE]>-->'
  //      + '<object type="application/x-shockwave-flash" data="player.swf" width="631" height="420">'
  //      + '<!--<![endif]-->'
  //      + '  <p>Alternative content</p>'
  //      + '<!--[if !IE]>-->'
  //      + '</object>'
  //      + '<!--<![endif]-->'
      + '</object>';


      //alert(html_for_player);

            
      $("div#video_container").html(html_for_player);
*/

    // image_en_cours = img_index;

}