function getNaturalHeight(img)
	{
		if(typeof img.naturalHeight == "undefined") 
			{
				var temp_image = new Image();
				temp_image.src = img.src;
				return temp_image.height;
			} 
		else 
			{
				return img.naturalHeight;
			}
	}

function getNaturalWidth(img)
	{
		if(typeof img.naturalWidth == "undefined")
			{
				var temp_image = new Image();
				temp_image.src = img.src;
				return temp_image.width;
			}
		else
			{
				return img.naturalWidth;
			}
	}


function getNaturalWidthopera(kwa){
	return kwa.width;
	}

function getNaturalHeightopera(kwa){
	return kwa.height;
	}



function aff(kwa) 
	{
//content,num,nav

		nw=getNaturalWidth(kwa);
		nh=getNaturalHeight(kwa);

//		alert(sourceimg+" "+nw+" "+nh)

		cacher();
		w=window.screen.availWidth;
		h=window.screen.availHeight;
		

		hv=nh;
		wv=nw;


		if(nh>(h-100) || nw>(w-100))
			{
				if(nh<nw)
					{
						wv=w*72/100;
						r=nw/nh;
						hv=wv/r;
					}
				else
					{
						hv=h*85/100;
						r=nh/nw;
						wv=hv/r;
					}

			}





		placew=Math.floor((w-wv)/2);
		placeh=Math.floor((h-hv)/2)-20;
		

		if (navigator.appName != 'Microsoft Internet Explorer')
			{
		r=hv/wv;
		hv=hv-50;
		wv=hv/r;
		placeh=placeh-25;
			}


		if(nw>300)
			{
				opag=100;
				opad=100;	

				document.getElementById('grand').innerHTML='<center><img style="width:'+wv+'px; height:'+hv+'px; padding:3px; border: 1px solid #AAAAAA; background:#6E0B14; " src="'+kwa.src+'" onclick="cacher()"></center>';

			
 

				//box-shadow: 6px 6px 72px #AAA; -moz-box-shadow: 6px 6px 72px #AAA; -webkit-box-shadow:6px 6px 72px #AAA; filter:progid:DXImageTransform.Microsoft.Glow(Color=#c0c0c0,Strength=12); zoom: 1;


				/*
						opag=0;
						opad=0;	
						avant="";
						apres="";
						flecheavant="";
						flecheapres="";
	
				
								elt=kwa;
								for (var i = 0; i < elt.childNodes.length; i++)
									{
								       		//elt.childNodes(i);
							     		}

		
				
								if(num>0)
									{
						//document.getElementById('"+content+"').childNodes['"+(num-1)+"']

										avant="aff('"+content+"',"+(num-1)+")";
										flecheavant="<";
										opag=5;
									}
								if(num<(i-1))
									{
										opad=5;
										apres="aff('"+content+"',"+(num+1)+")";
										flecheapres=">";
									}
								//alert(document.getElementById(content).childNodes[num].innerHTML+"-"+num+"-"+content);
				*/


						document.getElementById('surgrand').style.width="100%";

						document.getElementById('surgrand').style.height=hv+"px";
				document.getElementById('surgrand').innerHTML='<center><table style="width:'+wv+'px; height:'+hv+'px; padding:3px; "><tr><td style="width:35px; valign:middle; cursor:default;"><h1 style="padding:0 0 0 0"></h1></td><td valign="top" align="right" onclick="cacher()" style="width: '+(wv-70)+'px;"><img src="http://www.lechateau-valensole.com/images/croix25.png" style="padding:5px;"></td><td style="width:35px; cursor:default;"><h1 style="padding:0 0 0 0"></h1></td></tr></table></center>';






				/*
						document.getElementById('surgrand').innerHTML='<center><table style="width:'+wv+'px; height:'+hv+'px"><tr><td style="width:5%; valign:middle; background:black; opacity:0.5; filter:alpha(opacity=50)"><h1 style="padding:0 0 0 0"><center><span onclick="imgprecedente()" style="color:white"><b><</b></span></center></h1></td><td style="width:90%" onclick="cacher()"><span>&nbsp;</span></td><td style="width:5%; background:black; opacity:0.5; filter:alpha(opacity=50)"><h1 style="padding:0 0 0 0"><center><span onclick="imgsuivante()" style="color:white"><b>></b></span></center></h1></td></tr></table></center>';

				*/




				/*

				<div style="background: none repeat scroll 0% 0% red; position: absolute; left: 0px; top: 193px; width: 100%; height: 290px; visibility: visible;" id="surgrand"><center><table style="width: 635px; height: 290px;" border=1><tbody><tr><td style="width: 5%;"><h1><span onclick="imgprecedent()">&lt;</span></h1></td><td style="width: 90%;">&nbsp;</td><td style="width: 5%;"><h1>&gt;</h1></td></tr></tbody></table></center></div>
				*/


				// box-shadow: 6px 6px 72px #FFAF95;  

						document.getElementById('grand').style.width="100%";
						document.getElementById('grand').style.height="95%";
						document.getElementById('grand').style.visibility="visible";



						document.getElementById('surgrand').style.visibility="visible";


/*
alert('windowW:'+w+' windowH:'+h)
alert('wn:'+wv+' hn:'+hv)
alert('left:'+placew+' top:'+placeh)

alert(document.documentElement.scrollTop+'+'+placeh)
*/

nav=navigator.userAgent;


placew=0;


scroll1=document.body.scrollTop*1;
scroll2=document.documentElement.scrollTop*1;
//alert(placeh+"-"+scroll1+"-"+scroll2);
if(scroll1>0)
	{
		placeh+=scroll1;
	}

if(scroll2>0)
	{
		placeh+=scroll2;
	}
/*
alert("scroll scrollTop: "+document.body.scrollTop*1)
alert("scroll documentElement: "+document.documentElement.scrollTop*1)
*/



		document.getElementById('grand').style.left=placew+"px";
//		alert("Resultat left: "+document.getElementById('grand').style.left)
		
		document.getElementById('grand').style.top=placeh+"px";



		document.getElementById('surgrand').style.left=placew+"px";
		document.getElementById('surgrand').style.top=placeh+"px";



			}

	}

function cacher() 
	{
		document.getElementById('grand').style.visibility="hidden";
		document.getElementById('surgrand').style.visibility="hidden";
	}