var MissionStatementStatus = false;
var MarkenStatus = false;

function LinkOver(t) {
	if (MissionStatementStatus == false) {
		$('#'+t.id).animate({'color':'#ffffff'},800);
	}
}

function LinkOut(t) {
	
	if (t.id == 'LinkNavigation5') {
		if (MissionStatementStatus == false) {
				$('#'+t.id).animate({'color':'#858585'},800);		
		}
	} else if (t.id == 'LinkNavigation6') {
		if (MarkenStatus == false) {
			$('#'+t.id).animate({'color':'#858585'},800);		
		}
	} else {
		$('#'+t.id).animate({'color':'#858585'},800);		
	}
	

	
	
}
function Get(o) {
	return document.getElementById(o);
}
function MissionStatement(o) {
	if (Get('Mission_Statement').style.display == 'none') {
		$('#Mission_Statement').slideDown(800);
		DisableAll();
		LinkOver(Get(o)); 
		MissionStatementStatus = true;
		MarkenStatus = false;
		
		$('#MarkenSelect').slideUp(800);
	} else {
		$('#Mission_Statement').slideUp(800);
		MissionStatementStatus = false;
	}
	DisableAll();
}

function Marken(o) {
	if (Get('MarkenSelect').style.display == 'none') {
		$('#MarkenSelect').slideDown(800);
		$('#Mission_Statement').slideUp(800);
		MissionStatementStatus = false;
		MarkenStatus = true;
		DisableAll();
		LinkOver(Get(o)); 
	} else {
		$('#MarkenSelect').slideUp(800);
		MarkenStatus = false;
		
	}
	DisableAll();
}


function DisableAll() {
	Obj = Get('NavigationList').childNodes;	
	for (var i = 0; i < Obj.length; ++i) {
		if(Obj[i].tagName == 'LI'){
				Obj2 = Obj[i].childNodes;	
				for (var i2 = 0; i2 < Obj2.length; ++i2) {
					if (Obj2[i2].tagName == 'A') {
						LinkOut(Obj2[i2]);	
					}
				}
		}
	}
}


function EmotionEoverLay() {
	if (ShowEmotionClick == true) { 
	pTop = findPosTop(Get('Emotion'));
	pLeft = findPosLeft(Get('Emotion'))
	

	
	Get('EmotionOverlay').className = 'EmotionOverlayHolder';
	Get('EmotionOverlay').style.display = 'block';
	Get('EmotionOverlay').style.position = 'absolute';
	Get('EmotionOverlay').style.left = parseInt(pLeft) +'px';
	Get('EmotionOverlay').style.top = parseInt(pTop) + 236 +'px';
	var InnerHTML = '<div class="Right">';
	for (i=0;i<EmotionItems;i++) {
		Display = i+1;
		Active = '';
		if (i == CurrentEmotion) {
			Active = 'Active';
		}
		InnerHTML = InnerHTML + '<div onclick="javascript:SlideEmotionForce('+ i +')" style="cursor:pointer" class="BoxHolder'+ Active +'"><div class="Inner">'+ Display +'</div></div>';
	}   
	InnerHTML = InnerHTML + '<div class="Clear"></div></div><div class="Clear"></div>';
	Get('EmotionOverlay').innerHTML = InnerHTML;
	
	}
}
