var loaded = false;
var projekt1, projekt2, projekt3, projekt4, projekt5, projekt6, projekt7, projekt8, projekt9, projekt10, projekt11, projekt12, projekt13, projekt14, projekt15, projekt16, projekt17, projekt18, projekt19, projekt20, projekt21, projekt22, projekt23, projekt24, projekt25, projektcvinfo, projektkontakt;

// Holder navne paa projekter i hver kategori
var kategori1 = new Array();
var kategori2 = new Array();
var kategori3 = new Array();
var kategori4 = new Array();
var kategori5 = new Array();

// Valgt vars
var valgtKategori = 0;
var kategoriSat = false;
var valgteProjekter = new Array();

// Lav nyt projekt objekt
function lavProjekt(id)
{
	// Hold id for projekt
	this.projektId = id;
	
	// Hold projekts kategorier
	this.kategorier = new Array();
	
	// Saettes true naar der er valgt en kategori for at undgaa js fejl
	this.tilhoererKat = false;
	
	// Funktioner
	this.kategori = objSaetKategori;
}

// Lokal funktion for lavProjekt object
function objSaetKategori(id)
{
	// Tilfoej kategori til projektet
	this.kategorier[this.kategorier.length] = "kategori" + id;
	
	// Tilfoej projektet til kategori
	eval('kategori' + id + '[kategori' + id + '.length] = "projekt' + this.projektId + '"');
	
	this.tilhoererKat = true;
}

// Mouseover paa kategori
function mOverKategori(id)
{
	if (loaded)
	{
		var lokalKategori = eval('kategori' + id);
		
		fjernAlle();
		
		document.getElementById("kategori" + id).style.color = "#f2eee2";
		
		for (i = 0; i < lokalKategori.length; i++)
		{
			document.getElementById(lokalKategori[i]).style.color = "#f2eee2";
		}
	}
}

// Mouseout paa kategori
function mOutKategori(id)
{
	if (loaded)
	{
		var lokalKategori = eval('kategori' + id);
		
		if (id  != valgtKategori)
		{
			fjernAlle();
			
			document.getElementById("kategori" + id).style.color = "#280000";
		
			for (i = 0; i < lokalKategori.length; i++)
			{
				document.getElementById(lokalKategori[i]).style.color = "#280000";
			}
			
			if (valgtKategori != 0 && kategoriSat)
			{
				vaelgKategori(valgtKategori);
			}
		}
	}
}

function togglekategori(id)
{
	if (loaded)
	{
		if (kategoriSat == false || valgtKategori != id)
		{
			kategoriSat = true;
			vaelgKategori(id);
		}
		else
		{
			kategoriSat = false;
			valgtKategori = 0;
			vaelgKategori(id);
		}
	}
}

// Vaelg kategori
function vaelgKategori(id)
{
	if (loaded)
	{
		if (kategoriSat)
		{
			var lokalKategori = eval('kategori' + id);
			
			valgtKategori = id;
			
			// Toem valgteProjekter
			for (i = 0; i < valgteProjekter.length; i++)
			{
				valgteProjekter = deleteFromArray(lokalKategori, i);
			}
			
			
			for (i = 0; i < lokalKategori.length; i++)
			{
				valgteProjekter[i] = lokalKategori[i];
			}
			
			mOverKategori(valgtKategori);
		}
		else
		{
			mOutKategori(id);
		}
	}
}

// Mouseover projekt
function mOverProjekt(id)
{
	if (loaded)
	{
		var lokalProjekt = eval('projekt' + id);
			
		fjernAlle();
		
		document.getElementById("projekt" + id).style.color = "#f2eee2";
			
		if (lokalProjekt.tilhoererKat)
		{
			for (i = 0; i < lokalProjekt.kategorier.length; i++)
			{
				document.getElementById(lokalProjekt.kategorier[i]).style.color = "#f2eee2";
			}
		}
	}
}

function mOutProjekt()
{
	if (loaded)
	{
		fjernAlle();
		
		if (valgtKategori != 0 && kategoriSat)
		{
			vaelgKategori(valgtKategori);
		}
	}
}

function vaelgProjekt(id)
{
	if (loaded)
	{
		kategoriSat = false;
		valgtKategori = 0;
		fjernAlle();
		
		window.frames["contentframe"].location = "projekter.php?id=" + id;
	}
}

// Fjern markering paa alle links
function fjernAlle()
{
	if (loaded)
	{
		document.getElementById("kategori1").style.color = "#280000";
		for (i = 0; i < kategori1.length; i++)
		{
			document.getElementById(kategori1[i]).style.color = "#280000";
		}
		document.getElementById("kategori2").style.color = "#280000";
		for (i = 0; i < kategori2.length; i++)
		{
			document.getElementById(kategori2[i]).style.color = "#280000";
		}
		document.getElementById("kategori3").style.color = "#280000";
		for (i = 0; i < kategori3.length; i++)
		{
			document.getElementById(kategori3[i]).style.color = "#280000";
		}
		document.getElementById("kategori4").style.color = "#280000";
		for (i = 0; i < kategori4.length; i++)
		{
			document.getElementById(kategori4[i]).style.color = "#280000";
		}
		document.getElementById("kategori5").style.color = "#280000";
		for (i = 0; i < kategori5.length; i++)
		{
			document.getElementById(kategori5[i]).style.color = "#280000";
		}
		
		document.getElementById("projektcvinfo").style.color = "#280000";
		document.getElementById("projektkontakt").style.color = "#280000";
	}
}

function deleteFromArray(MyArr, Entry)
{
	var count = 0;
	var TmpArr = new Array();
	for (i = 0; i < MyArr.length; i++)
	{
		if ( i!= Entry)
		{
			TmpArr[count++] = MyArr[i];
		}
	}
	return TmpArr;
}