// JavaScript Document

arrowsR = new Array();

arrowsR[0] = new Image(19,13);
arrowsR[0].src = "../images/MSM/red-arrow-1.png";

arrowsR[1] = new Image(19,13);
arrowsR[1].src = "../images/MSM/red-arrow-2.png";

arrowsO = new Array();

arrowsO[0] = new Image(19,13);
arrowsO[0].src = "../images/Force/orange-arrow-1.png";

arrowsO[1] = new Image(19,13);
arrowsO[1].src = "../images/Force/orange-arrow-2.png";

function displayRowOrange(tableRow, rowID){
	
	var row = document.getElementById(rowID);
	if (row.style.display == '')  
		{
			row.style.display = 'none';
			SwapInOrange(tableRow);
		}
	else
		{
			row.style.display = '';
			SwapOutOrange(tableRow);
		}
}

function displayRowRed(tableRow, rowID){
	
	var row = document.getElementById(rowID);
	if (row.style.display == '')  
		{
			row.style.display = 'none';
			SwapInRed(tableRow);
		}
	else
		{
			row.style.display = '';
			SwapOutRed(tableRow);
		}
}

function SwapOutOrange(tableRow) {
	switch (tableRow) {
	  case 1: document.arrow1.src = arrowsO[1].src; break;
	  case 2: document.arrow2.src = arrowsO[1].src; break;
	  case 3: document.arrow3.src = arrowsO[1].src; break;
	  case 4: document.arrow4.src = arrowsO[1].src; break;
	  case 5: document.arrow5.src = arrowsO[1].src; break;
	  case 6: document.arrow6.src = arrowsO[1].src; break;
	  case 7: document.arrow7.src = arrowsO[1].src; break;
	  case 8: document.arrow8.src = arrowsO[1].src; break;
	  default: break;
	}
	return true;
}

function SwapInOrange(tableRow) {
	switch (tableRow) {
	  case 1: document.arrow1.src = arrowsO[0].src; break;
	  case 2: document.arrow2.src = arrowsO[0].src; break;
	  case 3: document.arrow3.src = arrowsO[0].src; break;
	  case 4: document.arrow4.src = arrowsO[0].src; break;
	  case 5: document.arrow5.src = arrowsO[0].src; break;
	  case 6: document.arrow6.src = arrowsO[0].src; break;
	  case 7: document.arrow7.src = arrowsO[0].src; break;
	  case 8: document.arrow8.src = arrowsO[0].src; break;
	  default: break;
	}			
	return true;
} 

function SwapOutRed(tableRow) {
	switch (tableRow) {
	  case 1: document.arrow1.src = arrowsR[1].src; break;
	  case 2: document.arrow2.src = arrowsR[1].src; break;
	  case 3: document.arrow3.src = arrowsR[1].src; break;
	  case 4: document.arrow4.src = arrowsR[1].src; break;
	  case 5: document.arrow5.src = arrowsR[1].src; break;
	  case 6: document.arrow6.src = arrowsR[1].src; break;
	  case 7: document.arrow7.src = arrowsR[1].src; break;
	  case 8: document.arrow8.src = arrowsR[1].src; break;
	  default: break;
	}
	return true;
}

function SwapInRed(tableRow) {
	switch (tableRow) {
	  case 1: document.arrow1.src = arrowsR[0].src; break;
	  case 2: document.arrow2.src = arrowsR[0].src; break;
	  case 3: document.arrow3.src = arrowsR[0].src; break;
	  case 4: document.arrow4.src = arrowsR[0].src; break;
	  case 5: document.arrow5.src = arrowsR[0].src; break;
	  case 6: document.arrow6.src = arrowsR[0].src; break;
	  case 7: document.arrow7.src = arrowsR[0].src; break;
	  case 8: document.arrow8.src = arrowsR[0].src; break;
	  default: break;
	}			
	return true;
}

sfHover = function() {
    var sfEls = document.getElementById("nav").getElementsByTagName("LI");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);