function addLoadEvent(func) { 
	var oldonload = window.onload; 
	if (typeof window.onload != 'function') { 
	    window.onload = func; 
	} else { 
	    window.onload = function() { 
		    if (oldonload) { 
		        oldonload(); 
		    } 
		    func(); 
		} 
	  } 
	}


function griwGetXmlHttpObject()
{
    var xmlHttp=null;
    try
    {
        xmlHttp=new XMLHttpRequest();
        
    }catch (e)
    {
        try
        {
        	xmlHttp =new ActiveXObject("Microsoft.XMLHTTP");
        } 
        catch (e) {}
    }
	return xmlHttp;
}
function griwHideImage( objId)
{
	obj = document.getElementById(objId);
   	obj.style.display="none";
   	//obj.style.visibility = 'hidden';
   //	obj.src=null;
   	obj.width=0;
   	obj.height=0;
}
function griwShowImage( objId)
{
	obj = document.getElementById(objId);
   	obj.style.display="block";
	//obj.style.visibility = 'visible';
	obj.removeAttribute("width");
	obj.removeAttribute("height");
}
//fadein code from http://clagnut.com/sandbox/imagefades/
function griwSetOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  // Safari -1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  // Safari +1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}
function griwFadeIn(objId,opacity) {
	
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      griwSetOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("griwFadeIn('"+objId+"',"+opacity+")", 50); 
    }
}
function griwFadeOut(objId,opacity) {
	obj = document.getElementById(objId);
	
    if (opacity >= 00) {
    	griwSetOpacity(obj, opacity);
      opacity -= 10;
      window.setTimeout("griwFadeOut('"+objId+"',"+opacity+")", 50);
    } else {
    	griwHideImage(objId);
    }
}
function griwCenter(objId,dx,dy)
{	
	obj = document.getElementById(objId);
	if (obj==null) alert ("object "+objid +" not found");
	obj.style.padding=dy+"px"+"  0px 0px "+dx+"px ";
}

