var contact_title="Contact the GCC Webmaster";
var sendmail_location="http://gcc-opc.org/cgi-bin/sendmailc.cgi";
var dir="/files/";

function loadjscssfile (filename, filetype){
	if (filetype=="js"){ //if filename is a external JavaScript file
		var fileref=document.createElement('script')
		fileref.setAttribute("type","text/javascript")
		fileref.setAttribute("src", filename)
	}
	else if (filetype=="css"){ //if filename is an external CSS file
		var fileref=document.createElement("link")
		fileref.setAttribute("rel", "stylesheet")
		fileref.setAttribute("type", "text/css")
		fileref.setAttribute("href", filename)
	}
	if (typeof fileref!="undefined")
		document.getElementsByTagName("head")[0].appendChild(fileref)
}

//<!-- Start Overlay Form -->
//dynamically load css files
loadjscssfile(dir+"main.css", "css");	//<link rel="stylesheet" type="text/css" href="/files/main.css">
loadjscssfile(dir+"box.css", "css");	//<link rel="stylesheet" type="text/css" href="/files/box.css">
	//<!--[if lt IE 7]>
	//	loadjscssfile(dir+"box_no_ie7.css", "css");	//<link rel="stylesheet" type="text/css" href="/files/box_no_ie7.css">
	//<![endif]-->
loadjscssfile(dir+"thickbox.css", "css");	//<link rel="stylesheet" type="text/css" href="/files/thickbox.css" media="screen" title="SFx">
	//<!--[if IE]>
	//	loadjscssfile(dir+"thickbox2.css", "css");	//<link rel="stylesheet" type="text/css" media="screen" href="/files/thickbox2.css" >
	//<![endif]-->

function preloadImages(){
	var doc=document;
	if(doc.images){
		doc.imgs=new Array();
		var i,j=doc.imgs.length,a=preloadImages.arguments;
		for(i=0;i<a.length;i++){
			if(a[i].indexOf("#")!=0){
				doc.imgs[j]=new Image;
				doc.imgs[j++].src=a[i];
			}
		}
	}
}

var enabledButtons=new Array();
function preloadButtonGraphics(){
	var img_list="";
	img_list+=" '"+dir+"buttonLeft.png' ";
	img_list+=", '"+dir+"buttonCenter.png' ";
	img_list+=", '"+dir+"buttonRight.png' ";
	img_list+=", '"+dir+"buttonLeftHighlighted.png' ";
	img_list+=", '"+dir+"buttonCenterHighlighted.png' ";
	img_list+=", '"+dir+"buttonRighHighlighted.png' ";
	if(img_list){
		img_list="preloadImages("+img_list+")";
		eval(img_list);
	}
}
function mouseMovement(b_name,b_left,b_center,b_right){
	var b_list=enabledButtons[b_name];
	if(b_list==false){return;}
	var b_left_name="buttonLeft"+b_name;
	var b_center_name="buttonCenter"+b_name;
	var b_right_name="buttonRight"+b_name;
	if(browserName=="IE"){
		var obj=document.getElementById(b_left_name);
		obj.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='"+b_left+"', sizingMethod=scale)";
		var obj=document.getElementById(b_center_name);
		obj.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='"+b_center+"', sizingMethod=scale)";
		var obj=document.getElementById(b_right_name);
		obj.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='"+b_right+"', sizingMethod=scale)";
	}else{
		var obj=document.getElementById(b_left_name);			obj.src=b_left;
		var obj=document.getElementById(b_center_name);			obj.style.backgroundImage="url("+b_center+")";
		var obj=document.getElementById(b_right_name);			obj.src=b_right;
	}
}
//-------------------------------------------------
//-------------------------------------------------

var today = new Date();
var d = today.getSeconds();
var maximages=30;
d = Math.floor(d/(60/maximages));
function fixheight(){
	h = (typeof window.innerHeight != 'undefined' ? document.body.offsetHeight:window.innerHeight);
	w = (typeof window.innerWidth != 'undefined' ? document.body.offsetWidth:window.innerWidth);
	h-=252;
	document.getElementById('overlay').style.height = h+444;
	document.getElementById('overlay').style.width = w;
}

