var pause2 = false;
var fadeimage = 1;
var opacity2= new Array(2);

opacity2=100;

function init() {
	

	styleinfo="style='width: 505px; height: 362px;"
	if((navigator.appName) == "Microsoft Internet Explorer") {
		styleinfo+="position:absolute;'"
	}  else {
		styleinfo+="position: absolute; -moz-opacity: 1.0;'"
	}
	
	
	styleinfo2="style='width: 505px; height: 362px;"
	if((navigator.appName) == "Microsoft Internet Explorer") {
		styleinfo2+="position:relative; filter:Alpha(opacity=100); '"
	} 	 else {
		styleinfo2+="position: absolute; filter:Alpha(opacity=0); top: -362px; left: 0px; -moz-opacity: 1.0; '"
	}
	

	document.getElementById("fadingimagesarea2").innerHTML = "<div id='fadingimage2' name='fadingimage2' "+styleinfo+"><img src='./images/LP1sm.jpg'></div><div id='fadingimage2' name='fadingimage2' "+styleinfo+"><img src='./images/LP2sm.jpg'></div>";

	
		  	

	styleinfo="style='width: 509px; height: 388px;"
	if((navigator.appName) == "Microsoft Internet Explorer") {
		styleinfo+="position:absolute;'"
	}  else {
		styleinfo+="position: absolute; -moz-opacity: 1.0;'"
	}
	
	
	styleinfo2="style='width: 509px; height: 388px;"
	if((navigator.appName) == "Microsoft Internet Explorer") {
		styleinfo2+="position:relative; filter:Alpha(opacity=100); '"
	} 	 else {
		styleinfo2+="position: absolute; filter:Alpha(opacity=0); top: -388px; left: 0px; -moz-opacity: 1.0; '"
	}
	

	document.getElementById("fadingimagesarea3").innerHTML = "<div id='fadingimage3' name='fadingimage3' "+styleinfo+"><img src='./images/LPi1sm.jpg'></div><div id='fadingimage3' name='fadingimage3' "+styleinfo+"><img src='./images/LPi2sm.jpg'></div>";
	
	
	
	opacitypause2 = setInterval("fade()",20);  // 20 is the delay, in ms, between each step opacity increase
	pause2=true;
	startpause2 = setTimeout("pause2=false",2500); // 2s delay before fading starts
}

function fade() {
	if(pause2)return;

	opacity2=opacity2-(2*fadeimage-1); //the 1's is the delta opacity between each step

	
 	  
	 if((navigator.appName) == "Microsoft Internet Explorer") {
	  document.getElementsByName("fadingimage2")[1].style.filter = "alpha(opacity=" + opacity2 + ")";
	  document.getElementsByName("fadingimage3")[1].style.filter = "alpha(opacity=" + opacity2 + ")";
     } else {
      document.getElementsByName("fadingimage2")[1].style.MozOpacity = opacity2/100;
	  document.getElementsByName("fadingimage3")[1].style.MozOpacity = opacity2/100;
 	}
	  
	  
	if ((opacity2<1)||(opacity2>99)) {
      fadeimage=1-fadeimage;
	  pause2 = true;
	  endpause2 = setTimeout("pause2=false",2500);
	}
}