// JavaScript Document

function showBoxes()
{	
	for(j=1;j<=9;j++){
	   //speed for each frame 
		var speed = Math.round((500+j*100) / 100); 
		var timer = 0; 
		opacStart=0;
		opacEnd=100;
		for(i = opacStart; i <= opacEnd && checkOpacity("b"+j)!=false; i++) 
		{ 
			setTimeout("changeOpac(" + i + ",'b" + j + "')",(timer * speed)); 
			timer++; 
		} 
	}
}

function showBoxe(e)
{	
   //speed for each frame 
	var speed = Math.round(500 / 100); 
	var timer = 0; 
	opacStart=0;
	opacEnd=100;
	for(i = opacStart; i <= opacEnd && checkOpacity(e.id)!=false; i++) 
	{ 
		setTimeout("changeOpac(" + i + ",'" + e.id + "')",(timer * speed)); 
		timer++; 
	}
	
}
function checkOpacity(id)
{
	var object = document.getElementById(id).style;
    if(object.opacity !=0 && object.opacity!=null){
		return false;
	}
	if(object.MozOpacity !=0 && object.MozOpacity!=null){
		return false;
	}
    if(object.KhtmlOpacity !=0 && object.KhtmlOpacity!=null) {
		return false;
	}
	return true;
}

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}
 
if(navigator.appName=="Netscape"){
	setTimeout("showBoxes()",5000);
}
else{
	setTimeout("showBoxes()",5000);
}