function updateHorizontalAxeScroll(idToScroll, id) {
   var oDiv = window.document.getElementById(idToScroll);
   //var xPos = parseInt(oDiv.style.left);
   var xPos = - window.document.getElementById(id).scrollLeft;
   oDiv.style.left = xPos;
}

function updateVerticalAxeScroll(idToScroll, id) {
   var oDiv = window.document.getElementById(idToScroll);
   //var yPos = parseInt(oDiv.style.top);
   var yPos = - window.document.getElementById(id).scrollTop;
   oDiv.style.top = yPos;
}

function updateHorizontalAxeScrollInverse(idToScroll, id,idConteneur) {
	var left=parseInt(document.getElementById(id).style.left);
	var scroller;
	if (left)
		scroller=document.getElementById(idConteneur).scrollLeft-parseInt(document.getElementById(id).style.left);
	else
		scroller=document.getElementById(idConteneur).scrollLeft;
	if (scroller!=0){
		document.getElementById(idConteneur).scrollLeft=0;
		document.getElementById(id).style.left=-scroller-50;
		var oDiv = window.document.getElementById(idToScroll);
   		oDiv.scrollLeft = scroller+50;
   	}
}

function updateVerticalAxeScrollInverse(idToScroll, id,idConteneur) {
	var top=parseInt(document.getElementById(id).style.top);
	var scroller;
	if (top)
		scroller=document.getElementById(idConteneur).scrollTop-parseInt(document.getElementById(id).style.top);
	else
		scroller=document.getElementById(idConteneur).scrollTop;
	if (scroller!=0){
		document.getElementById(idConteneur).scrollTop=0;
		document.getElementById(id).style.top=-scroller-50;
		var oDiv = window.document.getElementById(idToScroll);
   		oDiv.scrollTop = scroller+50;
   	}
}

function scroll(){
	updateVerticalAxeScroll('scrollY','tab');
	updateHorizontalAxeScroll('scrollX','tab');
}

function scrollInverse(){
	updateVerticalAxeScrollInverse('tab','scrollY','conteneurY');
	updateHorizontalAxeScrollInverse('tab','scrollX','conteneurX');
	return false;
}

window.onresize = function() {
	reSize();
}

function reSize(){
	var offsetW=25;
	var offsetH=36;
	/*if (navigator.appName=="Netscape"){
		offsetW=10;
		offsetH=22;
	}*/
	var largFooter=document.getElementById('footer').offsetHeight;
	var myY=document.getElementById('myPage').offsetTop;
	var larg = (document.body.clientWidth);
	var haut = (document.body.clientHeight);
	var nomsWidth=document.getElementById('calle').style.width.substring(0,document.getElementById('calle').style.width.length-2);
	var nomsHeight=document.getElementById('calle').style.height.substring(0,document.getElementById('calle').style.height.length-2);
	
	document.getElementById('myPage').style.width=larg-offsetW;
	document.getElementById('tab').style.width=larg-nomsWidth-offsetW;
  	document.getElementById('scrollX').style.width=larg-nomsWidth-offsetW;
  	
  	document.getElementById('myPage').style.height=Math.max(haut-offsetH-largFooter-myY,150);
 	document.getElementById('tab').style.height=Math.max(haut-nomsHeight-offsetH-largFooter-myY,150);
  	document.getElementById('scrollY').style.height=Math.max(haut-nomsHeight-offsetH-largFooter-myY,150);
  	
  	var tropX=document.getElementById('scrollX').offsetWidth-document.getElementById('contenuX').offsetWidth;
  	if (tropX>0){
  		document.getElementById('myPage').style.width=larg-offsetW-tropX+20;
		document.getElementById('tab').style.width=larg-nomsWidth-offsetW-tropX+20;
  		document.getElementById('scrollX').style.width=larg-nomsWidth-offsetW-tropX+20;
  	}
  	
  	var tropY=document.getElementById('scrollY').offsetHeight-document.getElementById('contenuY').offsetHeight;
  	if (tropY>0){
  		document.getElementById('myPage').style.height=haut-offsetH-largFooter-myY-tropY+20;
 		document.getElementById('tab').style.height=haut-nomsHeight-offsetH-largFooter-myY-tropY+20;
  		document.getElementById('scrollY').style.height=haut-nomsHeight-offsetH-largFooter-myY-tropY+20;
  	}
}