function RibbonItem(ribbonID, tabID, source, activeSource) {
	this.ribbonID = ribbonID;
	this.tabID=tabID;
	this.source=source;
	this.activeSource=activeSource;
}

ribbon = new Object();

var currentSection = '';
	
function changeRibbon(changeTo){
	currentSection = changeTo;
	inactiveAll();
	showTab(ribbon[currentSection].ribbonID, ribbon[currentSection].tabID, ribbon[currentSection].activeSource);

}
function inactiveAll(){
	for (var i in ribbon){
		hideTab(ribbon[i].ribbonID, ribbon[i].tabID, ribbon[i].source);
	}
}
function showTab(RibbonID, TabID, ImgSrc){
	document.getElementById(TabID).style.display = 'block';
	document.getElementById(RibbonID).src = WWW + ImgSrc;
}
function hideTab(RibbonID, TabID, ImgSrc){
	document.getElementById(TabID).style.display = 'none';
	document.getElementById(RibbonID).src = WWW + ImgSrc;
}

function hoverRibbon(obj){
	document.getElementById(ribbon[obj].ribbonID).src = WWW + ribbon[obj].activeSource;
}

function leaveRibbon(obj){
	if(obj != currentSection){
		document.getElementById(ribbon[obj].ribbonID).src = WWW + ribbon[obj].source;
	}
}

/*
ribbon[0] = new RibbonItem("xxx","xxx","xxxx","xxxx");
ribbon[1] = new RibbonItem("xxx","xxx","xxxx","xxxx");
ribbon[2] = new RibbonItem("xxx","xxx","xxxx","xxxx");
*/