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

var mouseOvers = new Array();
var mouseOuts = new Array();

function init()
{
	verticalCenter();
	if (!W3CDOM) return;
	var imgs =new Array();
	
	var menu = document.getElementById('menu');
	var menuImgs = menu.getElementsByTagName('img');
	
	for (i=0; i < (menuImgs.length) ; i++) {
		
		if (menuImgs[i].getAttributeNode('hsrc')) {
			imgs[i] = menuImgs[i];
		}
	}
	
	if (document.getElementById('scroll0Content')) {
		var submenu = document.getElementById('scroll0Content');
		var submenuImgs = submenu.getElementsByTagName('img')
		
		for (i=0; i < (submenuImgs.length) ; i++) {
			if (submenuImgs[i].getAttributeNode('hsrc')) {
				imgs.push(submenuImgs[i]);
			}
		}
		
	}
	
	if (document.getElementById('menu2')) {
		var submenu = document.getElementById('menu2');
		var submenuImgs = submenu.getElementsByTagName('img')
		
		for (i=0; i < (submenuImgs.length) ; i++) {
			if (submenuImgs[i].getAttributeNode('hsrc')) {
				imgs.push(submenuImgs[i]);
			}
		}
		
	}
	
	for (var i=0;i<imgs.length;i++)
	{
		if (imgs[i]) {
			imgs[i].onmouseover = mouseGoesOver;
			imgs[i].onmouseout = mouseGoesOut;
			var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
			mouseOuts[i] = new Image();
			mouseOuts[i].src = imgs[i].src;
			mouseOvers[i] = new Image();
			mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "_over" + suffix;
			imgs[i].number = i;
		}
	}
	loadedpage=true;
}

function mouseGoesOver()
{
	if (this.src!=mouseOvers[this.number].src) {
		this.src = mouseOvers[this.number].src;
	}
}

function mouseGoesOut()
{
	this.src = mouseOuts[this.number].src;
}


//Centra la plana de Login
function verticalCenter() {
	var alcadafinestra = document.documentElement.clientHeight;
	var alcadacontingut = document.getElementById("canvas").offsetHeight + document.getElementById("peu").offsetHeight + 22;
	
	if (alcadafinestra > alcadacontingut) {
		var position = Math.round((alcadafinestra-alcadacontingut)/2);
		document.getElementById("canvas").style.marginTop=position+"px";
	} else {
		document.getElementById("canvas").style.marginTop="0px";
	}
	return;
}


function show_hide(id) {
	foto=document.getElementById(id);
	if ((foto.style.display=="none") || (foto.style.display=="")) {
		foto.style.display="block";
	} else {
		foto.style.display="none";
	}
}