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

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 browserName = navigator.userAgent.indexOf('MSIE')>0?'IE':(navigator.userAgent.indexOf('Mozilla')>0?'MZ':"?");

var enabledButtons=new Array();
// preload graphics for button
//var browserName = 'MZ';
preloadButtonGraphics();

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;
		}
		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();
		}
		function writecodeimg(){
			document.write('<img src="dir+"/codeimg' + d + '.png" height="25px" width="106px" border="1">');
		}

//-------------------------------------------------
//-------------------------------------------------

document.write("	<div id='overlay'></div>");
document.write("	<div id=\"window\">");
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=\"\"></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=\"45%\"><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=\"\"><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 -->