/*
BEN HAYNES
05.12.2006 5:48am
benh@ynes.org

CREDITS:
Force getElementById + SHOW / HIDE by Takashi Okamoto
http://www.mudcorporation.com/
*/
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

var imgs_over = new Array();
var imgs = new Array();
// sections
var sections = new Array(
	'print',
	'motion',
	'web',
	'admin',
	'press'
);

function load_images() {
	for (var i = 0; i < sections.length; i++) {
		imgs[sections[i]] = new Image();
		imgs_over[sections[i]] = new Image();
		imgs[sections[i]].src = "images/trans_" + sections[i] + ".gif";
		imgs_over[sections[i]].src = "images/" + sections[i] + "_on.gif";
	}
}

function image_over(id) {
	var img = document.getElementById('pie');
	img.src = imgs_over[id].src;
}

function image_off(id) {
	var img = document.getElementById('pie');
	img.src = "images/off.gif";
}

window.onload = load_images;
	
// ]]>

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//  Force getElementById

if(!document.getElementById) {
	if(document.all) {
		document.getElementById = function() {
			if(typeof document.all[arguments[0]] != "undefined") {
				return document.all[arguments[0]];
			} else { return null; }
		}
	} else if(document.layers) {
		document.getElementById = function() {
			if(typeof document[arguments[0]] != "undefined") {
				return document[arguments[0]];
			} else { return null; }
		}
	}
}
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Show + Hide
//*THESE THREE FUNCTIONS ARE NOT USED AS OF WHEN BEN GAVE THIS CODE TO YOU, BUT YOU MAY WANT TO USE THEM LATER SO ILL LEAVE THEM*

function showBOX(n) {
	killallBOX();
    document.getElementById('BOX' + n).style.display = 'block';
}
function hideBOX(n) {
    document.getElementById('BOX' + n).style.display = 'none';
}    
function swapBOX(n) {
	document.getElementById('BOX' + n).style.display = document.getElementById('BOX' + n).style.display=='none'?'block':'none';
}
//add ID's to here if more than one
killList   = new Array("A5PIC2", "B1PIC2", "B1PIC3", "B2PIC2", "B2PIC3", "B2PIC4", "B2PIC5", "B2PIC6", "B2PIC7", "B3PIC2", "B3PIC3", "B3PIC4","B4PIC2", "B4PIC3", "B4PIC4", "B4PIC5", "B5PIC2", "B5PIC3", "C2PIC2", "C3PIC2", "C3PIC3", "C3PIC4", "C4PIC2", "C6PIC2", "C6PIC3", "D1PIC2", "D1PIC3", "D1PIC4", "D1PIC5", "D1PIC6", "D3PIC2", "D3PIC3");
function killallBOX() {
	for(i=0;i<killList.length;i++){
		document.getElementById('BOX' + killList[i]).style.display = 'none';
	}
}

killList2   = new Array("A5PIC2");
function killallBOX2() {
	for(i=0;i<killList2.length;i++){
		document.getElementById('BOX' + killList2[i]).style.display = 'none';
	}
}
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// Show + Hide Groups
//BELOW - an array used to get letters from numbers, if you have more than 26 groups you need to add AA BB CC...
alphaKEY = new Array("NULL", "A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z");
//BELOW - numbers represent the total subgroups in each group ( roughly lines up with the above letter array to help)
SUBnum   = new Array("NULL", 6, 5, 7, 3);
//BELOW - Total number of groups
var GROUPnum = 4;
//BELOW - Whether or not subgroups reset to closed when you change groups (CHOICES= true or false)
var resetSUB = true;
//BELOW - Names of classes for "ACTIVE" and "NON-ACTIVE"
var classNameON = "current";
var classNameOFF = "nav";
var xPos = 0;

//NO NEED TO EDIT BELOW THIS LINE -----------------------------------------------------------------------------------------
function groupBOX(g) {
	for (x=1; x <= GROUPnum; x++){
		if(alphaKEY[x] != g){
			document.getElementById('BOX' + alphaKEY[x]).style.display = 'none';
			document.getElementById('BOX' + alphaKEY[x] + "TITLE").className = classNameOFF;
		}
	}
	document.getElementById('BOX' + g).style.display = document.getElementById('BOX' + g).style.display=='none'?'block':'none';
	document.getElementById('BOX' + g + "TITLE").className = document.getElementById('BOX' + g + "TITLE").className==classNameOFF?classNameON:classNameOFF;
	if(resetSUB == true){
		RESETsubBOX();
	}
}

function subBOX(g, s) {
	killallBOX();
	for (x=1; x <= SUBnum[g]; x++){
		if(x != (s)){
			document.getElementById('BOX' +alphaKEY[g] + x).style.display = 'none';
			document.getElementById('BOX' +alphaKEY[g] + x + "TITLE").className = classNameOFF;
			document.getElementById('BOX' +alphaKEY[g] + x + "PIC").style.display = 'none';
		}
	}
	document.getElementById('BOX' +alphaKEY[g] + s).style.display = document.getElementById('BOX' +alphaKEY[g] + s).style.display=='none'?'block':'none';
	document.getElementById('BOX' +alphaKEY[g] + s + "TITLE").className = document.getElementById('BOX' +alphaKEY[g] + s + "TITLE").className==classNameOFF?classNameON:classNameOFF;
	subPIC(g, s);
}

function RESETsubBOX() {
	for (g=1; g <= GROUPnum; g++){
		for (x=1; x <= SUBnum[g]; x++){
			document.getElementById('BOX' +alphaKEY[g] + x).style.display = 'none';
			document.getElementById('BOX' +alphaKEY[g] + x + "TITLE").className = classNameOFF;
			document.getElementById('BOX' +alphaKEY[g] + x + "PIC").style.display = 'none';
		}
	}
}

function subPIC(g, s) {
	for (x=1; x <= SUBnum[g]; x++){
		if(x != (s)){
			document.getElementById('BOX' +alphaKEY[g] + x + "PIC").style.display = 'none';
		}
	}
	document.getElementById('BOX' +alphaKEY[g] + s + "PIC").style.display = document.getElementById('BOX' +alphaKEY[g] + s + "PIC").style.display=='none'?'block':'none';
	//SLIDE(g+s, '2');
	//SLIDE(g+s, '1');
	ForceTimer = setTimeout("forceSHOW("+g+", "+s+")", 100);
}

function SLIDE(gs, p) {
	
	xPos = ((p * 450) - 450) * -1;
	//alert('BOX' + gs + 'SLIDE' + " = " + xPos);
	document.getElementById('BOX' + gs + 'SLIDE').style.left = xPos;
}

function forceSHOW(g, s) {
	//alert('BOX' + alphaKEY[g] + s + 'SLIDE' + " = " + xPos);
	document.getElementById('BOX' + alphaKEY[g] + s + 'SLIDE').style.left = 0;
	if (ForceTimer) clearTimeout(ForceTimer);
}