var photoTid = null;
var sliding = false;
var slideAuto = true;


function prepareDocument() {
  $('div.hbox').each(function(){
    var i = parseInt($(this).attr('id').substr(2));
    $(this).css('left', ((i-1) * 196 + 7)+'px');
    $('#hb'+i+' p, #hb'+i+' li').wrapAll('<div/>');
  });
  $('div.hbox:last').addClass('actu');
  $('div.hbox p.link a').html('en savoir plus');
  $('#photos').append('<div id="prec"><img src="/images/image-precedente.png"/></div><div id="next"><img src="/images/image-suivante.png"/></div>');
  if (jQuery.support.opacity)
    $('#prec, #next').css('opacity', '0');
  else
    $('#prec, #next').css('display', 'none');
  $('#photos').hover(dirShow, dirHide);
  $('#prec').hover(precMove, precRestore);
  $('#next').hover(nextMove, nextRestore);
  $('#prec').click(slidePrev);
  $('#next').click(slideNext);
  commonPrepare();
}

function resizeDocument() {
}

function documentPrepared() {
  commonPrepared();
  if ($('#photos img.photo').length > 1)
    slideWait();
}

function slideWait() {
  if (photoTid) clearTimeout(photoTid);
  photoTid = setTimeout('slideNext()', 4500);
}

function slideNext() {
  if (sliding) return false;
  sliding = true;
  var i = parseInt($('#photos img.first').attr('id').substr(1));
  var n = i + 1;
  if (n > $('#photos img.photo').length)
    n = 1;
  $('#photos #p'+n).css('left', '978px');
  $('#photos #p'+n).animate({left: '0px'}, 1000, 'easeOutExpo', function(){
    $('#photos #p'+n).addClass('first');
    if (slideAuto) slideWait();
  });
  $('#photos #p'+i).animate({left: '-978px'}, 1000, 'easeOutExpo', function(){
    $('#photos #p'+i).removeClass('first');
    sliding = false;
  });
}

function slidePrev() {
  if (sliding) return false;
  sliding = true;
  var i = parseInt($('#photos img.first').attr('id').substr(1));
  var n = i - 1;
  if (n <= 0)
    n = $('#photos img.photo').length;
  $('#photos #p'+n).css('left', '-978px');
  $('#photos #p'+n).animate({left: '0px'}, 1000, 'easeOutExpo', function(){
    $('#photos #p'+n).addClass('first');
    if (slideAuto) slideWait();
    sliding = false;
  });
  $('#photos #p'+i).animate({left: '978px'}, 1000, 'easeOutExpo', function(){
    $('#photos #p'+i).removeClass('first');
  });
}

function dirShow() {
  if (photoTid) clearTimeout(photoTid);
  slideAuto = false;
  $('#prec, #next').stop();
  if (jQuery.support.opacity)
    $('#prec, #next').animate({opacity: '1'}, 600);
  else
    $('#prec, #next').css('display', 'block');
}

function dirHide() {
  slideWait();
  slideAuto = true;
  $('#prec, #next').stop();
  if (jQuery.support.opacity)
    $('#prec, #next').animate({opacity: '0'}, 600);
  else
    $('#prec, #next').css('display', 'none');
}

function precMove() {
  $('#prec img').stop();
  $('#prec img').animate({marginRight: '8px'}, 300);
}

function precRestore() {
  $('#prec img').stop();
  $('#prec img').animate({marginRight: '0px'}, 300);
}

function nextMove() {
  $('#next img').stop();
  $('#next img').animate({marginLeft: '8px'}, 300);
}

function nextRestore() {
  $('#next img').stop();
  $('#next img').animate({marginLeft: '0px'}, 300);
}