//======================== This replaces the "content" div with the page that was clicked on ================
function ReplaceContentInContainer(id, content) {
	var container = document.getElementById(id);
	if (typeof XMLHttpRequest != 'undefined') {
		var httpRequest = new XMLHttpRequest();
		httpRequest.open('GET', content, false);
		httpRequest.send(null);
	}
	container.innerHTML = httpRequest.responseText;
}


function toggle(){
	var ele = document.getElementById("membersToggle");
	if(ele.style.display == "none") {
    		ele.style.display = "block";
		document.getElementById('arrow').innerHTML = '<a class=\"arrow\" href=\"javascript:toggle()\"><b>&nbsp;&or;</b></a>';
  	}
	else {
		ele.style.display = "none";
		document.getElementById('arrow').innerHTML = '<a class=\"arrow\" href=\"javascript:toggle()\"><b>&nbsp;&and;</b></a>';
	}
}

//================================Image fader========================================
function FadeAllImages()
{
    FadeImage('Image1', 0, 0);
    FadeImage('Image2', 5500, 1);
    FadeImage('Image3', 11000, 2);
    FadeImage('Image4', 16500, 3);
}



//=================================== Menu Bar =================================
Original = new Image(1000,66)
Original.src = "/img/menu/GSOMenuBar.png"

MainRed = new Image(1000,66)
MainRed.src = "/img/menu/Main-Red.png"

MembersRed = new Image(1000,66)
MembersRed.src = "/img/menu/Members-Red.png"

EventsRed = new Image(1000,66)
EventsRed.src = "/img/menu/Events-Red.png"

AboutRed = new Image(1000,66)
AboutRed.src = "/img/menu/About-Red.png"

HistoryRed = new Image(1000,66)
HistoryRed.src = "/img/menu/History-Red.png"

ListenRed = new Image(1000,66)
ListenRed.src = "/img/menu/Listen-Red.png"

DonateRed = new Image(1000,66)
DonateRed.src = "/img/menu/Donate-Red.png"

ShopRed = new Image(1000,66)
ShopRed.src = "/img/menu/Shop-Red.png"

FriendsRed = new Image(1000,66)
FriendsRed.src = "/img/menu/Friends-Red.png"

SubscribeRed = new Image(1000,66)
SubscribeRed.src = "/img/menu/Subscribe-Red.png"

Members = new Image(1000, 66)
Members.src = "/img/menu/MembersBar.png"

CalendarRed = new Image(1000,66)
CalendarRed.src = "/img/menu/Calendar-Red.png"

SheetMusicRed = new Image(1000,66)
SheetMusicRed.src = "/img/menu/SheetMusic-Red.png"

ForumRed = new Image(1000,66)
ForumRed.src = "/img/menu/Forum-Red.png"

FeedbackRed = new Image(1000,66)
FeedbackRed.src = "/img/menu/Feedback-Red.png"

DocumentsRed = new Image(1000,66)
DocumentsRed.src = "/img/menu/Documents-Red.png"

OfficersRed = new Image(1000,66)
OfficersRed.src = "/img/menu/Officers-Red.png"

RehearsalsRed = new Image(1000,66)
RehearsalsRed.src = "/img/menu/Rehearsals-Red.png"

LogoutRed = new Image(1000,66)
LogoutRed.src = "/img/menu/Logout-Red.png"

function original() {
document.GSOMenuMap.src = Original.src; return true;
}

function mainred() {
document.GSOMenuMap.src = MainRed.src; return true;
}

function membersred() {
document.GSOMenuMap.src = MembersRed.src; return true; 
}

function eventsred() {
document.GSOMenuMap.src = EventsRed.src; return true; 
}

function aboutred() {
document.GSOMenuMap.src = AboutRed.src; return true; 
}

function historyred() {
document.GSOMenuMap.src = HistoryRed.src; return true; 
}

function listenred() {
document.GSOMenuMap.src = ListenRed.src; return true; 
}

function donatered() {
document.GSOMenuMap.src = DonateRed.src; return true; 
}

function shopred() {
document.GSOMenuMap.src = ShopRed.src; return true; 
}

function friendsred() {
document.GSOMenuMap.src = FriendsRed.src; return true; 
}

function subscribered() {
document.GSOMenuMap.src = SubscribeRed.src; return true; 
}


function members() {
document.MembersMap.src = Members.src; return true;
}

function calendarred() {
document.MembersMap.src = CalendarRed.src; return true; 
}

function sheetmusicred() {
document.MembersMap.src = SheetMusicRed.src; return true; 
}

function forumred() {
document.MembersMap.src = ForumRed.src; return true; 
}

function feedbackred() {
document.MembersMap.src = FeedbackRed.src; return true; 
}

function documentsred() {
document.MembersMap.src = DocumentsRed.src; return true; 
}

function officersred() {
document.MembersMap.src = OfficersRed.src; return true; 
}

function rehearsalsred() {
document.MembersMap.src = RehearsalsRed.src; return true; 
}

function logoutred() {
document.MembersMap.src = LogoutRed.src; return true; 
}