function donnerStyle(action) {

        var reso;
        var largeurEcran;
        var hauteurEcran;

        if(navigator.appName=="Microsoft Internet Explorer") {
            largeurEcran = screen.width;
            hauteurEcran = screen.height;
        }
        else  {
            largeurEcran = outerWidth;
            hauteurEcran = outerHeight;
        }


        if((largeurEcran >= 1681) || (hauteurEcran >= 1051))
        {
          reso = "1920x1200";
        }
        else if((largeurEcran >= 1441) || (hauteurEcran >= 901))
        {
          reso = "1680x1050";
        }
        else if((largeurEcran >= 1281) || (hauteurEcran >= 1025))
        {
          reso = '1440x900';
        }
        else if((largeurEcran >= 1281) || (hauteurEcran >= 801))
        {
          reso = '1280x1024';
        }
        else if((largeurEcran >= 1025) || (hauteurEcran >= 769))
        {
          reso = '1280x800';
        }
        else if((largeurEcran <= 1024) || (hauteurEcran <= 768))
        {
          reso = '1024x768';
        }
        else
        {
          reso = "1920x1200";
        }


        if (action == 'hello')
        {
            document.body.style.background = "url('/images/frontend/fonds/"+reso+"/hello.jpg') #000 center fixed no-repeat";
            $("body").addClass("bodyColorBlue");
        }
        if (action == 'event')
        {
            document.body.style.background = "url('/images/frontend/fonds/"+reso+"/event.jpg') #000 center fixed no-repeat";
            $("body").addClass("bodyColorPink");

        }
        if (action == 'digital')
        {
            document.body.style.background = "url('/images/frontend/fonds/"+reso+"/digital.jpg') #000 center fixed no-repeat";
            $("body").addClass("bodyColorYellow");
        }
        if (action == 'audiovisual')
        {
            document.body.style.background = "url('/images/frontend/fonds/"+reso+"/audiovisual.jpg') #000 center fixed no-repeat";
            $("body").addClass("bodyColorGrey");
        }
        if (action == 'publishing')
        {
            document.body.style.background = "url('/images/frontend/fonds/"+reso+"/publishing.jpg') #000 center fixed no-repeat";
            $("body").addClass("bodyColorGreen");
        }
        if (action == 'references')
        {
            document.body.style.background = "url('/images/frontend/fonds/"+reso+"/references.jpg') #000 center fixed no-repeat";
            $("body").addClass("bodyColorOrange");
        }
        if (action == 'recrutement')
        {
            document.body.style.background = "url('/images/frontend/fonds/"+reso+"/recrutement.jpg') #000 center fixed no-repeat";
            $("body").addClass("bodyColorBraun");
        }
        if (action == 'contact')
        {
            document.body.style.background = "url('/images/frontend/fonds/"+reso+"/contact.jpg') #000 center fixed no-repeat";
            $("body").addClass("bodyColorPurple");
        }

        return false;
    }


/////////////////////////////////////////////////////
//                      DIAPORAMAS               //
///////////////////////////////////////////////////

$(document).ready( function(){
    $('ul.diapoEvent').animatedinnerfade({
	speed: 1000,
	timeout: 4000,
    loop: true,
	//type: 'random',
	containerheight: '380px',
	containerwidth: '450px',
	animationSpeed: 2000,
	animationtype: 'fade',
	bgFrame: 'none',
	controlBox: 'none',
	displayTitle: 'none'
	});

    $('ul.diapoAudiovisual').animatedinnerfade({
	speed: 1000,
	timeout: 4000,
    loop: true,
	//type: 'random',
	containerheight: '380px',
	containerwidth: '450px',
	animationSpeed: 2000,
	animationtype: 'fade',
	bgFrame: 'none',
	controlBox: 'none',
	displayTitle: 'none'
	});

$('ul.diapoDigital').animatedinnerfade({
	speed: 1000,
	timeout: 4000,
    loop: true,
	//type: 'random',
	containerheight: '380px',
	containerwidth: '450px',
	animationSpeed: 2000,
	animationtype: 'fade',
	bgFrame: 'none',
	controlBox: 'none',
	displayTitle: 'none'
	});

$('ul.diapoPublishing').animatedinnerfade({
	speed: 1000,
	timeout: 4000,
    loop: true,
	//type: 'random',
	containerheight: '380px',
	containerwidth: '450px',
	animationSpeed: 2000,
	animationtype: 'fade',
	bgFrame: 'none',
	controlBox: 'none',
	displayTitle: 'none'
	});


$('ul.diapoReferences').animatedinnerfade({
	speed: 1000,
	timeout: 4000,
    loop: true,
	//type: 'random',
	containerheight: '91px',
	containerwidth: '300px',
	animationSpeed: 2000,
	animationtype: 'fade',
	bgFrame: 'none',
	controlBox: 'none',
	displayTitle: 'none'
	});
} );

