﻿// JavaScript Document



function SelectMenu(ActivePage,id, hover)
{
	var activePage = ActivePage;

	if(hover){
		
		if(activePage != id){
		//Change the non selected item back
		SelectOut(activePage);
		
		}
		
		//Select the active item of the page
		SelectOver(id);
	
	}
	else
	{	
		//Change the non selected item back
		SelectOut(id);
		
		//Select the active item of the page
		SelectOver(activePage);
				
	}
	
}

function ActivePageSet(id)
{
   for (var i = 0; i < 6; i++)
   {
   		if(id == i){
		SelectOver(id);
		}
		else{
			SelectOut(i);
		}
   }
}


function SelectOver(id)
{
	switch(id)
		{
			case 0:
			document.getElementById('home').style.backgroundImage="url(img/homeOver.jpg)";
			break;
			
			case 1:
			document.getElementById('news').style.backgroundImage="url(img/newsOver.jpg)";
			break;
			
			case 2:
			document.getElementById('blog').style.backgroundImage="url(img/blogOver.jpg)";
			break;
				
			case 3:
			document.getElementById('game').style.backgroundImage="url(img/gameOver.jpg)";
			break;
				
			case 4:
			document.getElementById('media').style.backgroundImage="url(img/mediaOver.jpg)";
			break;
			
			case 5:
			document.getElementById('team').style.backgroundImage="url(img/teamOver.jpg)";
			break;
		}
		
}


function SelectOut(id)
{
	switch(id)
	{
		case 0:
		document.getElementById('home').style.backgroundImage="url(img/home.jpg)";
		break;
		
		case 1:
		document.getElementById('news').style.backgroundImage="url(img/news.jpg)";
		break;
		
		case 2:
		document.getElementById('blog').style.backgroundImage="url(img/blog.jpg)";
		break;
		
		case 3:
		document.getElementById('game').style.backgroundImage="url(img/game.jpg)";
		break;
		
		case 4:
		document.getElementById('media').style.backgroundImage="url(img/media.jpg)";
		break;
		
		case 5:
		document.getElementById('team').style.backgroundImage="url(img/team.jpg)";
		break;
	}
}