var FadeValue=0;
var FadeIntervalHandle;
var DivDetail;

function getClientWidth()
	{
			if (self.innerWidth)
			{
				frameWidth = self.innerWidth;
			}
			else if (document.documentElement && document.documentElement.clientWidth)
			{
				frameWidth = document.documentElement.clientWidth;
			}
			else if (document.body)
			{
				frameWidth = document.body.clientWidth;
			}		
			
			return(frameWidth);
	}
	
	
	function getClientHeight()
	{
			if (self.innerWidth)
			{
				frameHeight = self.innerHeight;
			}
			else if (document.documentElement && document.documentElement.clientHeight)
			{
				frameHeight = document.documentElement.clientHeight;
			}
			else if (document.body)
			{
				frameHeight = document.body.clientHeight;
			}		
			
			return(frameHeight);
	}
	
	
	
 function GetXOffset()
	 {
				var scrOfX = 0, scrOfY = 0;
				if (typeof(window.pageYOffset) == 'number' ) {
					 //Netscape compliant
					 scrOfX = window.pageXOffset;
				} else if (document.body && document.body.scrollLeft) {
					 //DOM compliant
					 scrOfX = document.body.scrollLeft;
				} else if (document.documentElement && document.documentElement.scrollLeft) {
					 //IE6 standards compliant mode
					 scrOfX = document.documentElement.scrollLeft;
				}
				return(scrOfX);
	 }
	 
	 
	 
 function GetYOffset()
	 {
				var scrOfY = 0;
				if (typeof(window.pageYOffset) == 'number' ) {
					 //Netscape compliant
					 scrOfY = window.pageYOffset;
				} else if (document.body && document.body.scrollTop) {
					 //DOM compliant
					 scrOfY = document.body.scrollTop;
				} else if (document.documentElement && document.documentElement.scrollTop) {
					 //IE6 standards compliant mode
					 scrOfY = document.documentElement.scrollTop;
				}
				
				return(scrOfY);
	 }
	 
	 
	 
	 

function CenterDivInWindow(DivName)
	{
			var DivToCenter = document.getElementById(DivName);

			DivToCenter.style.left = (((getClientWidth()-DivToCenter.offsetWidth)/2)+GetXOffset())+"px";
			DivToCenter.style.top = (((getClientHeight()-DivToCenter.offsetHeight)/2)+GetYOffset())+"px";
			/*DivToCenter.style.left = "50%";
			DivToCenter.style.top = "50%";
			var DivToCenterLeft = DivToCenter.offsetLeft;
			DivToCenter.style.left = (DivToCenterLeft - DivToCenter.offsetWidth/2)+'px';
			var DivToCenterTop = DivToCenter.offsetTop;
			DivToCenter.style.top = (DivToCenterTop - DivToCenter.offsetHeight/2)+'px';*/
	}
	
function PlaceDivAndShow(DivName)
	{
		CenterDivInWindow(DivName);
		//BeginDivFadeIn(DivName);
        var DivToShow = document.getElementById(DivName);
        DivToShow.style.visibility='visible';
	}
	
function DivFadeIn()
	{
		/*
        FadeValue=FadeValue+0.1;
		FadeValue=Math.round(FadeValue*100)/100;
		
		if (FadeValue>1) 
			{
				FadeValue=1;
				window.clearInterval(FadeIntervalHandle);
			}
		
		FadeForIe=(FadeValue*100);
					
		DivDetail.style.MozOpacity = FadeValue;
		DivDetail.style.KhtmlOpacity = FadeValue;
		DivDetail.style.filter = "alpha(opacity=" + FadeForIe + ")";
    */
	}		


function BeginDivFadeIn(DivName)
	{			
		/*
        DivDetail = document.getElementById(DivName);
		
		FadeValue=0.0;
		FadeForIe=0;
		
		DivDetail.style.MozOpacity = FadeValue;
		DivDetail.style.KhtmlOpacity = FadeValue;
		DivDetail.style.filter = "alpha(opacity=" + FadeForIe + ")";
		
		DivDetail.style.visibility='visible';			
		
		FadeIntervalHandle=window.setInterval('DivFadeIn()',50);
    */
	}
	
	
	
	
	
function DivFadeOut()
	{
		/*
        FadeValue=FadeValue-0.1;
		FadeValue=Math.round(FadeValue*100)/100;
		
		if (FadeValue<0) 
			{
				FadeValue=0;
				window.clearInterval(FadeIntervalHandle);
				DivDetail.style.visibility='hidden';
			}
		
		FadeForIe=(FadeValue*100);
					
		DivDetail.style.MozOpacity = FadeValue;
		DivDetail.style.KhtmlOpacity = FadeValue;
		DivDetail.style.filter = "alpha(opacity=" + FadeForIe + ")";
    */
	}		


function BeginDivFadeOut(DivName)
	{			
		var DivToHide = document.getElementById(DivName);
        DivToHide.style.visibility='hidden';
        /*
        DivDetail = document.getElementById(DivName);
		
		FadeValue=1;
		FadeForIe=100;
		
		DivDetail.style.MozOpacity = FadeValue;
		DivDetail.style.KhtmlOpacity = FadeValue;
		DivDetail.style.filter = "alpha(opacity=" + FadeForIe + ")";			
		
		FadeIntervalHandle=window.setInterval('DivFadeOut()',25);
        */
	}		
	
	
	
	function PrepareDivAndShow(SiteName)
		{
				if (Site[SiteName].indexOf('http')!=-1) 
				  LocalSite="<a href=\"#\" class=\"style13\" onclick=\"window.open('"+Site[SiteName]+"','Site','');return(false);\">"+Site[SiteName]+"</a>";
				else
				   LocalSite=Site[SiteName];
					 
				document.getElementById('DetailSite').innerHTML=LocalSite;	
				document.getElementById('DetailType').innerHTML=Type[SiteName];
				document.getElementById('DetailClient').innerHTML=Client[SiteName];
				document.getElementById('DetailAnnee').innerHTML=Annee[SiteName];
				document.getElementById('DetailDuree').innerHTML=Duree[SiteName];
				document.getElementById('DetailTechnologie').innerHTML=Technologie[SiteName];
				document.getElementById('DetailPhoto').src="images/"+Photo[SiteName];			
				
						
				PlaceDivAndShow('Detail');
		}