var occasOpenWidth = 385;
var occasCloseWidth = 165;
var occasTimerid = null;

var photoOpenWidth = 930;
var photoCurrent = 1;
var photoNb = 0;
var photoTimerid = null;

var listeOpenWidth = 940;
var listePageSize = 335;
var listeNbPages = 0;
var listeCurrent = 1;
var listeWorking = false;

var flip = new Array( 'renault1.jpg', 'renault2.jpg', 'renault3.jpg', 'renault4.jpg', 'renault5.jpg', 'renault6.jpg', 'renault7.jpg', 'renault8.jpg', 'renault9.jpg', 'renault10.jpg', 'renault11.jpg', 'renault12.jpg', 'renault13.jpg' );
var flipTimerid = null;
var flipCurrent = 1;


function completeDocument(page, pos) {
  $('#menus img').hover(imgOver, imgOut);
  $('#cgv img, #liens img, #email img').hover(pngOver, imgOut);

  preloadImages('/images/occasions-sel.jpg', '/images/reprise-sel.jpg', '/images/services-sel.jpg', '/images/infos-sel.jpg', '/images/previous-sel.png', '/images/next-sel.png', '/images/cgv-sel.png', '/images/email-sel.png', '/images/liens-sel.png');

  if (page == 'home') {
    $('#occas').hover(occasOpen, occasClose);
    $('#cbg').append('<img id="img1" src="/images/flip/'+flip[0]+'" />');
    $('#img1').css('left', '200px');
    $('#img1').load(flipLoadNext);
//    $(window).load(function(){
      if (occasTimerid) clearTimeout(occasTimerid);
      occasTimerid = setTimeout('_occasClose()', 3000);
//    });
  }
  else if (page == 'details') {
    $('#photo img:not(:first)').css('opacity', '0');
    photoNb = $('#photo img').length;
    $(window).load(function(){
      $('#details').animate({width: photoOpenWidth+'px'}, 1000, 'easeOutExpo', function(){
	if (photoNb > 1) {
	  if (photoTimerid) clearTimeout(photoTimerid);
	  photoTimerid = setTimeout('slideNext()', 4000);
	}
      });
    });
  }
  else if (page == 'liste') {
    j = listePageSize;
    listeNbPages = $('#pages div.page').length;
    if (($('#page'+listeNbPages).html()).replace(/ /g, '') == '') {
      $('#page'+listeNbPages).remove();
      listeNbPages --;
    }
    if (listeNbPages <= 2)
      $('#next').css('display', 'none');
    else {
      $('#prev img, #next img').hover(pngOver, imgOut);
      $('#prev').click(listePrev);
      $('#next').click(listeNext);
    }
    $('#pages div.page:not(:first)').css('left', (2*listePageSize)+'px');
    $('#page2').css('left', listePageSize+'px');
    if (pos) listeGoto(pos);
    $(window).load(function(){
      $('#liste').animate({width: listeOpenWidth+'px'}, 2000, 'easeOutExpo');
    });
  }
  else if (page == 'infos') {
    $('#occas').css({width: occasCloseWidth+'px'});
    $('#occas').hover(occasOpen, occasClose);
  }
}

/******** MAIN FUNCTIONS *********/

function imgOver() {
  if ($(this).attr('class') == 'sel') return;
  $(this).attr('src', $(this).attr('src').replace('.jpg', '-sel.jpg'));
}

function imgOut() {
  if ($(this).attr('class') == 'sel') return;
  $(this).attr('src', $(this).attr('src').replace('-sel', ''));
}

function pngOver() {
  if ($(this).attr('class') == 'sel') return;
  $(this).attr('src', $(this).attr('src').replace('.png', '-sel.png'));
}

/******** FLIP FUNCTIONS ********/

function preloadImages() {
  var d = document;
  if(d.images) {
    if(!d.MM_p) d.MM_p = new Array();
    var i,j = d.MM_p.length, a = preloadImages.arguments;
    for(i = 0; i < a.length; i ++)
      if (a[i].indexOf("#") != 0) {
	d.MM_p[j] = new Image;
	d.MM_p[j++].src = a[i];
      }
  }
}

function flipLoadNext() {
  i = $('#cbg img').length + 1;
  if (i == 3) flipWait();
  $('#cbg').append('<img id="img'+i+'" src="/images/flip/'+flip[i-1]+'" />');
  if (i < flip.length)
    $('#img'+i).load(flipLoadNext);
}