griwDatas= new Array;
griwNb=0;
var griwPluginurl;
var griwroot;
function griwSetup(root, pluginurl )
{
	
	griwroot=root;
	griwPluginurl=pluginurl;
}
function griwAddImage( func,  maxX, maxY, imurl, fix, slide, photonum, framesize,bg , url, preload )
{	
	griwDatas[griwNb]=new Object;
	griwDatas[griwNb].f=func;	/* function name */
	griwDatas[griwNb].imgwait = func+"imgwait";
	griwDatas[griwNb].img = new Array;
	griwDatas[griwNb].img [0] = func+"img1";
	griwDatas[griwNb].img [1] = func+"img2";
	griwDatas[griwNb].cur= 0;
	griwDatas[griwNb].next= 1;
	griwDatas[griwNb].x= maxX;
	griwDatas[griwNb].y= maxY;
	griwDatas[griwNb].fix= fix;
	griwDatas[griwNb].urlu = imurl;
	griwDatas[griwNb].framesize= framesize;
	griwDatas[griwNb].photonum= photonum;
	griwDatas[griwNb].xmlHttp = griwGetXmlHttpObject();	
	griwDatas[griwNb].bg=bg;
	griwDatas[griwNb].slide=slide;
	griwDatas[griwNb].slide=slide;
	griwDatas[griwNb].url=url;
	griwDatas[griwNb].preload=preload;
	
	if(griwDatas[griwNb].xmlHttp==null)
	{
		alert("Random Image: Sorry, your browser is not supported!");
	}
	griwHideImage(griwDatas[griwNb].img [0]);
	griwHideImage(griwDatas[griwNb].img [1]);
	
	griwNb++;
}
function griwFetchComplete()
{
	
	if(this.readyState==4 )
	{
		//alert("status is " + request.status+" "+);
		if (this.status == 200)
		{
        	//|| this.readyState=="complete")
		
			//alert(this+ '-'+ this.ici+"-"+this.responseText);
			var ni= this.ici;
			var mySplitResult = this.responseText.split("|");
			/* result is composed of
			 [0] OK
			 [1] file path
			 [2] width
			 [3] height
			 [4] number
			 [5] caption
			 */	
			
			if (mySplitResult[0]=="OK")
			{
				
				ww= parseInt(mySplitResult[2]);
				hh = parseInt(mySplitResult[3]);
				griwDatas[ni].lastTx=ww;
				griwDatas[ni].lastTy=hh;
				var uu;
			
				if (griwDatas[ni].photonum== null)
				{
					// no picture frame , just the image 
					uu= griwroot+mySplitResult[1];
						
				} else {
					// preview
					 uu = griwPluginurl+"/preview.php?file="+
					 		mySplitResult[1]+"&amp;w="+griwDatas[ni].x+"&amp;h="+griwDatas[ni].y;
					 uu+='&amp;f='+griwDatas[ni].photonum+"&amp;fr="+griwDatas[ni].framesize+"&amp;bg="+griwDatas[ni].bg;
						
					 
				}
				
				document.getElementById(griwDatas[ni].img[griwDatas[ni].cur]).onerror=function()
				{
					
					var imgcur =document.getElementById(griwDatas[ni].img[griwDatas[ni].cur]);
					griwShowImage( griwDatas[ni].img[griwDatas[ni].cur]);
					//if (imgcur.src != null)
					//	imgcur.src = null;
					imgcur.alt='Error Loading '+ mySplitResult[1];
					griwFadeIn(griwDatas[ni].img[griwDatas[ni].cur], 0);
					griwFadeOut(griwDatas[ni].img[griwDatas[ni].next],100);
					griwHideImage(griwDatas[ni].imgwait);
					// setup links
					var varnum = parseInt(mySplitResult[4])-1;
					
					if ( document.getElementById(griwDatas[ni].f+"prevIm") != null)
					{
						document.getElementById(griwDatas[ni].f+"prevIm") .href="JavaScript:griwRefresh('"+griwDatas[ni].f+"', "+varnum+");";
						varnum += 2;
						document.getElementById(griwDatas[ni].f+"nextIm").href="JavaScript:griwRefresh('"+griwDatas[ni].f+"', "+varnum+");";
					}
					if (griwDatas[ni].slide> 0)
					{
						window.setTimeout("griwRefresh('"+griwDatas[ni].f+"', null)",griwDatas[ni].slide*1000);
					}
				
				}
				document.getElementById(griwDatas[ni].img[griwDatas[ni].cur]).onload=function() 
				{
					//alert (uu);
					var imgcur =document.getElementById(griwDatas[ni].img[griwDatas[ni].cur]);
					griwShowImage( griwDatas[ni].img[griwDatas[ni].cur]);
					if (griwDatas[ni].photonum== null)
					{
						// compute image size */
						var c1 = griwDatas[ni].x / griwDatas[ni].lastTx;
						var c2 = griwDatas[ni].y / griwDatas[ni].lastTy;	
						if (c1< c2)
						{
							ww = griwDatas[ni].lastTx * c1;
							hh = griwDatas[ni].lastTy * c1;
						} else {
							ww = griwDatas[ni].lastTx * c2;
							hh = griwDatas[ni].lastTy * c2;
						}	
						
					} else {
						//take real size
						hh = imgcur.naturalHeight || imgcur.height;
						ww = imgcur.naturalWidth || imgcur.width;
					}
					
					// compute center
					dx= (griwDatas[ni].x-ww)/2;
					dy= (griwDatas[ni].y-hh)/2;
					//alert(griwDatas[ni].fix );
					if (griwDatas[ni].fix == 1)
					{
						griwCenter(griwDatas[ni].img[griwDatas[ni].cur],dx,dy);
					} else {
						griwCenter(griwDatas[ni].img[griwDatas[ni].cur],dx,0);
					}
					// setup links
					var varnum = parseInt(mySplitResult[4])-1;
					
					if ( document.getElementById(griwDatas[ni].f+"prevIm") != null)
					{
						document.getElementById(griwDatas[ni].f+"prevIm") .href="JavaScript:griwRefresh('"+griwDatas[ni].f+"', "+varnum+");";
						varnum += 2;
						document.getElementById(griwDatas[ni].f+"nextIm").href="JavaScript:griwRefresh('"+griwDatas[ni].f+"', "+varnum+");";
					}
					if (griwDatas[ni].url == null)
					{
						monurl= griwroot+mySplitResult[1];
					} else {
						monurl= griwDatas[ni].url;
					}
					document.getElementById(griwDatas[ni].f+"link1").title = mySplitResult[5];
					document.getElementById(griwDatas[ni].f+"link1").href = monurl;
					document.getElementById(griwDatas[ni].f+"link2").title = mySplitResult[5];
					document.getElementById(griwDatas[ni].f+"link2").href = monurl;
					document.getElementById(griwDatas[ni].f+"link3").title = mySplitResult[5];
					document.getElementById(griwDatas[ni].f+"link3").href = monurl;
					
					document.getElementById(griwDatas[ni].img[griwDatas[ni].cur]).title = mySplitResult[5];
					document.getElementById(griwDatas[ni].img[griwDatas[ni].cur]).alt = mySplitResult[5];
					document.getElementById(griwDatas[ni].img[griwDatas[ni].next]).title = mySplitResult[5];
					document.getElementById(griwDatas[ni].img[griwDatas[ni].next]).alt = mySplitResult[5];
					document.getElementById(griwDatas[ni].imgwait).alt = mySplitResult[5];
					
					if (griwDatas[ni].fix == 0)
					{
						document.getElementById(griwDatas[ni].f+"frm").style.height= hh +"px";
					} else {
						document.getElementById(griwDatas[ni].f+"frm").style.height= griwDatas[ni].y +"px";
					}
					
					//
				//	alert (hh+'-'+ww);
					// ligne fonctionne sans frame
					if (griwDatas[ni].photonum== null)
					{
						imgcur.style.height=parseInt(hh)+"px";
					}
					
					//imgcur.style.width=parseInt(ww)+"px";
					//imgcur.style.height=hh;+"px"
					
					
					
					griwFadeIn(griwDatas[ni].img[griwDatas[ni].cur], 0);
					griwFadeOut(griwDatas[ni].img[griwDatas[ni].next],100);
					griwHideImage(griwDatas[ni].imgwait);
					
					if (griwDatas[ni].slide> 0)
					{
						window.setTimeout("griwRefresh('"+griwDatas[ni].f+"', null)",griwDatas[ni].slide*1000);
					}
					 	
					if (griwDatas[ni].preload==true)
					{
						if (document.images)
						{
							preload_image = new Image(25,25); 
							preload_image.src=  monurl;
						}
					}				  					
				}
				document.getElementById(griwDatas[ni].img[griwDatas[ni].cur]).src = uu;		
				
			}
		} 
		
	} 
}
function griwRefreshImageSet(nbApp,imgNumber)
{
	
	griwShowImage(griwDatas[nbApp].imgwait);
	if (griwDatas[nbApp].cur == 0)
	{
		griwDatas[nbApp].cur  =1;
		griwDatas[nbApp].next =0;
	}else{
		griwDatas[nbApp].cur  =0;
		griwDatas[nbApp].next =1;
	}
	
	var u= griwPluginurl+"/rnd.php?path="+griwDatas[nbApp].urlu;
	if (imgNumber != null)
	{
		u= u+"&num="+imgNumber;
	}
	//alert(u);
	
	griwDatas[nbApp].xmlHttp.ici= nbApp;
	griwDatas[nbApp].xmlHttp.onreadystatechange = griwFetchComplete;
	griwDatas[nbApp].xmlHttp.open("GET",u,true)
	griwDatas[nbApp].xmlHttp.send(null);	
}

function griwRefresh(func, imgNumber)
{
	var i=0;
	var found = false;
	while ((i<griwNb) && (found==false))
	{
		if (griwDatas[i].f == func)
		{
			found = true;
			griwRefreshImageSet(i,imgNumber);
		} else {
			i++;
		}
	}
	
	
}
function griwStart()
{
	
	var i=0;
	var found = false;
	for (i=0; i<griwNb;i++)
	{
		griwRefreshImageSet(i,null);
	}	
}