//-------FADE IN------------------------------------------------
//-------Retocado del original de Richard Rutter por xtylux-----
//Es un array por si queremos ocultar más capas
var imageId = ['fade'];
//Recorremos todos los id con fade para después ocultarlas con css en la cabecera
var estilo = "";
for(i=0;i<=imageId.length-1;i++){
	estilo += '#'+imageId[i]+'{visibility:hidden;}';
}
document.write("<style type='text/css'>"+estilo+"</style>");
function initImage(img) {
	image = document.getElementById(img);
	setOpacity(image, 0);
	image.style.visibility = "visible";
	fadeIn(img,0);
}
function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 1;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 10);
		}
	}
}
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;
}

//-------//fade in-----------------------------------