function flipNext() {
  flipN = flipCurrent + 1;
  if (flipN > flip.length) flipN = 1;
  if (!($('#img'+flipN).length)) {
    flipWait();
    return;
  }
  $('#img'+flipCurrent).animate({left: '-541px'}, 1500, 'easeInExpo', function(){
    $('#img'+flipN).animate({left: '200px'}, 1500, 'easeOutExpo', function(){
      $('#img'+flipCurrent).css('left', '941px');
      flipCurrent = flipN;
      flipWait();
    });
  });
}

function flipWait() {
  if (flipTimerid) clearTimeout(flipTimerid);
  flipTimerid = setTimeout('flipNext()', 1000);
}

/******** OCCAS FUNCTIONS ********/

function occasOpen() {
  if (occasTimerid) clearTimeout(occasTimerid);
  $('#occas').stop();
  $('#occas').animate({width: occasOpenWidth+'px'}, 700, 'easeOutCirc');
}

function occasClose() {
  if (occasTimerid) clearTimeout(occasTimerid);
  occasTimerid = setTimeout('_occasClose()', 700);
}

function _occasClose() {
  $('#occas').animate({width: occasCloseWidth+'px'}, 500, 'easeInCirc');
}

/******** PHOTO FUNCTIONS ********/

function slideNext() {
  photoNext = photoCurrent + 1;
  if (photoNext > photoNb) photoNext = 1;
  $('#p'+photoCurrent).animate({opacity: '0'}, 1000);
  $('#p'+photoNext).animate({opacity: '1'}, 1000, '', function(){
    if (photoTimerid) clearTimeout(photoTimerid);
    photoTimerid = setTimeout('slideNext()', 4000);
  });
  photoCurrent = photoNext;
}

/******** LISTE FUNCTIONS ********/

function emailIsValid( email ) {
  var e = email.toLowerCase(); 
  e = e.replace( /(^\s+|\s+$)/, '' );
  if (!e.match(/[a-z0-9\.\-]+@[a-z0-9\.\-]+\.[a-z]{2,4}/))
    return null;
  return e;
}

function nlRegister() {
  if (!document.nform.email.value || document.nform.email.value == 'email') {
    alert('Merci de bien vouloir indiquer votre adresse email.');
    return false;
  }
  if (!(document.nform.email.value = emailIsValid(document.nform.email.value))) {
    alert("L'adresse email indiquée est incorrecte. Merci de bien vouloir corriger votre saisie.");
    return false;
  }
  if (!confirm('Votre adresse email est-elle bien '+document.nform.email.value+' ?'))
    return false;
  $.get("/inscription.php", { email: document.nform.email.value }, function(data){
    alert(data);
    document.nform.email.value = '';
  });
  return false;
}

function listeNext() {
  if (listeWorking) return;
  listeWorking = true;
  id1 = '#page'+listeCurrent;
  id2 = '#page'+(listeCurrent+1);
  id3 = '#page'+(listeCurrent+2);
  id4 = '#page'+(listeCurrent+3);

  $(id2+','+id3).animate({'left': '-='+listePageSize+'px'}, 500);
  $(id1).animate({'left': '-='+listePageSize+'px'}, 500, '', function(){
    $(id3+','+id4).animate({'left': '-='+listePageSize+'px'}, 500);
    $(id2).animate({'left': '-='+listePageSize+'px'}, 500, '', function(){
      listeWorking = false;
    });
  });
  if (listeCurrent == 1)
    $('#prev').css('display', 'block');
  listeCurrent += 2;
  if (listeCurrent + 2 > listeNbPages)
    $('#next').css('display', 'none');
}

function listePrev() {
  if (listeWorking) return;
  listeWorking = true;
  id00 = '#page'+(listeCurrent-2);
  id0 = '#page'+(listeCurrent-1);
  id1 = '#page'+listeCurrent;
  id2 = '#page'+(listeCurrent+1);
  $(id0+','+id2).animate({'left': '+='+listePageSize+'px'}, 500);
  $(id1).animate({'left': '+='+listePageSize+'px'}, 500, '', function(){
    $(id00+','+id0).animate({'left': '+='+listePageSize+'px'}, 500);
    $(id1).animate({'left': '+='+listePageSize+'px'}, 500, '', function(){
      listeWorking = false;
    });
  });
  listeCurrent -= 2;
  $('#next').css('display', 'block');
  if (listeCurrent == 1)
    $('#prev').css('display', 'none');
}

function listeGoto( pos ) {
  page = Math.ceil(pos / 4);
  if (page % 2 == 0) page --;
  for (i = 1; i < page; i ++) $('#page'+i).css('left', '-'+listePageSize+'px');
  $('#page'+page).css('left', '0px');
  if (page + 1 <= listeNbPages) $('#page'+(page + 1)).css('left', listePageSize+'px');
  else $('#next').css('display', 'none');
  if (page > 1) $('#prev').css('display', 'block');
  listeCurrent = page;
}