//change the opacity for different browsers

 function xFadeIn(opacity,idx)
 {
       //alert("in xFadeIn  -- opacity ="+opacity+" -- idx ="+idx);
      var objcell2=document.getElementById(idx).style;
        objcell2.opacity = (opacity / 100);
	    objcell2.MozOpacity = (opacity / 100);
	    objcell2.KhtmlOpacity = (opacity / 100);
	    objcell2.filter = "alpha(opacity=" + opacity + ")";
 }
 
  function xFadeOut(opacity,idx)
  {
  	//alert("in xFadeIn  -- opacity ="+opacity+" -- idx ="+idx);
	var objopac = 100-opacity;
	var objcell1=document.getElementById(idx).style;
	    objcell1.opacity = (objopac / 100);
	    objcell1.MozOpacity = (objopac / 100);
	    objcell1.KhtmlOpacity = (objopac / 100);
	    objcell1.filter = "alpha(opacity=" + objopac + ")";	
  }
 
 function changeOpac(opacity)
  {
           //alert("in changeOpac - opacity = " + opacity+"  -- iFlagCell ="+iFlagCell+" -- iflagOpac ="+iflagOpac+" -- iCell ="+iCell);
	    if (opacity >= 100)
		   {  
		   iFlagOpec = 10;
		   }
		
         //alert(" at IFlagCell test -- iFlagCell ="+iFlagCell+" -- iCell ="+iCell+" -- opacity ="+opacity);
		 if (iCell == 2)
	    {
			   //alert("at cell fadein fadeout");
		       xFadeIn(opacity,cellWriteOpacity2);
		       xFadeOut(opacity,cellWriteOpacity1);
			   
			   //alert("image fadein fadeout");
			   xFadeIn(opacity,ImgOpacity2);
		       xFadeOut(opacity,ImgOpacity1);
		}

		      if  (iCell == 1)
		     {	
		        xFadeIn(opacity,cellWriteOpacity1);
		        xFadeOut(opacity,cellWriteOpacity2);
				
				//alert("image fadein fadeout)
				xFadeIn(opacity,ImgOpacity1);
		        xFadeOut(opacity,ImgOpacity2);
		     }
	
               //var xy = document.getElementById('cellWrite2').style.opacity;
               //var xx = document.getElementById('cellWrite1').style.opacity;	
	           //var xz = document.getElementById(idx).style.opacity
		       //alert("in changeOpac -- cellWrite2 opacity = "+xy+" -- cellWrite1 opacity = "+xx+" -- idx = "+idx+"  -- photo opacity = "+xz+" -- iflagOpac = "+iflagOpac)
	    
		
		if (iFlagOpec == 10) 
	    {
		      //alert(" at replace background image with current image -- opacity ="+opacity+" -- icell ="+icell+" -- xcellWrite ="+xcellWrite)
	   var jcell = iCell;
	       if (jcell == 2)
		   {
		     iCell =1;
			 xCellWrite  = cellWriteOpacity1;
			 imageCur = ImgOpacity1;
		   }
		   if (jcell == 1)
		   {
		     iCell = 2;
			 xCellWrite  = cellWriteOpacity2;
			 imageCur = ImgOpacity2;
		   }
		   if (iFwdBack == 1)
		   {
		   GotoNextCycle();
		   }
		   else
		   {
		    BackOneCycle();
		   }
		   if(FadeinStarted == 1 && iFlagOpec == 10)
		   {
		     FadeinStarted = 0;
		   }
        }
  }

 function blendimage (millisec)
 { 
    //Set Controls for the fade in fade out process
    var speed = Math.round(millisec / 100); 
    var timer = 0; 
     
     iFlagOpec= 0;
	  FadeinStarted =1;
	 //setTimeout("fadeInOutComplete()",(millisec*1.1))
    //fade in new image  fade out the current image
    for(i = 0; i <= 100; i++)
	 { 
        var reCurCallA="changeOpac(" + i + ")";
        timerID1 =setTimeout(reCurCallA,(timer*speed*1.1));
        timer++;	
    }
     //fadeInOutComplete()
}

 function fadeInOutComplete()
  {
    FadeinStarted =0;
  }