

	function fadeImagesInit(images1, images2, images3, baseURL) {
	
	
		wait = 4000; //4 seconds
		
		//first create 3 new image holders and place on top of existing 3
		
		for(i=1;i<4;i++) {
		
			img_overlay = document.getElementById('about_image_overlay'+i);

			if (i == 1) {
				imageList = images1.split(",");
			} else if (i == 2) {
				imageList = images2.split(",");
			} else {
				imageList = images3.split(",");
			}
			
			img_overlay.src = baseURL+'/images/about_images/'+imageList[1];
			//document.getElementById('about_images').appendChild(img_overlay);
			//document.getElementsByTagName('body')[0].appendChild(img_overlay);
		}
		
		cycle = 2;
		if (cycle > imageList.length-2) {
			cycle = 0;
		}
		
		//setTimeout(fadeImages, wait, images1, images2, images3, baseURL, cycle, wait);
		setTimeout(function(){fadeImages(images1, images2, images3, baseURL, cycle, wait)}, wait);
	}
		
	
	function fadeImages(images1, images2, images3, baseURL, cycle, wait) {
		
		for(i=1;i<4;i++) {
		
			img = document.getElementById('about_image'+i);
			overlay_img = document.getElementById('about_image_overlay'+i);
			imageList = new Array;
			if (i == 1) {
				imageList = images1.split(",");
			} else if (i == 2) {
				imageList = images2.split(",");
			} else {
				imageList = images3.split(",");
			}
			
			
			//imageList = ["1.jpg", "2.jpg"];
			
			
			if (overlay_img.style.display == 'none') {
			
				Effect.Appear('about_image_overlay'+i, {duration: 1.0});
				Effect.Fade('about_image'+i, {duration: 1.0, to: 0.01});
				setTimeout(changeSrc, 1200, 'about_image'+i, baseURL+'/images/about_images/'+imageList[cycle]);

			} else {
			
				Effect.Appear('about_image'+i, {duration: 1.0});
				Effect.Fade('about_image_overlay'+i, {duration: 1.0});
				setTimeout(function(){changeSrc('about_image_overlay'+i, baseURL+'/images/about_images/'+imageList[cycle])}, 1200);
			}
			
		}
		
		cycle = cycle+1;
		if (cycle > imageList.length-2) {
			cycle = 0;
		}
		
		//setTimeout(fadeImages, wait, images1, images2, images3, baseURL, cycle, wait);
		setTimeout(function(){fadeImages(images1, images2, images3, baseURL, cycle, wait)}, wait);	
	}
	
	
	function changeSrc(img, file) {
		//alert(img);
		document.getElementById(img).src = file;
	}
	
	
	 function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }

