var bgimg;
var initheight;
var resized = 0;
var scrollable;
var images = new Array();


function preload() {
	var k;
	for(k = 1; k <=59; k++) {
		images[k] = new Image();
		images[k].src = "images/realisations/1/over/"+k+".gif";
	}
	
	
}

function initier() {

  if (arguments.callee.done) return;
  scrollable=0;
  
  arguments.callee.done = true;  
  bgimg = document.getElementById('bg').getElementsByTagName('img')[0];
  
  if (!bgimg) return;
  
  bgimg.onload = resizeBg;
	bgimg.src = 'images/ville.jpg';
  
  
  
  if (window.addEventListener) { window.addEventListener('resize', resizeBg, false);  } 
  else if (window.attachEvent) { window.attachEvent('onresize', resizeBg); } 
  else { window.onresize = resizeBg; }
  
  resizeBg();
}


var resizeBg = function() {

	if(resized != 1) {
		initheight = document.getElementById('zonecontente').scrollHeight;
	}
	
	
	
  var w = self.innerWidth || document.documentElement.clientWidth;
  var h = self.innerHeight || document.documentElement.clientHeight;
  
  var himage = h - 80;
  
  document.getElementById('zonecontente').style.minHeight = himage+"px";
  
  if (bgimg.width !== w) {
  	bgimg.parentNode.style.left = '0';
    bgimg.parentNode.style.top = '0';
    bgimg.height = bgimg.parentNode.height = Math.round((w / bgimg.width) * bgimg.height);
    bgimg.width = bgimg.parentNode.width = w;
     
  }
  
  document.getElementById('bg').style.marginTop = ((parseInt(document.getElementById('zonecontente').scrollHeight)+80) - parseInt(bgimg.height)) + 'px';
  
  //alert(document.getElementById('zonecontente').scrollHeight);
  //alert(document.getElementById('contenu').scrollHeight);
  
  document.body.style.height = parseInt(document.getElementById('zonecontente').scrollHeight)+80 + 'px';
  document.body.style.overflowY = "hidden";
  
  /*if (bgimg.height < h) {
    bgimg.width = bgimg.parentNode.width = Math.round((h / bgimg.height) * bgimg.width);
    bgimg.height = bgimg.parentNode.height = h;
    bgimg.parentNode.style.left = '-' + ((bgimg.width - w) / 2) + 'px';
  }*/
  
  
 /* else if (bgimg.height > h) {
    bgimg.parentNode.style.top = '-' + ((bgimg.height - h) / 2) + 'px';
  }*/
  
  resized = 1;
  
}

function vider(me) {
	me.value='';
}

function realon(idreal, ids, nb, hauteur) {
	
	document.getElementById('info'+idreal).style.visibility="visible";
	document.getElementById('info'+idreal).style.display="block";
	document.getElementById('info'+idreal).style.height=hauteur+"px";
	
	//var idsvir = ids.replace(/a/g, ',');
	var nbsep = ids.split(/a/g).length;
	
	var idsarr = new Array();
	var pos;
	
	for(k=0; k<nbsep; k++) {
		pos = ids.indexOf('a');
		
		if(pos == -1) {
			pos = ids.length;
		}
		
		idsarr.push(ids.substr('0', pos));
		ids = ids.substring(pos+1, ids.length);
	}
	
	//alert(idsarr);
	
	for(k=0; k<idsarr.length; k++) {
		//alert(idsarr[k]);
	
		if(idsarr[k] != idreal) {
	
			if(document.getElementById('real'+idsarr[k]).src.indexOf("images/realisations/1/over/"+idsarr[k]+".gif")>-1) {
				document.getElementById('real'+idsarr[k]).src= "images/realisations/1/"+idsarr[k]+".gif";
			}
			
			document.getElementById('info'+idsarr[k]).style.visibility="hidden";
			document.getElementById('info'+idsarr[k]).style.display="none";
			document.getElementById('info'+idsarr[k]).style.height="0px";
		}
	}
}


function realout(ids, nb) {

	var nbsep = ids.split(/a/g).length;
	
	var idsarr = new Array();
	var pos;
	
	for(k=0; k<nbsep; k++) {
		pos = ids.indexOf('a');
		
		if(pos == -1) {
			pos = ids.length;
		}
		
		idsarr.push(ids.substr('0', pos));
		ids = ids.substring(pos+1, ids.length);
	}

	for(k=0; k<idsarr.length; k++) {
		if(document.getElementById('real'+idsarr[k]).src.indexOf("images/realisations/1/over/"+idsarr[k]+".gif")>-1) {
			document.getElementById('real'+idsarr[k]).src= "images/realisations/1/"+idsarr[k]+".gif";
		}
		
		document.getElementById('info'+idsarr[k]).style.visibility="hidden";
		document.getElementById('info'+idsarr[k]).style.display="none";
		document.getElementById('info'+idsarr[k]).style.height="0px";
		
	}

	
}