//--------------------------------------------------------------------------------------------//
//-- Détection de la hauteur de la fenêtre de visualisation du navigateur pour ajuster la ----//
//-- taille du DIV « zonePrincipal » car sa taille est fixe. ---------------------------------//
//--------------------------------------------------------------------------------------------//
function windowSize()
{
	var browser=navigator.appName;
	var b_version=navigator.appVersion;
	var version=parseFloat(b_version);
	
	if (browser=="Microsoft Internet Explorer")
	{
		winH = document.documentElement.clientHeight;
		zonePrincHeight = winH-110-65-50;
		document.getElementById('zonePrincipal').style.height = zonePrincHeight + "px";
	}
	else
	{
		winH = window.innerHeight;
		zonePrincHeight = winH-110-50-15;
		document.getElementById('zonePrincipal').style.height = zonePrincHeight + "px";
	}
	//alert(zonePrincHeight);
}
//--------------------------------------------------------------------------------------------//



//--------------------------------------------------------------------------------------------//
//-- Fonction de scrolling -------------------------------------------------------------------//
//--------------------------------------------------------------------------------------------//
var SLIDETIMER = 3;
var SLIDESPEED = 3;
var SCROLLTIMER = 5;
var SCROLLSPEED = 5;
var STARTINGOPACITY = 40;

function scrollContent(id,dir) {
  var div = document.getElementById(id);
  clearInterval(div.timer);
  var sections = document.getElementById('zpContenu2');
  //var length = sections.length;
  var limit;
  if(dir == -1) {
    limit = 0;
  } else {
    if(length > 1) {
      limit = sections/*[length-1]*/.offsetTop;
    } else {
      limit = sections/*[length-1]*/.offsetHeight - div.parentNode.offsetHeight + 20;
    }
  }
  //div.style.opacity = STARTINGOPACITY * .01;
  //div.style.filter = 'alpha(opacity=' + STARTINGOPACITY + ')';
  div.timer = setInterval( function() { scrollAnimate(div,dir,limit) }, SCROLLTIMER);
}

function scrollAnimate(div,dir,limit) {
  div.style.top = div.style.top || '0px';
  var top = div.style.top.replace('px','');
  if(dir == 1) {
	if(limit - Math.abs(top) <= SCROLLSPEED) {
	  cancelScroll(div.id);
	  //div.style.top = '-' + limit + 'px';
	} else {
	  div.style.top = top - SCROLLSPEED + 'px';
	}
  } else {
	if(Math.abs(top) - limit <= SCROLLSPEED) {
	  cancelScroll(div.id);
	  div.style.top = limit + 'px';
	} else {
	  div.style.top = parseInt(top) + SCROLLSPEED + 'px';
	}
  }
}

function cancelScroll(id) {
  var div = document.getElementById(id);
  //div.style.opacity = 1;
  //div.style.filter = 'alpha(opacity=100)';
  clearTimeout(div.timer);
}
//--------------------------------------------------------------------------------------------//



//--------------------------------------------------------------------------------------------//
//-- Fonction de scrolling -------------------------------------------------------------------//
//--------------------------------------------------------------------------------------------//
function initImage()
{
  imageId = 'theimage';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  setTimeout("fadeIn(imageId,0)",500);
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
}
//--------------------------------------------------------------------------------------------//