// ESTATS DEL CORE

var S_INIT = 0;
var S_HOME = 1;
var S_CONCERTS = 2;
var S_AUDIO = 3;
var S_FOTOS = 4;
var S_CONTACT = 5;
var S_LINKS = 6;

//ESTAT ACTUAL I SEGUENT
var actualState;
var nextState;

// ESTATS DELS COMPONENTS

var S_B120 = 0;
var S_LLUIS = 1;
var S_ALBERT = 2;
var S_FERRAN = 3;
var S_OSCAR= 4;
var S_JORDI = 5;
var S_PERE = 6;

// COMPONENT ACTUAL I SEGUENT
var actualComp;
var nextComp;

// Funcio onload (main del core)

function init(){
		
		actualState = S_HOME;
		nextState = S_HOME;
		actualComp = S_B120;
		showBanner();
		showMenu();
		var t = setTimeout("actState(actualState, nextState);", 10);
	
}

// Abreviatura del getElementById

function $(div_id){
	
	return document.getElementById(div_id);
	
}

// Funcio que fa apareixer el banner en un segon, 10 fps.

function showBanner(){
	$("imatge").style.visibility = "visible";
	for(i=10; i<=10; i++){
		var t=setTimeout("$(\"imatge\").style.opacity = "+ i/10 +";",i*10);
	}
}

// Funcio que fa apareixer el menu en dos segons, 10 fps.

function showMenu(){
	
	$("menu").style.visibility = "visible";
	
	var t=setTimeout("showB1()",10);
	
	var t=setTimeout("showB2()",10);
	
	var t=setTimeout("showB3()",10);
	
	var t=setTimeout("showB4()",10);
	
	var t=setTimeout("showB5()",10);
	
	var t=setTimeout("showB6()",10);
	
}

function showB1(){
	for(i=10; i<=10; i++){
		var t=setTimeout("$(\"Inici\").style.opacity = "+ i/10 +";",i*10);
	}
}

function showB2(){
	for(i=10; i<=10; i++){
		var t=setTimeout("$(\"Material\").style.opacity = "+ i/10 +";",i*10);

	}
}
function showB3(){
	for(i=10; i<=10; i++){
		var t=setTimeout("$(\"Contacte\").style.opacity = "+ i/10 +";",i*10);
}	
	}
	
	
// IMPORTANTISSIM!!! function actState(); -- es un manager dels modules, rep state i next_state i executa!!!

function actState(actualState, nextState){

	
	switch (actualState){
		
		case (S_HOME):
			hideHome();
			break;
		
		case (S_CONCERTS):
			hideConcerts();
			break;
		
		case (S_AUDIO):
			hideAudio();
			break;
		
		case (S_FOTOS):
			hideFotos();
			break;
		
		case (S_CONTACT):
			hideContact();
			break;
		
		case (S_LINKS):
			hideLinks();
			break;
	} // END SWITCH
	
	switch (nextState) {
	
		case (S_HOME):
			var t = setTimeout("showHome();", 10);
			break;
			
		case (S_CONCERTS):
			var t = setTimeout("showConcerts();", 10);
			break;
			
		case (S_AUDIO):
			var t = setTimeout("showAudio();", 10);
			break;
			
		case (S_FOTOS):
			var t = setTimeout("showFotos();", 10);
			break;
			
		case (S_CONTACT):
			var t = setTimeout("showContact();", 10);
			break;
			
		case (S_LINKS):
			var t = setTimeout("showLinks();", 10);
			break;
	} // END SWITCH
				
}	// END ACTSTATE();
	
	
// FUNCIONS QUE MOSTREN MODULES

// HOME	
	
function showHome(){
	
	// ALL VISIBLE
	
	$("inici").style.visibility = "visible";
	$("inici_1").style.visibility = "visible";
	$("inici_2").style.visibility = "visible";
	$("inici_3").style.visibility = "visible";
	$("inici_4").style.visibility = "visible";
	$("inici_5").style.visibility = "visible";
	$("inici_6").style.visibility = "visible";
	$("inici_7").style.visibility = "visible";
	$("inici_8").style.visibility = "visible";
	$("inici_9").style.visibility = "visible";
	$("inici_10").style.visibility = "visible";
 	
	for(i=1; i<=10; i++){
		
		// SHOWING THE BCK (with rounded corners)
		
		var t=setTimeout("$(\"inici\").style.opacity = "+ i/10 +";",i*10);
		var t=setTimeout("$(\"inici_1\").style.opacity = "+ i/10 +";",i*10);
		var t=setTimeout("$(\"inici_2\").style.opacity = "+ i/10 +";",i*10);
		var t=setTimeout("$(\"inici_3\").style.opacity = "+ i/10 +";",i*10);
		var t=setTimeout("$(\"inici_4\").style.opacity = "+ i/10 +";",i*10);
		var t=setTimeout("$(\"inici_5\").style.opacity = "+ i/10 +";",i*10);
		var t=setTimeout("$(\"inici_6\").style.opacity = "+ i/10 +";",i*10);
		var t=setTimeout("$(\"inici_7\").style.opacity = "+ i/10 +";",i*10);
		var t=setTimeout("$(\"inici_8\").style.opacity = "+ i/10 +";",i*10);
		var t=setTimeout("$(\"inici_9\").style.opacity = "+ i/10 +";",i*10);
		var t=setTimeout("$(\"inici_10\").style.opacity = "+ i/10 +";",i*10);
		
	} // END FOR
		
} // END SHOWHOME()

