// ROW 1 MENU IMAGE TOGGLE

function toggleOneOn(obj){
	//hide row 1 - 1st image
	var showable = obj.parentNode.parentNode.getElementsByTagName('span');
    //hide it
	showable.item(1).className = "barHidden";
    //show row 1 - 2nd image
    var toggle = obj.parentNode.parentNode.getElementsByTagName('span');
    //show it
	toggle.item(0).className = "barShow";
	
	//hide row 1 - 1st image
	var showable = obj.parentNode.parentNode.getElementsByTagName('span');
    //hide it
	showable.item(3).className = "barHidden";
    //show row 1 - 2nd image
    var toggle = obj.parentNode.parentNode.getElementsByTagName('span');
    //show it
	toggle.item(2).className = "barShow";

}
function toggleOneOff(obj){
	//hide row 1 - 1st image
	var showable = obj.parentNode.getElementsByTagName('span');
    //hide it
	showable.item(0).className = "barHidden";
    //show row 1 - 2nd image
    var toggle = obj.parentNode.getElementsByTagName('span');
    //show it
	toggle.item(1).className = "barShow";
	
	//hide row 1 - 2nd image
	var showable = obj.parentNode.parentNode.getElementsByTagName('span');
    //show it
	showable.item(2).className = "barHidden";
    //show row 1 - 1st image
    var toggle = obj.parentNode.parentNode.getElementsByTagName('span');
    //show it
	toggle.item(3).className = "barShow";
}


// ROW 2 MENU IMAGE TOGGLE


function toggleTwoOff(obj){
	//hide row 1 - 1st image
	var showable = obj.parentNode.parentNode.getElementsByTagName('span');
    //hide it
	showable.item(1).className = "barHidden";
    //show row 1 - 2nd image
    var toggle = obj.parentNode.parentNode.getElementsByTagName('span');
    //show it
	toggle.item(0).className = "barShow";
	
	//hide row 1 - 1st image
	var showable = obj.parentNode.parentNode.getElementsByTagName('span');
    //hide it
	showable.item(3).className = "barHidden";
    //show row 1 - 2nd image
    var toggle = obj.parentNode.parentNode.getElementsByTagName('span');
    //show it
	toggle.item(2).className = "barShow";
	
	//hide row 1 - 1st image
	var showable = obj.parentNode.parentNode.getElementsByTagName('span');
    //hide it
	showable.item(4).className = "barHidden";
    //show row 1 - 2nd image
    var toggle = obj.parentNode.parentNode.getElementsByTagName('span');
    //show it
	toggle.item(5).className = "barShow";
}


// ROW 3 MENU IMAGE TOGGLE


function toggleThreeOff(obj){
	//hide row 1 - 1st image
	var showable = obj.parentNode.parentNode.getElementsByTagName('span');
    //hide it
	showable.item(1).className = "barHidden";
    //show row 1 - 2nd image
    var toggle = obj.parentNode.parentNode.getElementsByTagName('span');
    //show it
	toggle.item(0).className = "barShow";
	
	//hide row 1 - 1st image
	var showable = obj.parentNode.parentNode.getElementsByTagName('span');
    //hide it
	showable.item(2).className = "barHidden";
    //show row 1 - 2nd image
    var toggle = obj.parentNode.parentNode.getElementsByTagName('span');
    //show it
	toggle.item(3).className = "barShow";
	
		//hide row 1 - 1st image
	var showable = obj.parentNode.parentNode.getElementsByTagName('span');
    //hide it
	showable.item(5).className = "barHidden";
    //show row 1 - 2nd image
    var toggle = obj.parentNode.parentNode.getElementsByTagName('span');
    //show it
	toggle.item(4).className = "barShow";
}