// css detect
var css = (document.getElementById) ? 1 : 0;
var ns4 = (document.layers) ? 1 : 0;
var moz = (navigator.product == "Gecko") ? 1 : 0;

var overMenus = [];
var upMenus = [];
var closeTimer = false;
var menus = [];


writeMainButtons = function(mi,y,maintain){
	var d,m = '<table id="mainMenu" width="655" align="center" cellspacing=0 border=0><tr>';//<td><img src="menuPics/spacer.gif" height=30 width=1></td>';
//	var left = Math.ceil((Math.max(getBrowserSize().width,720) - 720) / 2);
	var prevl=0; var i=-1;
	makeArrays(mi);
	while(++i < mi.length){
		m += '<td width="164" class="button" onMouseOver="showMenu(\''+ mi[i][0] + '\',this); imgOn(\''+ mi[i][0] + '\');"';
		if(mi[i][1]) m += ' onMouseOut="hideMenus(\''+ mi[i][0] + '\'); imgOff(\''+ mi[i][0] + '\');"';
		else m += ' onMouseOut="imgOff(\''+ mi[i][0] + '\');"';
		m += ' onMouseUp="buttonAction(\'' + mi[i][0] + '\');"';
		m += '><img src="pics/menu_' + mi[i][0] + '_0.gif" name="' + mi[i][0] + '" border=0></td>';
		if(mi[i][1]){
			d = createMenu(mi[i][0],mi[i][1],maintain?mi[i][0]:null);
//			d.style.left = left + (prevl += (i==0 ? 0 : i<3 ? 140 : 110)) + "px";
			d.style.top = y ? y : "150px";
			d.xindex = i;
			menus.push(d);
		}
	}
//	m += '</tr><tr><td colspan=' + (mi.length+1) + '><img src="menuPics/spacer.gif" height=7></td></tr></table>';
	m += '</tr></table>';
	document.write(m);
};

createMenu = function(n,mi,maintain){
	var de = '<div id="' + n + '" class="menu" style="background-color:' + currColour.dark + ';"';
	de += ' onMouseOver="menuOverAction(this);"';
	de += ' onMouseOut="menuOutAction(this);"';
	de += '><table width="164" cellspacing=1 border=0>';
//*
	var i = -1;
	if(maintain) de += '<tr><td class="subButton" onMouseUp="addPage(\''+ maintain + '\');" style="background-color:' + currColour.dark + ';color:#ffffff;">[add a page]</td></tr>';
	var label;
	while(++i < mi.length){
		label = mi[i].substr(1);
		de += '<tr><td class="subButton" style="background-color:' + currColour.light + ';"';
		de += ' onMouseOver="highlightSB(this);"';
		de += ' onMouseOut="normalSB(this);"';
		de += ' onMouseUp="buttonAction(\'' + n + '\', \'' + mi[i] + '\');"';
		de += '>' + label.toUpperCase() + '</td></tr>';
	};
//*/
	de += '</table></div>';
	document.write(de);
	var d = getItem(n);
	d.style.visibility = 'hidden';
	return d;
}

placeMenus = function(){
	var left = Math.floor((Math.max(getBrowserSize().width,655) - 655) / 2);
	// account for scrollbar in mozilla
	if(document.height && !ns4){
		if(document.height > window.innerHeight) left -= 8;
	};
	var i = -1;
	while(++i < menus.length){
		var xi = menus[i].xindex;
//		var offset = 110*xi + (xi>1 ? 65 : xi>0 ? 35 : 0);
		var offset = 314; //158*xi;
		menus[i].style.left = left + offset + "px";
	};
};

function makeArrays(a,loc){
	menuImages = {};
	for(i in a){
		if(loc != a[i][0]){
			menuImages[a[i][0]+"off"] = new Image();
			menuImages[a[i][0]+"off"].src = "pics/menu_"+a[i][0]+"_0.gif";
			menuImages[a[i][0]+"on"] = new Image();
			menuImages[a[i][0]+"on"].src = "pics/menu_"+a[i][0]+"_1.gif";
		};
	};
};

function imgOn(img){
	document[img].src = menuImages[img+"on"].src;
};

function imgOff(img){
	document[img].src = menuImages[img+"off"].src;
};

buttonAction = function(page,gall,order){
	// if link, it's a main button
	var args = '?page=' + page;
	if(gall) args += '&gall=' + gall; // + '&o=' + order;
	document.location.href = docself + args
};

buttonActionMaintain = function(b,sect,lnk){
	// if link, it's a main button
	if(!lnk) lnk = 'index';
//	alert(docself + '?p=' + sect + '/' + lnk);
	document.location.href = docself + '?a=list&p=' + sect + '/' + lnk;
}

highlightSB = function(b){
	b.style.backgroundColor = currColour.dark; //"#7f6f5b";
	b.style.color = "#ffffff";
}

normalSB = function(b){
	b.style.backgroundColor = currColour.light; //"#a89a87";
	b.style.color = "#000000";
}

menuOverAction = function(m){
	overMenus.push(m);
}

menuOutAction = function(m){
	hideMenus(null,m);
}


showMenu = function(menu,button){
//	button.style.backgroundColor = "#ffffff";
	var m;
	if(m = getItem(menu)){
		// hack to put parent button ref in menu
		m.button = button;
		overMenus.push(m);
		upMenus.push(m);
		m.style.visibility = 'visible';
	}
}

//*
hideMenus = function(menu,m){
	if(!m && !(m = getItem(menu))) return;
//	alert('hm - menu:'+menu+' m:'+m);
	overMenus.removeItem(m);
	if(!closeTimer){
		closeTimer = setTimeout('closeAllMenus()',250);
	}
}
	
closeAllMenus = function(){
	closeTimer = false;
	var m,i = upMenus.length;
	while(i--){
		m = upMenus[i];
		if(overMenus.getplace(m) == -1){
			m.style.visibility = 'hidden';
//			m.button.style.backgroundColor = "#9b8b77";
			upMenus.removeItem(m);
		}
	}
}
//*/

getItem = function(targ){
	if(css) return document.getElementById(targ);
	else if(ns4) return document[targ];
	else return eval(targ);
}

traceObj = function(o){
	var i,s='';
	for(i in o){
		s += i + ":" + o[i] + "<br>\n";
	}
	alert(s);
}

Array.prototype.getplace = function(item){
	var i = this.length;
	while(i--){
		if(this[i]==item){ return(i);}
	}
	return(-1);
};

Array.prototype.removeItem = function(item){
	var p = this.getplace(item);
	if(p>-1){
		this.splice(p,1);
		return true;
	};
	return false;
};

if(!Array.prototype.push){
	Array.prototype.push = function(i){
		this[this.length] = i;
	}
}

if(!Array.prototype.splice){
	Array.prototype.splice = function(i,l){
		var len = this.length-l;
		var a = new Array();
		while(i < len){
			this[i] = this[i+l];
			i++;
		}
		this.length = len;
	}
}

function getBrowserSize() {
  var myWidth,myHeight;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else {
    if( document.documentElement &&
        ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
      //IE 6+ in 'standards compliant mode'
      myWidth = document.documentElement.clientWidth;
      myHeight = document.documentElement.clientHeight;
    } else {
      if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
        //IE 4 compatible
        myWidth = document.body.clientWidth;
        myHeight = document.body.clientHeight;
      }
    }
  }
  return {height:myHeight,width:myWidth};
};

function showPic(pic,ecom){
	if(ecom) pic += '&ecom=1';
	window.open('showPic.php?pic='+pic,'wdfs_picwin','width=200,height=200,resizable=1');
};