var W3CDOM = (document.createElement && document.getElementsByTagName);

window.onload = init;

function init()
{
	if (!W3CDOM) return;
	var nav = document.getElementById('content');
	//var aff = document.getElementById('persInfo');
	var navelems = nav.getElementsByTagName('a');
	var el;	
	var em;
	for (var i=0;i<navelems.length;i++)
	{
		el = navelems[i].parentNode.className;
		em = navelems[i].parentNode.parentNode.className;
		var regexp = /thumbContainer/;
		if(el.match(regexp))
		{
		navelems[i].onmouseover = mouseGoesOver;
		navelems[i].onmouseout = mouseGoesOut;
		}
		else if(em.match(regexp))
		{
		navelems[i].onmouseover = mouseGoesOver2;
		navelems[i].onmouseout = mouseGoesOut2;
		}
	}
}

function fadeOpacity(object, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;
    //determine the direction for the blending, if start and end are the same nothing happens
		//object.style.border="1px solid red";
    if(opacStart > opacEnd) {
        for(var i = opacStart; i >= opacEnd; i--) {
            setTimeout(function() {changeOpac(object,i);},(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(var i = opacStart; i <= opacEnd; i++)
            {
            setTimeout(function() {changeOpac(object,i);}, (timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers. opacity = 0..100
function changeOpac(object, opacity) {
    object.style.opacity = (opacity / 100);
    object.style.MozOpacity = (opacity / 100);
    object.style.KhtmlOpacity = (opacity / 100);
		if(object.filters) {
    object.filters.alpha.opacity = opacity;
		}
}

function mouseGoesOver()
{
	var imagenode=this.parentNode.getElementsByTagName('img')[0];
	if(this.parentNode.getElementsByTagName('a')[1]) {
		this.parentNode.getElementsByTagName('a')[1].style.textDecoration="underline";
	}
	if(imagenode) {
		changeOpac(imagenode, 100);
	}
}

function mouseGoesOver2()
{
	var imagenode=this.parentNode.parentNode.getElementsByTagName('img')[0];
	this.style.textDecoration="underline";
	if(imagenode) {
		changeOpac(imagenode, 100);
	}
}

function mouseGoesOut()
{
	var imagenode=this.parentNode.getElementsByTagName('img')[0];
	if(this.parentNode.getElementsByTagName('a')[1]) {
		this.parentNode.getElementsByTagName('a')[1].style.textDecoration="none";
	}
	if(imagenode) {
		changeOpac(imagenode, 80);
		//fadeOpacity(imagenode, 100, 60, 50);
	}
} 


function mouseGoesOut2()
{
	var imagenode=this.parentNode.parentNode.getElementsByTagName('img')[0];

	this.style.textDecoration="none";
	if(imagenode) {
		changeOpac(imagenode, 80);
	}
}