/**

 * @author tparisot

 */

(function($){
  /*

   * Vertical centering plugin

   */

  $.fn.verticalCentering = function(settings){

    var settings = typeof settings == 'object' ? settings : {};

    settings = $.extend({

      container:          window,

      handleResize:       true

    }, settings);



    var $container = $(settings.container);

    var window_height = $container.height();

    var $this = this;



    if (settings.handleResize)

    {

      settings.handleResize = false;

      $container.resize(function(){

        $this.verticalCentering(settings);

      });

    }



    return $this.each(function(){

      var $this = $(this);

      var vertical_position = (window_height/2) - ($this.height()/2);

      vertical_position = vertical_position >= 0 ? vertical_position : 0;



      $this.css({top: vertical_position})

    });

  };



  /*

   * On page load

   */

  $(function(){

  /**

   * Menu corporate

   */

  $('#corporate-opener').toggle(

  function(){

    this.blur();

    $(this).addClass('opened');

    $('#corporate-menu')

      .find('> li')

        .css('opacity', 0)

        .end()

      .slideDown('normal', function(){

        /*

         * We animate by callback

         * If opacity is set in the style for IE, rollover menus don't show

         */

        $(this).find('> li')

          .animate({opacity: 1}, function(){

            $(this).css({

              opacity: ''

            });

          })



      });



    var date = new Date();

    date.setTime(date.getTime()+(60*60*24*15*1000));

    document.cookie = ['corporate_menu', '=', 1, '; path=/;  expires=', date.toUTCString()].join('');



    return false;

  },

  function(){

    $(this).removeClass('opened');

    $('#corporate-menu')

      .find('> li')

        .css('opacity', 0)

        .end()

      .slideUp('normal');



    var date = new Date();

    date.setTime(date.getTime()+(60*60*24*15*1000));

    document.cookie = ['corporate_menu', '=', 0, '; path=/; expires=', date.toUTCString()].join('');



    return false;

  });



  $('#corporate-menu > li')

    .bind('mouseenter', function(e){

      $(this)

        .addClass('hover')

        .find('> a')

          .each(function(){

            $(this)

              .clone()

              .addClass('clone')

              .click(function(){ window.location.href = this.href }) //fix IE6 inconsistancy click behavior

              .prependTo($(this).parent())

          })

          .end()

        .find('> ol')

          .show();

    })

    .bind('mouseleave', function(e){

      $(this)

        .removeClass('hover')

          .find('a.clone')

            .remove()

            .end()

        .find('> ol')

          .hide();

    });



  if (document.cookie && document.cookie.match(/corporate_menu=1/))

  {

    $('#corporate-opener').click();

  }



  /*

   * Vertical centering

   */

  $('body.entrydoor #corporate-pre').verticalCentering();





  /**

   * Checkbox + radiobox

   */

  $('#content-wrapper input:radio').checkbox({

    cls:   'radio',

    empty: 'http://www.loremipsum.net/pixelgif/pics/pixel.gif'

  });

  $('#content-wrapper input:checkbox').checkbox({

    cls:   'checkbox',

    empty: 'http://www.loremipsum.net/pixelgif/pics/pixel.gif'

  });



  /**

   * Selectbox

   */

  $('select.dropdown').selectbox();



    /*

     * Fix pour la largeur des selectbox styl?es

     *

     * Le padding augmente la taille;

     * Elle est g?r?e en % donc difficile ? corriger autrement (sans fixer leur largeur en absolu)

     */

    $('input.selectbox').each(function(){

      $this = $(this);

      $this.css('width', $this.width()-10);

    });



    /*

     * Fix pour la position de l'?l?ment, ing?rable en CSS sinon

     */

    $('div.selectbox-wrapper').each(function(){

      if ($.browser.msie && parseInt($.browser.version) < 8)

      {

        $(this)

          .not('#contact-sujet_container')

          .css('width', ($(this).width() - 15)+'px');

      }



      $(this).css({

        'left': $(this).prev().get(0).offsetLeft+'px'

      });

    });



  /**

   * Tab switcher

   */

  $('ul.js-switcher').each(function(){

    $(this).data('el_active', '');



    /*

     * Assignation des ?v?nements

     */

    $('li > a[href^=#]', this).each(function(){

      this.anchor = '#'+this.href.replace(/^(.+)#/g, '');

      $(this.anchor).hide();



      $(this).click(function(){

        var $container = $(this).parents('ul.js-switcher');

        if ($container.data('el_active'))

        {

          $($container.data('el_active')).hide();

        }



        // Load and play media

	//var player = document.getElementById('player');

	//player.sendEvent('LOAD', Utf8.encode($(this).attr('xhref')));



        $container

          .data('el_active', this.anchor)

          .find('a.selected').removeClass('selected');

        $(this).addClass('selected')

        $(this.anchor).show();



	



        return false;

      });

 

    });



    /*

     * Recherche d'un actif

     */

    $actives = $('a.selected', this);



    if (!$actives.length)

    {

      $('a:first', this).click();

    }

    else{

      $actives.filter(':first').click();

    }

  });

  

  $('a.js-loadFirst').click(function() {



    // If media is an image, add a "zoom" button

    var is_image  = new Boolean($(this).attr('xhref').match(new RegExp('^.*.(gif|jp?g|png)$', 'i')));

    var has_slot = new Boolean($('#zoom-slot').length > 0);

    if (is_image != false)

    {

      if (has_slot)

      {

        var zoom_url = $(this).attr('xhref');

        $('#zoom-slot').html('<a class="thickbox" href="' + zoom_url + '">Zoom</a>');

	      tb_init('a.thickbox, area.thickbox, input.thickbox');

	      $('#zoom-slot').show();

      }

    }

    else

    {

      $('#zoom-slot').hide();

    }



    // Load and play media

    var player = document.getElementById('player');

    player.sendEvent('LOAD', Utf8.encode($(this).attr('xhref')));



    return false;

  });



  /**

   * Infobulles ongles

   */

  $('body').append('<span id="selectorTaintTooltip"><span></span></span>');

  $('#selectorTaintTooltip').hide();



  $('#selector-teintes li > a')

    .bind('mouseenter', function(e){

      if (typeof this.titleOrigin == 'undefined')

      {

        this.titleOrigin = this.title;

        this.title = '';

      }



      $('#selectorTaintTooltip')

          .find('span')

            .html(this.titleOrigin)

          .end()

        .show()

        .appendTo(this);

    })

    .bind('mouseleave', function(e){

      $('#selectorTaintTooltip').hide();

    });



  /**

   * Grained selector

   */

  $('#grained-selector')

    .bind('mouseenter', function(e){

      $('li', this).slideDown('fast');

    })

    .bind('mouseleave', function(e){

      $('li', this).not('.selected').slideUp('fast');

    })

    .find('> li.selected').prependTo('#grained-selector');





  /**

   * Fix IE

   */

  if ($.browser.msie)

  {

    /**

     * Fix PNG

     */

    /*$.ifixpng('http://www.loremipsum.net/pixelgif/pics/pixel.gif');



    var ieSelectors = [

      'img.trans',                //transparence g�n�rique

      'div.trans',                //transparence g�n�rique

      'h2.category',              //transparence g�n�rique

      'p.medallion',              //transparence g�n�rique

      '#grained-selector',        //g�n�rique, plusieurs pages

      '#contact',

      '#corporate p.open-close',

      '#heplesfilles-topics-header',

      '#heplesfilles-write #yourmessage',

      '#makeup-listing ul > li',

      '#press-topics table.trans',

      '#press-topic table.trans',

      '#product-medias',

      '#products-list li.trans',

      '#products-news-list > li',

      '#subscription',

      '#trend-summary'

    ];

    $(ieSelectors.join(',')).ifixpng()

    ieSelectors = null;

    $('div.shadow')

      .ifixpng({sizingMethod: 'scale'})

      .css('position', 'static');*/



    /**

     * Applique des classes pour combler les besoins en CSS3

     */

    $('#products-list li.row a')

      .mouseover(function(){ $(this).addClass('hovered')})

      .mouseout(function(){ $(this).removeClass('hovered')});

    $('#faq .categorized-list h2.category + div.content')

      .addClass('category-before-content');



    if (parseInt($.browser.version) < 7)

    {

      $('div.center').wrap('<div style="text-align:center"></div>');

      $('div.shadow-post').each(function(){

        $('> div:first', this).insertBefore(this);

        $(this).css({

          'height': $(this).css('padding-bottom'),

          'padding-bottom': 0

        });

      });

    }

  }



  $('a.js-media').click(function() {



    // If media is an image, add a "zoom" button

    var is_image  = new Boolean($(this).attr('href').match(new RegExp('^.*.(gif|jp?g|png)$', 'i')));

    var has_slot = new Boolean($('#zoom-slot').length > 0);

    if (is_image != false)

    {

      if (has_slot)

      {

        var zoom_url = $(this).attr('x-bj-zoom') ? $(this).attr('x-bj-zoom') : $(this).attr('href');

        $('#zoom-slot').html('<a class="thickbox" href="' + zoom_url + '">Zoom</a>');

	      tb_init('a.thickbox, area.thickbox, input.thickbox');

	      $('#zoom-slot').show();

      }

    }

    else

    {

      $('#zoom-slot').hide();

    }



    // Load and play media

    var player = document.getElementById('player');

    player.sendEvent('LOAD', Utf8.encode($(this).attr('href')));



    return false;

  });

  



  $('a.js-tendance').click(function() {

    var id = '#trend-media-detail-' + $(this).attr('x-bj-trend_media_id');

    if ($(id).length > 0)

    {

      $('.trend-media-detail').hide();

      $(id).show();

    }



  });

  

  $('a.js-moodhtml').click(function() {

  	var attribut = $(this).attr('id');

  	var idA = '#' + attribut;

    var id = '#img-moodhtml-' + attribut;

    if ($(id).length > 0)

    {

      $('.spanmoodhtml').hide();

      $(id).show();

      

      $('.js-moodhtml').removeClass('selected');

      $(idA).addClass('selected');

    }



  });



  });

})(jQuery);



/* deprecated ? */

function display_image(src)

{

  document.getElementById("bj_image_full").style.display="";

  document.getElementById("bj_image_full").src = src;

  document.getElementById("bj_video_full").SetVariable("player:jsStop", "");

  document.getElementById("bj_video_full").style.display="none";

}

function display_video(num)

{

  document.getElementById("bj_image_full").style.display="none";

  document.getElementById("bj_video_full").style.display="";

  document.getElementById("bj_video_full").SetVariable("player:jsPlay", num);

}



/**

 * Provided by Musicovery.

 */

function OuvrirPop(url, nom, haut, Gauche, largeur, hauteur, options)

{

  var monpopup = window.open(url,

                     nom,

                     "top="+haut+"," +

                     "left="+Gauche+"," +

                     "width="+largeur+"," +

                     "height="+hauteur+"," +

                     options);

   monpopup.window.focus();

    

}



function setMoodboosterCookie(hum, def, sty)

{

  $.cookie('HPBJCK_hum', hum);

  $.cookie('HPBJCK_def', def);

  $.cookie('HPBJCK_sty', sty);

}



/**

 *

 *  UTF-8 data encode / decode

 *  http://www.webtoolkit.info/

 *

 **/

var Utf8 = {



    // public method for url encoding

    encode : function (string) {

        string = string.replace(/\r\n/g,"\n");

        var utftext = "";



        for (var n = 0; n < string.length; n++) {



            var c = string.charCodeAt(n);



            if (c < 128) {

                utftext += String.fromCharCode(c);

            }

            else if((c > 127) && (c < 2048)) {

                utftext += String.fromCharCode((c >> 6) | 192);

                utftext += String.fromCharCode((c & 63) | 128);

            }

            else {

                utftext += String.fromCharCode((c >> 12) | 224);

                utftext += String.fromCharCode(((c >> 6) & 63) | 128);

                utftext += String.fromCharCode((c & 63) | 128);

            }



        }



        return utftext;

    },



    // public method for url decoding

    decode : function (utftext) {

        var string = "";

        var i = 0;

        var c = c1 = c2 = 0;



        while ( i < utftext.length ) {



            c = utftext.charCodeAt(i);



            if (c < 128) {

                string += String.fromCharCode(c);

                i++;

            }

            else if((c > 191) && (c < 224)) {

                c2 = utftext.charCodeAt(i+1);

                string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));

                i += 2;

            }

            else {

                c2 = utftext.charCodeAt(i+1);

                c3 = utftext.charCodeAt(i+2);

                string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));

                i += 3;

            }



        }



        return string;

    }



}