var x = 0; var y = 0;
var posx = 0; var posy = 0;
var notes_descriptions = new Array( 'A chier', 'Pas mal', 'Bien', 'Très bien !', 'Incontournable !!' );

function mouseMove (evt)
{
  var scrolltop=0; var scrollleft=0;
  if (document.layers) {
    x=evt.x; y=evt.y;
  }
  if (document.all) {
    x=event.clientX; y=event.clientY;
  } else {
    if (document.getElementById) {
      x=evt.clientX; y=evt.clientY;
    }
  }

  if (document.documentElement && document.documentElement.scrollTop)
  {
    scrolltop = document.documentElement.scrollTop;
    scrollleft = document.documentElement.scrollLeft;
  }
  else if (document.body)
  {
    scrolltop = document.body.scrollTop;
    scrollleft = document.body.scrollLeft;
  }

  posx = scrollleft + x;
  posy = scrolltop + y;
}


function show_popup(text, is_file_sensitive)
{
  var layer = document.getElementById('preview');
  layer.innerHTML = text;

  layer.className = 'panel';

  layer.style.display = 'block';
}

function place_popup()
{
  var layer = document.getElementById('preview');

  
  var largeur = 0, hauteur = 0;
if( typeof( window.innerWidth ) == 'number' ) {
  largeur = window.innerWidth;
  hauteur = window.innerHeight;
  }
else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
  largeur = document.documentElement.clientWidth;
  hauteur = document.documentElement.clientHeight;
  }
else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
  largeur = document.body.clientWidth;
  hauteur = document.body.clientHeight;
  }
else {
  largeur = -1;
  hauteur = -1;
  }
  
  if((x + layer.clientWidth + 30) >= largeur)
    layer.style.left = (posx - layer.clientWidth-20) + 'px';
  else
    layer.style.left = (posx + 20) + 'px';


  if((y + layer.clientHeight + 30) >= hauteur)
   layer.style.top = (posy - layer.clientHeight - 20) + 'px';
  else
   layer.style.top = posy+ 20 + 'px';
  
}

function file_popup(image, description)
{
var layer = document.getElementById('preview');

  if(image != '')
    image_fin = '<span class="small"><table><tr><td><img src="' + image + '" /></td><td>';
  else
    image_fin = '';

  if(image == -1)
    image_fin = '<table><tr><td><span class="small">';

//if(image == '')
//layer.style.width = '300';	
//if(image == -1)
layer.style.width = '400';	
	
description=description.replace(/%22/gi, "\"");
	
  show_popup(image_fin + description +
             '</td></tr></table></span>');
}

function hide_popup()
{
  document.getElementById('preview').style.display = 'none';
}

function show_hide(elem)
{
  var doc_elem = document.getElementById(elem)
  doc_elem.style.display = doc_elem.style.display == 'none' ? 'block' : 'none';
}

function limit_chars(elem, max_chars)
{
  if(elem.value.length > max_chars)
    elem.value = elem.value.substring(0, max_chars);

   var chars_left = document.getElementById('chars_left');
   chars_left.innerHTML = max_chars - elem.value.length;
}

function over_note( note, note_totale )
{
  var elem = document.getElementById( 'description_note' );

  if( elem != null )
    elem.innerHTML = notes_descriptions[note - 1];

  for( i = 1 ; i <= note ; i++ )
  {
    img_note = document.getElementById( 'img_note_' + i );

    if( img_note != null )
      img_note.src = '/templates/images/note_over.png';
  }

  for( i = note + 1 ; i < notes_descriptions.length ; i++ )
  {
    img_note = document.getElementById( 'img_note_' + i );

    if( img_note != null )
    {
      if( i <= Math.floor( note_totale ) )
        img_note.src = '/templates/images/note_active.png';
      else if( ( i - Math.ceil( note_totale ) ) == 0 )
        img_note.src = '/templates/images/note_moitie_active.png';
      else
        img_note.src = '/templates/images/note_desactive.png';
    }
  }


}

function out_note( note_totale )
{
  var elem = document.getElementById( 'description_note' );

  if( elem != null )
    elem.innerHTML = '&nbsp;';

  for( i = 1 ; i <= notes_descriptions.length ; i++ )
  {
    img_note = document.getElementById( 'img_note_' + i );

    if( img_note != null )
    {
      if( i <= Math.floor( note_totale ) )
        img_note.src = '/templates/images/note_active.png';
      else if( ( i - Math.ceil( note_totale ) ) == 0 )
        img_note.src = '/templates/images/note_moitie_active.png';
      else
        img_note.src = '/templates/images/note_desactive.png';
    }
  }
}

if (document.layers)
  document.captureEvents(Event.MOUSEMOVE);

if (document.layers || document.all)
  document.onmousemove = mouseMove;

if (document.addEventListener)
  document.addEventListener('mousemove', mouseMove, true);