// Load thumbs
function initImage() {

	i = 1;

	while (true) {

		imageId = 'load' + i;
		obj = document.getElementById(imageId);
		if (obj == null) break;
		setOpacity(imageId, 0);
		obj.style.visibility = "visible";
		fadeIn(imageId);
		i++;

	}

}
delay=10;

function fadeIn(objId) {
	
	opacity = 1;
	if (document.getElementById) {
		while (opacity <= 100) {
			window.setTimeout("setOpacity('"+objId+"',"+opacity+")", delay);
			opacity += 1;
			delay += 7; // modify to change fade speed
		}
	}
}

function setOpacity(objId, opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		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;
	}
}

// Filtre dels projectes
function init(){
	if (window.name == 0 ) {
		for(var i=2; i<=4; i++){
	    	document.getElementById('portafolio1').style.display = 'block';
	    	document.getElementById('portafolio'+i).style.display = 'none';
		}
	} else {
		viewSection(window.name);
	}
}	

function viewSection(id){
	window.name=id;
    for (var i=1; i<=4; i++){
    	if(i!=id){
    		document.getElementById('portafolio'+i).style.display = 'none';
    	}else{
    		document.getElementById('portafolio'+i).style.display = 'block';
    		var portafolio = document.getElementById("inferior");
    		var ullist=portafolio.getElementsByTagName("li");
    		for (var x=0; x<ullist.length; x++) {
    			ullist[x].className="";
    			ullist[id-1].className="active";
    		}
    	}
    }
}  

window.onload = function() {
	initImage();
	init();
}