addLoadEvent(fixheight);

function toggleOverLay(subj,toaddr) {
	if (!subj) subj="";
	document.contact.subject.value=subj;
	if (!toaddr) toaddr="Webmaster";
	document.contact.to_name.value=toaddr;

	if (document.getElementById('overlay').style.display != 'block') {
		document.getElementById('overlay').style.display = 'block';
		document.getElementById('window').style.display = 'block';
	} else {
		document.getElementById('overlay').style.display = 'none';
		document.getElementById('window').style.display = 'none';
	}
}
//function makeArray0() {	for (i = 0; i<makeArray0.arguments.length; i++) this[i] = makeArray0.arguments[i]; }

function checkandsubmit(){
	document.contact.browser_info.value=navigator.userAgent;
	document.contact.screen_size.value=(parseInt(navigator.appVersion) >= 4)?(screen.width + " x " + screen.height):"unknown";
	document.contact.code.value=document.contact.code1.value.toUpperCase();
	document.contact.codenumber.value=d;
	document.contact.submit();
}

var browserName = navigator.userAgent.indexOf('MSIE')>0?'IE':(navigator.userAgent.indexOf('Mozilla')>0?'MZ':"?");
preloadButtonGraphics();
//-------------------------------------------------
//-------------------------------------------------

document.write("	<div id='overlay'></div>");
document.write("	<div id='window' style='display:none;'>");
document.write("		<div id='title'>");
document.write("			<div id='WindowTitle'> </div>");
document.write("			<div id='closeWindow'><img src='"+dir+"FrameCloseRegular.gif' onmouseover=\"this.src='"+dir+"FrameCloseHighlight.gif';\" onmouseout=\"this.src='"+dir+"FrameCloseRegular.gif';\" onclick=\"toggleOverLay('overlay');\" height='15' width='15' alt=''></div>");
document.write("		</div> <!-- title -->");
document.write("		<div id='HeaderGradientImage'>");
document.write("			<table border='0' cellpadding='0' cellspacing='0' width='100%'><tbody><tr>");
document.write("				<td><img src='"+dir+"leftEdge.png' alt='' height='43' width='2' border='0'></td>");
document.write("				<td><img src='"+dir+"topGradient.png' alt='' height='43' width='443' border='0'></td>");
document.write("				<td><img src='"+dir+"rightEdge.png' alt='' height='43' width='2' border='0'></td>");
document.write("			</tr></tbody></table>");
document.write("			<div id='HeaderCaptionImage'><img src='"+dir+"ContactWebmaster.png' height='30' width='35' border='0' alt='' style=\"margin-left: -380px;\"></div>");
document.write("			<div id='HeaderCaptionShadow'>"+contact_title+"</div>");
document.write("			<div id='HeaderCaption'>"+contact_title+"</div>");
document.write("		</div><!-- HeaderGradientImage -->");
document.write("		<div id='form_box'>");
document.write("			<form action='"+sendmail_location+"' method='post' name='contact'>");
document.write("				<input type='hidden' name='browser_info' value=''><input type='hidden' name='codenumber' value=''><input type='hidden' name='screen_size' value=''>");
document.write("				<!--[if IE]><br/><![endif]-->");
document.write("				 Your Name: <input type='text' name='name' size='40' value='' class='textbox_start' onfocus=\"this.className='textbox_hilite'\" onblur=\"this.className='textbox_normal'\"><br/>");
document.write("				 Your Email Address: <input type='text' name='email' size='40' value='' class='textbox_start' onfocus=\"this.className='textbox_hilite'\" onblur=\"this.className='textbox_normal'\"><br/>");
document.write("				 To:  <input type='text' size='35' name='to_name' value='' readonly='readonly' style='background-color:#F8F8F8'><br/>");
document.write("				 Message Subject: <input type='text' name='subject' size='39' value='' class='textbox_start' onfocus=\"this.className='textbox_hilite'\" onblur=\"this.className='textbox_normal'\"><br/>");
document.write("				 Message:");
document.write("				&nbsp; &nbsp; &nbsp;<textarea name='message' cols='50' rows='9' class='normal' onFocus=\"this.className='hilite'\" onblur=\"this.className='normal'\"></textarea><br/>");
document.write("				<table border='0' cellpadding='0' cellspacing='0' width='85%'><tbody><tr>");
document.write("					<td height='40' nowrap='nowrap'>Code:</td>");
document.write("					<td>");
document.write("						<img src='"+dir+"codeimg" + d + ".png' height='25px' width='106px' border='1'>");
document.write("					</td>");
document.write("					<td align='left'><input type='text' size='5' name='code1' value=''>(case insensitive)<input type='hidden' name='code' value=''></td>");
document.write("				</tr></tbody></table>");
document.write("			</form>");
document.write("			<div id='Footer'>");
document.write("				<div id='FooterImage'>");
document.write("					<table border='0' cellpadding='0' cellspacing='0' width='100%'><tbody><tr>");
document.write("						<td><img src='"+dir+"leftEdge.png' height='43' width='2' border='0' alt=''></td>");
document.write("						<td><img id='bgrad' width='439' height='43' border='0' src='"+dir+"background.jpg' alt=''></td>");
document.write("						<td><img src='"+dir+"rightEdge.png' height='43' width='2' border='0' alt=''></td>");
document.write("					</tr></tbody></table>");
document.write("				</div> <!-- FooterImage -->");
document.write("				<div id='Send_button'>");
document.write("					<table id='sendButton' class='cursorHand' onclick='checkandsubmit();' onmouseover=\"mouseMovement('sendButton', '"+dir+"buttonLeftHighlighted.png', '"+dir+"buttonCenterHighlighted.png', '"+dir+"buttonRighHighlighted.png');\" onmouseout=\"mouseMovement('sendButton', '"+dir+"buttonLeft.png', '"+dir+"buttonCenter.png', '"+dir+"buttonRight.png');\" border='0' cellpadding='0' cellspacing='0'><tbody><tr>");
document.write("						<td height='25' valign='top'><img src='"+dir+"buttonLeft.png' id='buttonLeftsendButton' height='25' width='15' alt=''></td>");
document.write("						<td style='background-image: url("+dir+"buttonCenter.png);' class='Button' id='buttonCentersendButton' align='center' valign='middle'>Send</td>");
document.write("						<td valign='top'><img src='"+dir+"buttonRight.png' id='buttonRightsendButton' height='25' width='16' alt=''></td>");
document.write("					</tr></tbody></table>");
document.write("				</div> <!-- Send_button -->");
document.write("				<div id='Close_button'>");
document.write("					<table id='closeButton' class='cursorHand' onclick='toggleOverLay(\"overlay\"); return false' onmouseover=\"mouseMovement('closeButton', '"+dir+"buttonLeftHighlighted.png', '"+dir+"buttonCenterHighlighted.png', '"+dir+"buttonRighHighlighted.png');\" onmouseout=\"mouseMovement('closeButton', '"+dir+"buttonLeft.png', '"+dir+"buttonCenter.png', '"+dir+"buttonRight.png');\" border='0' cellpadding='0' cellspacing='0'><tbody><tr>");
document.write("						<td height='25' valign='top'><img src='"+dir+"buttonLeft.png' id='buttonLeftcloseButton' height='25' width='15' alt=''></td>");
document.write("						<td style='background-image: url("+dir+"buttonCenter.png);' class='Button' id='buttonCentercloseButton' align='center' valign=\'middle'>Close</td>");
document.write("						<td valign='top'><img src='"+dir+"buttonRight.png' id='buttonRightcloseButton' height='25' width='16' alt=''></td>");
document.write("					</tr></tbody></table>");
document.write("				</div> <!-- Close_button -->");
document.write("			</div> <!-- Footer -->");
document.write("		</div> <!-- form_box -->");
document.write("	</div> <!-- window -->");
//<!-- End Overlay Form -->