//INITIALIZATION
//document.onmousedown = mouseDown
document.onmousemove = mouseMove
document.onmouseup = mouseUp
var domove=0;
var layeron=0;
var b; //b is for browser
var openWin
var WinWidth,WinHeight
var tableWidth=731;  //set this to the width of a centered table
var xoffset,yoffset
var items = new Array()

function init(){
//BROWSER DETECTION
if(navigator.appName == "Microsoft Internet Explorer" &&  parseInt(navigator.appVersion) >= 4){
	b = "ie4";
	WinWidth = document.body.clientWidth;
	WinHeight = document.body.clientHeight;
}else if(navigator.appName == "Netscape" && parseInt(navigator.appVersion) == 4){
	b = "nav4";
	WinWidth = window.innerWidth;
	WinHeight = window.innerHeight;
}else if(navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 5) {
	b = "nav6";
	WinWidth = window.innerWidth;
	WinHeight = window.innerHeight;
	}else{
	b = "unknown";
}

//if (b == "nav4"){ document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP)}
}

function assemble(layerID){ //gives us an easy cross browser handle for show/hide
	if (b == 'ie4') return eval('document.all.' + layerID + '.style')
	if (b == 'nav6') return eval('document.getElementById("' + layerID + '").style')
	if (b == 'nav4') return eval('document.' + layerID )
}

function getobj(layerID){//returns layer objects without the style
	if (b == 'ie4') return eval('document.all.' + layerID)
	if (b == 'nav6') return eval('document.getElementById("' + layerID + '")')
}

//SHOW HIDE FUNCTIONS
function hideall(){
	if (b != "unknown"){ //Only Fire if you see ie or navigator.
		for (i = 0 ; i < items.length ; i++){
			hide(items[i])
		}
	}
}

function show(divName){
	if (b != "unknown"){
		openWin = assemble(divName)
		openWin.visibility = "visible"
		layeron=1;
		tempobj = getobj(divName)
		tempobj.onmousedown = layerMouseDown
		tempobj.onmouseup = layerMouseUp
	}
}

function hide(divName){
	if (b != "unknown"){
		openWin = assemble(divName)
		openWin.visibility = "hidden"
		layeron=0;
	}
}

function layerMouseDown(e){
	if (b == "ie4"){
		domove=1;
		xoffset = event.x - parseInt(openWin.left);
		yoffset = event.y - parseInt(openWin.top);
	}else if (b == "nav6"){
		domove=1;
		xoffset = e.clientX - parseInt(openWin.left);
		yoffset = e.clientY - parseInt(openWin.top);
	}
}
function layerMouseUp(e){
	domove=0;
	return false;
}
function mouseUp(e){
	domove=0;
	return false;
}

function mouseMove(e) {
	if (domove){
		if (b == "ie4"){
			openWin.top = event.y - yoffset
			openWin.left = event.x - xoffset
			return false;
		}else if (b == "nav6"){
			openWin.left = e.clientX - xoffset
			openWin.top = e.clientY - yoffset
		status='clientX:'+e.clientX+',clientY:'+e.clientY
			return false;
		}
	}
}



//LAYER WRITE: does <div> if ie4+, NN5/6, and <layer> if NN4.x (not generally as pretty)
function writeLayer(layerName,leftVal,topVal,lTitle,lContents){
	if (b != "unknown"){
		items[items.length] = layerName  // push() work around. adds the layername to the items array.
		leftVal = leftVal + ((WinWidth / 2) - parseInt(tableWidth / 2))  //calculates based on the center of the page (window.width/2)-(table.width/2)
		if (b == 'ie4' || b == 'nav6') {
			document.writeln('<div id="'+layerName+'" style="position:absolute; left:'+leftVal+'px; top:'+topVal+'px; width:500; visibility:hidden">');
		} else if ( b == 'nav4' ) {
			document.writeln('<layer id="'+layerName+'" pagex="'+leftVal+'" pagey="'+topVal+'" width="300" height="10" visibility="hidden">');
		}
		// bgcolor="#B9BDCB"
		document.writeln(' ',
			'<table border="0" cellspacing="0" cellpadding="0" background="">',
			'	<tr>',
			'		<td>',
			'			<table width="100%" border=0 cellspacing=0 cellpadding=0 background="">',
			'				<tr>',
			'					<td><img src="/images/layer_topleft.gif" border=0></td>',
			'					<td width="100%" bgcolor="#808495" class="popuptitle"> :: '+lTitle+'</td>',
			'					<td><a href="javascript:hide(\''+layerName+'\')"><img src="/images/layer_toprightbutton.gif" border=0></a></td>',
			'				</tr>',
			'			</table>',
			'		</td>',
			'	</tr>',
			'	<tr>',
			'		<td valign="top" bgcolor="#B9BDCB" height="100">',
			'			<table width="90%" align="center" border=0 cellspacing=0 cellpadding=0 background="">',
			'				<tr>',
			'					<td bgcolor="#B9BDCB" class="popup">',
					lContents,
			'</td>',
			'				</tr>',
			'			</table>',
			'		</td>',
			'	</tr>',
			'	<tr>',
			'		<td>',
			'			<table width="100%" border=0 cellspacing=0 cellpadding=0 background="">',
			'				<tr>',
			'					<td><img src="/images/layer_botleft.gif" border=0></td>',
			'					<td width="100%" bgcolor="#B9BDCB"><img src="/images/transparent.gif" width="1" height="1" border=0></td>',
			'					<td><img src="/images/layer_botright.gif" border=0></td>',
			'				</tr>',
			'			</table>',
			'		</td>',
			'	</tr>',
			'</table>');
		if ( b == 'ie4' || b == 'nav6') {
			document.writeln('</div>');
		} else if ( b == 'nav4' ) {
			document.writeln('</layer>');
		}
	}
}