/**Javascript for gridmeny til Høgskolen i Gjøvik (www.hig.no), lagetav Lars Erik Dokken 2007-2008**/
var imagePath = "/images/new_en/";

/**Funksjonen som benyttes når man tar musen over en link i griden, element1 er første variabel
	som brukes for å gjenkjenne og finne elementet som kjører funksjonen og element2 er den andre.
	Så f.eks: mousOvr("1","2"); vil gjøre at funksjonen leter etter elementer med 1.2 i navnet.**/
function mouseOvr(element1, element2)
{
	/**Sjekker om css benyttes, ellers benyttes ikke denne funksjonen i javascriptet**/
	var checkCSS = document.getElementById("div0.0");
	/* if( checkCSS.offsetWidth !=100 ) */
	/* FIXME: Av en eller annen merkelig grunn knakk koden! Dette er en STYGG FIX */
	if ( false )
	{
	}
	
	else
	{
	
	
	/**Finner bildet i dokumentet som ligger i "rammen" rundt, benyttes for å bytte dette bildet senere**/
	var grids = document.getElementById( "image" + element1 + "." + element2);
	/**Variabel som benyttes til å finne lenkene i griden, det som benyttes for å gi overleggseffekten og sette tekst**/
	var inline = "";
	
	/**To arrayer som inneholder teksten som benyttes i lenkene i griden, navnet er selvforklarende**/
//	var fagomrade = new Array("HELSE", "TEKNOLOGI", "IT", "MEDIA", "ØKONOMI & LEDELSE");
//	var type = new Array("Master", "Bachelor", "Årsstudium", "Kurs/Videreutd");
	var fagomrade = new Array("Health", "Technology", "IT", "Media", "Economics &amp;<br/>administration");
	var type = new Array("master/PhD", "bachelor", "one year studies", "courses/training");
	
	
	/**Kjøres om musen er over et element i første linje**/
	if( element1 == "0" )
	{
		/**Setter bakgrunnen i boksen du er over til hvit**/
		grids.style.background = "white";
		
		var image = document.getElementById("image0." + element2);

		if ( image.src.match(/actFrame/) ) { 
			image.src = imagePath + "/actFrame0" + element2 + "_hover.gif";
		}
		else { 
			image.src = imagePath + "/topFrame0" + element2 + "_hover.gif";
		}
	
						

		/**Traverserer en kolonne i griden nedover fra andre linje til femte linje**/
		for(var x=1; x<=4; x++)
		{
			/**Her er det detaljestyring. Økonomi og ledelse har ikke master, og boksen der settes derfor til blank**/
			if( element2 == 5 && x == 1)
			{
				/**Setter variabelen inline til anchoret som skal forandre utseende**/
				inline = document.getElementById( "href" + x + "." + element2 );
				if ( inline ) 
				{
					/**Setter denne boksen til blank, da den skal være "uten innhold"**/
					inline.className = "blank";
					inline.innerHTML = "";
				}
			}
			
			else
			{
				/**Setter variabelen inline til anchoret som skal forandre utseende**/
				inline = document.getElementById( "href" + x + "." + element2 );
				if ( inline ) 
				{
					/**Setter anchoret til klassen fadein, om gir fade-effekten i griden**/
					inline.className = "fadein";
					/**Setter teksten i boksen til det som stemmer for hver enkelt. Henter typen studie fra arrayen type[], og fagområde fra fagomrade[].
					Dette skrives i cellen da som f.eks. "Master i TEKNOLOGI"**/
					inline = document.getElementById( "href" + x + "." + element2 );
					/* inline.innerHTML = type[x-1] + "<br />i " + fagomrade[element2-1]; */
					inline.innerHTML = fagomrade[element2-1] + "<br/>" + type[x-1];
				}
			}
		}
		

	}
	
	/**Kjøres om elementet er en celle i første kolonne**/
	if(element2 == "0" )
	{
	
		var image = document.getElementById("image" + element1 + ".0");
		//image.src = "/images/new/topFrame" + element1 + "0_hover.gif";

		if ( image.src.match(/actFrame/) ) { 
			image.src = imagePath + "/actFrame" + element1 + "0_hover.gif";
		}
		else { 
			image.src = imagePath + "/topFrame" + element1 + "0_hover.gif";
		}
		
		/**Setter bakgrunnen i boksen du er over til hvit**/
		if (grids)
		{
			grids.style.background = "white";
		}
		
		/**Traverserer en linje i griden fra venstre til høyre fra kolonne 1 til kolonne 5**/
		for(var x=1; x<=5; x++)
		{	
			/**Her er det detaljestyring. Økonomi og ledelse har ikke master, og boksen der settes derfor til blank**/
			if( element1 == 1 && x == 5)
			{	
				/**Setter variabelen inline til anchoret som skal forandre utseende**/
				inline = document.getElementById( "href" + element1 + "." + x );
				if ( inline ) 
				{
					/**Setter denne boksen til blank, da den skal være "uten innhold"**/
					inline.className = "blank";
					inline.innerHTML = "";
				}
			}
			
			else
			{
				/**Setter variabelen inline til anchoret som skal forandre utseende**/
				inline = document.getElementById( "href" + element1 + "." + x );
				if ( inline ) 
				{
					/**Setter anchoret til klassen fadein, om gir fade-effekten i griden**/
					inline.className = "fadein";
					/**Setter teksten i boksen til det som stemmer for hver enkelt. Henter typen studie fra arrayen type[], og fagområde fra fagomrade[].
					Dette skrives i cellen da som f.eks. "Master i TEKNOLOGI"**/
					/* inline.innerHTML = type[element1-1] + "<br />i " + fagomrade[x-1]; */
					inline.innerHTML = fagomrade[x-1] + "<br/>" + type[element1-1];

				}
			}
		}
	}
	else
	{
		for(var x=1; x<=element2; x++)
		{
			
			if( element1 == 1 && x == 5)
			{
				/**Setter variabelen inline til anchoret som skal forandre utseende**/
				inline = document.getElementById( "href" + element1 + "." + x );
				if ( inline ) 
				{
					/**Setter denne boksen til blank, da den skal være "uten innhold"**/
					inline.className = "blank";
					inline.innerHTML = "";
				}
			}
			
			else
			{
				/**Setter variabelen inline til anchoret som skal forandre utseende**/
				inline = document.getElementById( "href" + element1 + "." + x );
				if ( inline ) 
				{
					/**Setter anchoret til klassen fadein, om gir fade-effekten i griden**/
					inline.className = "fadein";
					/**Setter teksten i boksen til det som stemmer for hver enkelt. Henter typen studie fra arrayen type[], og fagområde fra fagomrade[].
					Dette skrives i cellen da som f.eks. "Master i TEKNOLOGI"**/
					/* inline.innerHTML = type[element1-1] + "<br />i " + fagomrade[x-1]; */
					inline.innerHTML = fagomrade[x-1] + "<br/> " + type[element1-1];
				}
			}
			
			
		}
		
				
		for(var x=1; x<=element1; x++)
		{
			if( element2 == 5 && x == 1)
			{
				/**Setter variabelen inline til anchoret som skal forandre utseende**/
				inline = document.getElementById( "href" + x + "." + element2 );
				if ( inline ) 
				{
					/**Setter denne boksen til blank, da den skal være "uten innhold"**/
					inline.className = "blank";
					inline.innerHTML = "";
				}
			}
			
			else
			{
				/**Setter variabelen inline til anchoret som skal forandre utseende**/
				inline = document.getElementById( "href" + x + "." + element2 );
				if ( inline ) 
				{
					/**Setter anchoret til klassen fadein, om gir fade-effekten i griden**/
					inline.className = "fadein";
					/**Setter teksten i boksen til det som stemmer for hver enkelt. Henter typen studie fra arrayen type[], og fagområde fra fagomrade[].
					Dette skrives i cellen da som f.eks. "Master i TEKNOLOGI"**/
					/* inline.innerHTML = type[x-1] + "<br />i " + fagomrade[element2-1]; */
					inline.innerHTML = fagomrade[element2-1] + "<br />" + type[x-1];
				}
			}
		}
		
		/**Setter grids til boksen(anchor) i første kolonne i linjen musepekeren er i**/
		var grids = document.getElementById("image" + element1 + "." + 0);
		if (grids)
		{
			/**Setter bakgrunnen i boksen til hvit som gir ønsket utheving**/
			grids.style.background = "white";
			

			if ( grids.src.match(/actFrame/) ) { 
				grids.src = imagePath + "/actFrame" + element1 + "0_hover.gif";
			}
			else { 
				grids.src = imagePath + "/topFrame" + element1 + "0_hover.gif";
			}
		}
		
		
		/**Setter grids til boksen(anchor) i øverste linje i kolonnen musepekeren eri**/
		var grids = document.getElementById("image" + 0 + "." + element2);
		if (grids)
		{
			/**Setter bakgrunnen i boksen til hvit som gir ønsket utheving**/
			grids.style.background = "white";

			if ( grids.src.match(/actFrame/) ) { 
				grids.src = imagePath + "/actFrame0" + element2 + "_hover.gif";
			}
			else { 
				grids.src = imagePath + "/topFrame0" + element2 + "_hover.gif";
			}
				
			//if ( grids.src == ( "/images/new/actFrame0" + element2 + ".gif" ) )
			//{ grids.src = "/images/new/actFrame0" + element2 + "_hover.gif"; }
			//else { grids.src = "/images/new/topFrame0" + element2 + "_hover.gif"; }
		}
		
	}
	
	}/**Slutt på else-løkken i css-sjekken**/
}