///////////////////////////////////////////////////
//                      TAGS                     //
///////////////////////////////////////////////////


    function add_tag (tag) {
      add_field = $("#new_tags");

      if ( add_field.val() == "Add tags with commas" ) {
        add_field.val( tag );
        add_field.css("color", "black");
      }
      else if ( add_field.val().length ) {
        add_field.val( add_field.val()  + ", " + tag );
      }
      else {
        add_field.val( tag );
      }
      alert($(element));
      $(element).hide();
    }


    ///////////////////////////////////////////////////
    //                  LIGHTBOX                     //
    ///////////////////////////////////////////////////

    $(document).ready(function(){

        $("a[rel='phototheque']").colorbox({slideshow:true,
                                         transition:"fade",
                                         slideshowStop: "Stop",
                                         slideshowStart: "Start",
                                         slideshowSpeed	: 3000,
                                         opacity: 0.6
        });

    });

    //////////////////////////////////////////////////////////////
    //                  STRUCTURE SITE + STYLE                  //
    //////////////////////////////////////////////////////////////

 

    $(document).ready(function(){           

        if(navigator.appName=="Microsoft Internet Explorer") {
            $('#header').css('width',screen.width);
            $('.divDefilant').css("width",screen.width);
            $('#footer').css('width',screen.width);
        }
        else  {
            $('#header').css('width',outerWidth);
            $('.divDefilant').css('width',outerWidth);
            $('#footer').css('width',outerWidth);
        } 

        // Valeurs par défaut
        if(!document.body.style.background)
        {
          donnerStyle('hello');
        }
        $("li.hello").addClass("current");

        //Quand je clique sur l'un des liens
        $(".menuPrincipal a").click(function () {
            $("li").removeClass("current");

            if($("body").hasClass("bodyColorBlue"))
                $("body").removeClass("bodyColorBlue");

            if($("body").hasClass("bodyColorPink"))
                $("body").removeClass("bodyColorPink");

            if($("body").hasClass("bodyColorGreen"))
                $("body").removeClass("bodyColorGreen");

            if($("body").hasClass("bodyColorGrey"))
                $("body").removeClass("bodyColorGrey");

            if($("body").hasClass("bodyColorOrange"))
                $("body").removeClass("bodyColorOrange");

            if($("body").hasClass("bodyColorYellow"))
                $("body").removeClass("bodyColorYellow");

            if($("body").hasClass("bodyColorOrange"))
                $("body").removeClass("bodyColorOrange");

        });

        $('a.a-hello').click(function() {            
                $.scrollTo('#hello', 1000, {axis:'x'});

                $("#hello li.hello").addClass("current");
                donnerStyle('hello');
        });
        $('a.a-event').click(function() {
                $.scrollTo('#event', 1000, {axis:'x'});
                
                donnerStyle('event');
                $("#event li.event").addClass("current");
        });
        $('a.a-publishing').click(function() {
                $.scrollTo('#publishing', 1000, {axis:'x'});

                donnerStyle('publishing');
                $("#publishing li.publishing").addClass("current");
        });
        $('a.a-references').click(function() {
                $.scrollTo('#references', 1000, {axis:'x'});

                donnerStyle('references');
                $("#references li.references").addClass("current");
        });
        $('a.a-audiovisual').click(function() {
                $.scrollTo('#audiovisual', 1000, {axis:'x'});

                donnerStyle('audiovisual');
                $("#audiovisual li.audiovisual").addClass("current");
        });
        $('a.a-digital').click(function() {
                $.scrollTo('#digital', 1000, {axis:'x'});

                donnerStyle('digital');
                $("#digital li.digital").addClass("current");
        });
    });




    //////////////////////////////////////////////////////////////
    //                  DEFILEMENT CAPTURES VIDEOS              //
    //////////////////////////////////////////////////////////////

var imgs=new Array();
var cpt;
var refInterval;

      function defilImages(id) {
          document.getElementById("capture"+id).src=imgs[cpt];
          cpt++;
          if(cpt>=imgs.length) cpt=0;
      }
      function startDefil(id, url1, url2, url3, url4, url5)
      {
          imgs[0]=url1;
          imgs[1]=url2;
          imgs[2]=url3;
          imgs[3]=url4;
          imgs[4]=url5;
          cpt=1;
          refInterval = window.setInterval("defilImages("+id+")",500);
      }
      function stopDefil(id) {
          window.clearInterval(refInterval);
          cpt=0;
          document.getElementById("capture"+id).src=imgs[0];
      }


///////////////////////////////////////////////////
//             NAVIGUATION VIDEOS                //
///////////////////////////////////////////////////


  /*  $(document).ready(function(){

        var show_per_page = 8;

        $('#current_page').val(0);
        $('#show_per_page').val(show_per_page);

        var navigation_html = '<a class="precedent alignRight" href="javascript:nav(-1);">Précédent</a>';
        navigation_html += '<a class="suivant alignLeft" href="javascript:nav(+1);">Suivant</a>';

        $('#pagination').html(navigation_html);
        $('#listVideos').children().css('display', 'none');
        $('#listVideos').children().slice(0, show_per_page).css('display', 'block');

    });

    function nav(dir){

        var show_per_page = parseInt($('#show_per_page').val());
        var number_of_items = jQuery('#listVideos div.uneVideo').length;
        var number_of_pages = Math.ceil(number_of_items/show_per_page);

        if(dir==+1){
            var new_page = parseInt($('#current_page').val()) + 1;
            if($('#current_page').val() < number_of_pages-1 ){
                go_to_page(new_page);
            }
        }
        else if(dir==-1){
            new_page = parseInt($('#current_page').val()) - 1;
            if($('#current_page').val() > 0 ){
                go_to_page(new_page);
            }
        }
    }
    function go_to_page(page_num){
        var show_per_page = parseInt($('#show_per_page').val());
        start_from = page_num * show_per_page;
        end_on = start_from + show_per_page;
        $('#listVideos').children().css('display', 'none').slice(start_from, end_on).css('display', 'block');
        $('#current_page').val(page_num);
    } */