// JavaScript Document
function moveLogo(){
	var obj;
	obj = document.getElementById("scaffolding-swindon");
	if(obj.style.top != "-78px"){
		obj.style.top = "-78px";
	}
	else{
		obj.style.top = "0px";
	}
}

function highlight(targetItem){
	var menuBoxes = new Array(6);
	menuBoxes[0]= document.getElementById("Div");
	menuBoxes[1]= document.getElementById("Div2");
	menuBoxes[2]= document.getElementById("Div3");
	menuBoxes[3]= document.getElementById("Div4");
	menuBoxes[4]= document.getElementById("Div5");
	menuBoxes[5]= document.getElementById("Div6");
	
	var backGroundColors = new Array("#e6f3f9", "#cce7f4","#99cfe8",  "#66b7dd", "#339fd1", "#0087c6", "#339fd1", "#66b7dd", "#99cfe8", "#cce7f4", "#e6f3f9");
	for(i = 0; i < 6; i++){
		menuBoxes[i].style.color = "#fff";
	}
	var obj = document.getElementById(targetItem);
	switch(obj.id){
		case "Div":
			for(i = 0; i < 6; i++){
				menuBoxes[i].style.backgroundColor = backGroundColors[i+5];
			}
		changeMenuTextColorToBlue('Div5');
		changeMenuTextColorToBlue('Div6');
		break;
		case "Div2":
		for(i = 1; i < 6; i++){
				menuBoxes[i].style.backgroundColor = backGroundColors[i+4];
			}
		for(i = 0; i >= 0; i--){
			menuBoxes[i].style.backgroundColor = backGroundColors[i+4];
		}
		changeMenuTextColorToBlue('Div6');
		break;
		case "Div3":
		for(i = 2; i < 6; i++){
				menuBoxes[i].style.backgroundColor = backGroundColors[i+3];
			}
		for(i = 1; i >= 0; i--){
			menuBoxes[i].style.backgroundColor = backGroundColors[i+3];
		}
		break;
		case "Div4":
		for(i = 3; i < 6; i++){
				menuBoxes[i].style.backgroundColor = backGroundColors[i+2];
			}
		for(i = 2; i >= 0; i--){
			menuBoxes[i].style.backgroundColor = backGroundColors[i+2];
		}
		break;
		case "Div5":
		for(i = 4; i < 6; i++){
				menuBoxes[i].style.backgroundColor = backGroundColors[i+1];
			}
		for(i = 3; i >= 0; i--){
			menuBoxes[i].style.backgroundColor = backGroundColors[i+1];
		}
		changeMenuTextColorToBlue('Div');
		break;
		case "Div6":
		for(i = 5; i < 6; i++){
				menuBoxes[i].style.backgroundColor = backGroundColors[i];
			}
		for(i = 4; i >= 0; i--){
			menuBoxes[i].style.backgroundColor = backGroundColors[i];
			
		}
		changeMenuTextColorToBlue('Div');
		changeMenuTextColorToBlue('Div2');
		break;
	}
	
}

function changeMenuTextColorToBlue(text){
	var obj = document.getElementById(text);
	obj.style.color = "#74acd9";
}