function stripeBlue(element)
{
	var change = document.getElementById("stripe" + element);
	change.src =imagePath + "/blaa.gif";
}

function stripegray(element)
{
	var change = document.getElementById("stripe" + element);
	change.src =imagePath + "/graa.gif";
}




/**Denne funksjonen kjører når musen tas vekk fra anchoret den har vært over. Traverserer og gjør til stor del det samme som funksjonen mouseOvr
bare i omvendt rekkefølge. Alt fjernes og tilbakestilles slik at menyen får effekten som er ønskelig når man benytter seg av menyen.
Se funksjonen mouseOvr for spesifikasjoner på innholdet i denne funksjonen, det aller meste er likt eller tilsvarende. **/
function mouseOt(element1, element2)
{

	/**Sjekker om css benyttes, ellers benyttes ikke denne funksjonen i javascriptet**/
	var checkCSS = document.getElementById("div0.0");
	/* if( checkCSS.offsetWidth !=100 ) */
	/* FIXME: Av en eller annen merkelig grunn knakk koden! Dette er en STYGG FIX */
	if( false )
	{
	}
	
	else
	{

	var grids = document.getElementById("image" + element1 + "." + element2);
	var inline = "";
	
	if( element1 == "0" )
	{
		
		var div = document.getElementById("div0." + element2);
		var image = document.getElementById("image0." + element2);
	
		if( div.childNodes[0].id == "whiteback" )
		{
		}
		else
		{
			if ( image.src.match(/actFrame/) ) { 
				image.src = imagePath + "/actFrame0" + element2 + ".gif";
			}
			else { 
				image.src = imagePath + "/topFrame0" + element2 + ".gif";
			}
		}

		
		if (grids)
		{
			grids.style.background = "";
		}
		
		for(var x=1; x<=4; x++)
		{
			/**Setter variabelen inline til anchoret som skal forandre utseende**/
			inline = document.getElementById( "href" + x + "." + element2 );
			if ( inline )
			{
				inline.className = "menu"
				inline.innerHTML = "";
			}
		}
		

	}
	
	if(element2 == "0" )
	{
		
		var image = document.getElementById("image" + element1 + ".0");
		var div = document.getElementById("div" + element1 + ".0");
			
		if( div.childNodes[0].id == "whiteback" )
		{
		}
		else
		{
			//image.src = "/images/new/topFrame" + element1 + "0.gif";
			if ( image.src.match(/actFrame/) ) { 
				image.src = imagePath + "/actFrame" + element1 + "0.gif";
			}
			else { 
				image.src = imagePath + "/topFrame" + element1 + "0.gif";
			}
		}
		

		if (grids)
		{		
			grids.style.background = "";
		}	

		for(var x=1; x<=5; x++)
		{
			/**Setter variabelen inline til anchoret som skal forandre utseende**/
			inline = document.getElementById( "href" + element1 + "." + x );
			if ( inline ) 
			{
				inline.className = "menu";
				inline.innerHTML = "";
			}
		}
	}
	else
	{
		for(var x=1; x<=element2; x++)
		{
			/**Setter variabelen inline til anchoret som skal forandre utseende**/
			inline = document.getElementById( "href" + element1 + "." + x );
			if ( inline ) 
			{
				inline.className = "menu";
				inline.innerHTML = "";
			}
		}

		for(var x=1; x<=element1; x++)
		{
			/**Setter variabelen inline til anchoret som skal forandre utseende**/
			inline = document.getElementById( "href" + x + "." + element2 );
			if ( inline ) 
			{
				inline.className = "menu";
				inline.innerHTML = "";
			}
		}
		
		var grids = document.getElementById("image" + element1 + "." + 0);
		if (grids)
		{
			grids.style.background = "";
		}
		
		var div = document.getElementById("div" + element1 + ".0");
				
		if( div.childNodes[0].id == "whiteback" )
		{
		}
		else
		{
			if (grids)
			{
				if ( grids.src.match(/actFrame/) ) { 
					grids.src = imagePath + "/actFrame" + element1 + "0.gif";
				}
				else { 
					grids.src = imagePath + "/topFrame" + element1 + "0.gif";
				}
			}
		}
		
		
		var grids = document.getElementById("image" + 0 + "." + element2);
		if (grids)
		{
			grids.style.background = "";
		}
		
		var div = document.getElementById("div0." + element2);
				
		if( div.childNodes[0].id == "whiteback" )
		{
		}
		else
		{
			if (grids)
			{
				if ( grids.src.match(/actFrame/) ) { 
					grids.src = imagePath + "/actFrame0" + element2 + ".gif";
				}
				else { 
					grids.src = imagePath + "/topFrame0" + element2 + ".gif";
				}
			}
		}
		
		
	}
	
	} /**Slutt på else-løkken i css-sjekken**/
	
}



