var divs=new Array('div1','div2','div3','div4');
var timeopacty;
var opacty = 100;
var opendiv='div1';
var newdiv;
function runEffect(divid){
if(divid != opendiv)
{
document.getElementById(divid).style.zIndex=9;
if(opendiv != null) timeopacty = setInterval("opacity()",1)
var pdiv = document.getElementById("slideplace");
document.getElementById(divid).style.top = pdiv.style.top;
document.getElementById(divid).style.left = pdiv.style.left;
document.getElementById(divid).style.width = pdiv.style.width;
document.getElementById(divid).style.height = pdiv.style.height;
//get effect type from 
var options = {};	
//run the effect
for(var i=0;i<divs.length;i++)
	{
		divdata = document.getElementById(divs[i]);
		if(divs[i]==divid) 
		{
			divdata.style.zIndex=10;
			document.getElementById("img"+i).src = "images/tab-over-0"+(i+1)+".gif";
		}
		else 
		{
			divdata.style.zIndex=0;
			divdata.style.display = "none";
			document.getElementById("img"+i).src = "images/tab-out-0"+(i+1)+".gif";
		}
		divdata.style.filter = "alpha(opacity=100)";
		divdata.style.MozOpacity = 100;
	}

var thdiv = '#'+divid;

$(thdiv).show('slide',options,500,endslide);
newdiv = divid;


}
}
function opacity()
{
	opacty -= 3;
	document.getElementById(opendiv).style.MozOpacity = opacty/100;
	document.getElementById(opendiv).style.filter = "alpha(opacity="+opacty+")";
	if(opacty ==0)
	{ 
		clearInterval(timeopacty);
		opendiv = newdiv;
		
	}
	
}

function endslide()
{
	var divdata;
	
	clearInterval(timeopacty);
	opacty=100;
	opendiv = newdiv;
}