var myWidth = 0, myHeight = 0;
var scrOfX = 0, scrOfY = 0;

/********************************************************************************/
/* Calculate totale screen height and width and scrolling offset.
/* Results are in global variables
/********************************************************************************/
function GetMyWidthHeightAndScrollingOffset() {
	// Get visible size
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
	
	// Get scrolling offset
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
	
}

/********************************************************************************/
/* Display grey shader all aaround the screen to prevent user from clicking around
/********************************************************************************/
function PlaceShaderWindow() {
	GetMyWidthHeightAndScrollingOffset();

// Place shader in middle of screen
	document.getElementById('popupShader').style.display = 'block';
	document.getElementById('popupShader').style.top = "0px";
	document.getElementById('popupShader').style.height = myHeight-2 + "px";
	document.getElementById('popupShader').style.width = myWidth-2 + "px";
	document.getElementById('popupShader').style.left = "0px";
}

/********************************************************************************/
/* Display Popup Box: Ecrire Message Livre d'or
/********************************************************************************/
function PlacePopupEcrireMsgWindow() {
	GetMyWidthHeightAndScrollingOffset();

	// Place popup in middle of screen
	document.getElementById('popupEcrireMsg').style.display = 'block';
	document.getElementById('popupEcrireMsg').style.top = 100+scrOfY +"px";
	document.getElementById('popupEcrireMsg').style.width = "400px";
	document.getElementById('popupEcrireMsg').style.left = Math.floor(myWidth /2)+scrOfX-200 +"px";
}

/********************************************************************************/
/* Display both Popup Box and Shader
/********************************************************************************/
function DisplayEcrireMsg() {
	//Scroll page up
	this.scroll(1,1);
	
	PlaceShaderWindow();
	PlacePopupEcrireMsgWindow();
}

/********************************************************************************/
/* Remove both Popup Box and Shader
/********************************************************************************/
function CloseEcrireMsgPopup(){
	document.getElementById('popupEcrireMsg').style.display='none';
	document.getElementById('popupShader').style.display='none';	
}


/********************************************************************************/
/* Display a photo from thumb to central size
/* orientation = horizontal or vertical
/* newImgURL = URL of photo to display
/* CadreName = cadre image filename whithout _v.jpg nor _h.jpg
/********************************************************************************/
function swapImage(orientation,newImgURL,CadreName){
	var fairePart = document.getElementById("fairePart");
	var photo = document.getElementById("photoCentrale");
	
	if (orientation=="horizontal") {
		// image is horizontal
		photo.style.left = "73px";
		photo.style.top = "121px";
		photo.style.width = "384px";
		photo.style.height = "288px";
		photo.style.background = "url(" + newImgURL + ")";
		photo.style.backgroundRepeat = "no-repeat";
		
		fairePart.style.left = "0px";
		fairePart.style.top = "0px";
		fairePart.style.width = "530px";
		fairePart.style.height = "530px";
		fairePart.style.background = "url(cadres/" + CadreName + "_h.jpg)";
		fairePart.style.backgroundRepeat = "no-repeat";
		
	} else {
		// image is vertical
		photo.style.left = "121px";
		photo.style.top = "73px";
		photo.style.width = "288px";
		photo.style.height = "384px";	
		photo.style.background = "url(" + newImgURL + ")";
		photo.style.backgroundRepeat = "no-repeat";
		
		fairePart.style.left = "0px";
		fairePart.style.top = "0px";
		fairePart.style.width = "530px";
		fairePart.style.height = "530px";	
		fairePart.style.background = "url(cadres/" + CadreName + "_v.jpg)";
		fairePart.style.backgroundRepeat = "no-repeat";
	}


	// Fade in
	new Rico.Effect.FadeTo( 'centralZone', 1, 500, 5 );
}


/********************************************************************************/
/* Display a photo from thumb to central size
/* First the function fade out displayed picture then 
/* call the function swapImage which will display the new one  
/********************************************************************************/
function viewPhoto(orientation,newImgURL,CadreName){
	// Fade out	
	new Rico.Effect.FadeTo( 'centralZone', 0, 500, 5, {complete:function() {swapImage(orientation,newImgURL,CadreName)}} );
}



/********************************************************************************/
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

/********************************************************************************/
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

/********************************************************************************/
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

/********************************************************************************/
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_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];}}
}