function init()
{

	
	var x = 0;
	var y = 0;
	
	
	for( x = 1; x <= 5; x++ )
	{
		for( y = 1; y <= 5; y++ )
		{
			var grids = document.getElementById( "href" + x + "." + y);
			if ( grids ) {
				grids.innerHTML = "";
			}
		}
	
	}				
}


var imageArray = new Array();                                                                             
                                                                                                          
function carousel()                                                                                       
{                                                                                                         
    /**Antall bilder som legges til i bildekarusellen**/                                                  
    var numImages = 3;                                                                                    
    var randomnumber=Math.floor(Math.random()*numImages)                                                  
                                                                                                          
                                                                                                          
    for( i=0; i<=(numImages-1); i++)                                                                      
    {                                                                                                     
                                                                                                          
        imageArray[i] = new Image();                                                                      
        imageArray[i].src = "/images/carousel/carousel" + i + ".jpg";                                               
    }                                                                                                     
                                                                                                          
                                                                                                          
                                                                                                          
    var image = document.getElementById("carousel");                                                      
                                                                                                          
    if( navigator.appName == "Microsoft Internet Explorer" )                                              
    {                                                                                                     
        image.style.setAttribute('cssText', 'background-image: URL(' + imageArray[randomnumber].src +     
+')');                                                                                                    
    }                                                                                                     
    else                                                                                                  
    {                                                                                                     
        image.setAttribute( 'style', 'background-image: URL(' + imageArray[randomnumber].src + ')');      
    }                                                                                                     
                                                                                                          
                                                                                                          
}                                                                                                         
                                                                                                          
function changeimage( number )                                                                            
{                                                                                                         
                                                                                                          
    var image = document.getElementById("carousel");                                                      
                                                                                                          
                                                                                                          
    if( navigator.appName == "Microsoft Internet Explorer" )                                              
    {                                                                                                     
        image.style.setAttribute('cssText', 'background-image: URL(' + imageArray[number].src + ')');     
    }                                                                                                     
    else                                                                                                  
    {                                                                                                     
        image.setAttribute( 'style', 'background-image: URL(' + imageArray[number].src + ')');            
    }                                                                                                     
                                                                                                          
                                                                                                          
}