// FUNCIO DELS COMPONENTS
function showComponent(actualComp, nextComp){

	
	switch (actualComp){
		
		case (S_B120):
			hideComp("B120");
			break;
			
		case (S_LLUIS):
			hideComp("Lluis");
			break;
		
		case (S_ALBERT):
			hideComp("Albert");
			break;
		
		case (S_FERRAN):
			hideComp("Ferran");
			break;
		
		case (S_OSCAR):
			hideComp("Oscar");
			break;
		
		case (S_JORDI):
			hideComp("Jordi");
			break;
		
		case (S_PERE):
			hideComp("Pere");
			break;
	} // END SWITCH
	
	switch (nextComp) {
	
		case (S_B120):
			showComp("B120");
			break;
			
		case (S_LLUIS):
			showComp("Lluis");
			break;
		
		case (S_ALBERT):
			showComp("Albert");
			break;
		
		case (S_FERRAN):
			showComp("Ferran");
			break;
		
		case (S_OSCAR):
			showComp("Oscar");
			break;
		
		case (S_JORDI):
			showComp("Jordi");
			break;
		
		case (S_PERE):
			showComp("Pere");
			break;
	} // END SWITCH
				
}	// END ACTSTATE();


function hideComp(comp){
	
	for (i = 10; i <= 10; i++) {
		// HIDING COMPONENT (500 ms, 10 fps)
		var t = setTimeout("$(\"title_\" + comp).style.opacity = " + (1 - i / 10) + ";", i * 10);
		var t = setTimeout("$(\"text_\" + comp).style.opacity = " + (1 - i / 10) + ";", i * 10);
	} // END FOR
	
} // END HIDECOMP

function showComp(comp){
	
	for (i = 10; i <= 10; i++) {
		// HIDING COMPONENT (500 ms, 1 fps)
		var t = setTimeout("$(\"title_\" + comp).style.opacity = " + (i / 10) + ";", i * 10);
		var t = setTimeout("$(\"text_\" + comp).style.opacity = " + (i / 10) + ";", i * 10);
	} // END FOR
	
} // END HIDECOMP


//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// CONCERTS

function showConcerts(){
	
	
} // END SHOWCONCERTS

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// AUDIO
function showAudio(){
	
	
} // END SHOWAUDIO


//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// FOTOS
function showFotos(){
	
	
} // END SHOWFOTOS


//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// CONTACT
function showContact(){
	
	
} // END SHOWCONTACT


//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// LINKS
function showLinks(){
	
	
} // END SHOWLINKS


// FUNCIONS QUE AMAGUEN MODULES (DURACIO OBLIGATORIA: 1 SEGON)

// HOME

function hideHome(){
	
		for (i = 10; i <= 10; i++) {
		
			// HIDING THE BCK (with rounded corners)
			
			var t = setTimeout("$(\"inici\").style.opacity = " + (1 - i / 10) + ";", i * 10);
			var t = setTimeout("$(\"inici_1\").style.opacity = " + (1 - i / 10) + ";", i * 10);
			var t = setTimeout("$(\"inici_2\").style.opacity = " + (1 - i / 10) + ";", i * 10);
			var t = setTimeout("$(\"inici_3\").style.opacity = " + (1 - i / 10) + ";", i * 10);
			var t = setTimeout("$(\"inici_4\").style.opacity = " + (1 - i / 10) + ";", i * 10);
			var t = setTimeout("$(\"inici_5\").style.opacity = " + (1 - i / 10) + ";", i * 10);
			var t = setTimeout("$(\"inici_6\").style.opacity = " + (1 - i / 10) + ";", i * 10);
			var t = setTimeout("$(\"inici_7\").style.opacity = " + (1 - i / 10) + ";", i * 10);
			var t = setTimeout("$(\"inici_8\").style.opacity = " + (1 - i / 10) + ";", i * 10);
			var t = setTimeout("$(\"inici_9\").style.opacity = " + (1 - i / 10) + ";", i * 10);
			var t = setTimeout("$(\"inici_10\").style.opacity = " + (1 - i / 10) + ";", i * 10);
			
		} // END FOR
		
} // END HIDEHOME()

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// CONCERTS

function hideConcerts(){
	
	
	
	
} // END HIDECONCERTS()

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// AUDIO

function hideAudio(){

	
	
	
	
} // END HIDEAUDIO()

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// FOTOS

function hideFotos(){
	
	
	
	
} // END HIDEFOTOS()

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// CONTACT

function hideContact(){
	
	
	
	
} // END HIDECONTACT()

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// LINKS

function hideLinks(){
	
	
	
	
} // END HIDELINKS()

//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////