function doFades()
{
	initImage('pic1','picholder1');
	setTimeout("fnHide('picholder1');initImage('pic2','picholder2')", 2000);
	setTimeout("fnHide('picholder2');initImage('pic3','picholder3')", 4000);
	setTimeout("initImage('sometext4','textholder4')", 6000);
	
}


function doFadesIE()
{
	initImage('pic1','picholder1');
	setTimeout("fnHide('picholder1');initImage('pic2','picholder2')", 2000);
	setTimeout("fnHide('picholder2');initImage('pic3ie','picholder3ie')", 4000);
	
}

function doPortfolio()
{
	initImage('quoteimage.jpg','displaypic');
	setTimeout("initImage('quote','quoteholder')", 2000);	
}

function doPortfolioIE()
{
	initImage('quoteimage.ie.jpg','displaypic');
}

function fnHighlight(id)
{
	idDiv=document.getElementById(id);
	idDiv.className="selected";		

}

function navlight(id, linkarray)
{
	var q;
	for (q=0; q < linkarray.length; q++)
	{
		if ( linkarray[q] == id )
		{
			fnHighlight(linkarray[q]);
						
		} else {
		
			fnUnlight(linkarray[q]);
		
		}
	}
	
}

function fnUnlight(id)
{
	idDiv=document.getElementById(id);
	idDiv.className="notselected";		
}


function fnDisplay(containerid)
{
	idDiv=document.getElementById(containerid);
	idDiv.style.display="block";
}

function fnHide(containerid)
{
	idDiv=document.getElementById(containerid);
	idDiv.style.display="none";
}


function initImage(imageId,containerid) {
	if(containerid != undefined) {
		fnDisplay(containerid);
	}
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(imageId,0);
}

function outitImage(imageId,containerid) {
	image = document.getElementById(imageId);
	setOpacity(image, 100);
	image.style.visibility = "visible";
	fadeOut(imageId,100);
}

function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
		}
	}
}

function fadeOut(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity >= 0) {
			setOpacity(obj, opacity);
			opacity -= 5;
			window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 0);
		}
	}
}

function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	// IE/Win
	obj.style.filter = "alpha(opacity:"+opacity+")";
	// Safari <  1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}