var TVI_width = 80;
//var TVI_max_width = 1200;
var TVI_max_width_slider = 100;
var TVI_cookie = $.cookie('tvi_width_cookie');
var TVI_txtaction = "";
var TVI_minwidth_val = 50;
var TVI_minwidth_txt = 'min';
var TVI_mediumwidth_val = TVI_width;
var TVI_mediumwidth_txt = 'moyen';
var TVI_maxwidth_val = 98;
var TVI_maxwidth_txt = 'max';


$(document).ready(function(){

  /* initialisation */
  $('#btwidthpage').append('<span id="minwidth" class="btwidth"><a href="javascript:change_wpage('+TVI_minwidth_val+');" title="">'+TVI_minwidth_txt+'</a></span>');
  $('#btwidthpage').append('<span id="mediumwidth" class="btwidth"><a href="javascript:change_wpage('+TVI_mediumwidth_val+');" title="">'+TVI_mediumwidth_txt+'</a></span>');
  $('#btwidthpage').append('<span id="maxwidth" class="btwidth"><a href="javascript:change_wpage('+TVI_maxwidth_val+');" title="">'+TVI_maxwidth_txt+'</a></span>');
  if(TVI_txtaction !== '')
    $('#btwidthpage').prepend('<small>'+TVI_txtaction+'</small>');

  /* cookie width */
  if(TVI_cookie !== null && !isNaN(TVI_cookie)) {
    $('.center').css({'width' : TVI_cookie+'%', 'max-width' : TVI_max_width_slider+'%'});
    $('.widthcustom').css({'width' : TVI_cookie+'%', 'max-width' : TVI_max_width_slider+'%'});
  } else {
    TVI_cookie = TVI_width;
  }
  
  /* class active default */
  var typewidth = 'medium';
  if(TVI_cookie == TVI_minwidth_val)
  {
    typewidth = 'min';
  }
  else if(TVI_cookie == TVI_maxwidth_val)
  {
    typewidth = 'max';
  }
  $('#'+typewidth+'width').addClass("active");

  /* onclic = class active */
  $("#btwidthpage .btwidth").click(function () {
    $('#btwidthpage .btwidth').removeClass("active");
    $(this).addClass("active");
  });

});


function change_wpage(val_width, idthis) {

  $('.widthcustom').css({'width' : val_width+'%', 'max-width' : TVI_max_width_slider+'%'});
  $('.center').css({'width' : val_width+'%', 'max-width' : TVI_max_width_slider+'%'});

  if(val_width != TVI_width) {
    $.cookie('tvi_width_cookie', val_width, { path: '/' });
  } else {
    $.cookie('tvi_width_cookie', null, { path: '/' });
    //$('.center').css({'max-width' : TVI_max_width+'px'});
    //$('.widthcustom').css({'max-width' : TVI_max_width+'px'});
  }

}