// JavaScript Document

/******************************************************************
	Div tag Hide/Show Scripts
******************************************************************/
function showDivWhat() {
		if (document.getElementById('what').className == 'show_style') { 
			document.getElementById('what').className = 'inv_style';
		} else if (document.getElementById('what').className == 'inv_style') {
			document.getElementById('what').className = 'show_style';
		}
}

function showDiv(id) {
		if (document.getElementById(id).className == "show_style") { 
			document.getElementById(id).className = "inv_style";
		} else if (document.getElementById(id).className == "inv_style") {
			document.getElementById(id).className = "show_style";
		}
}


/******************************************************************
	quote variables
	These Blocks of HTML are inserted into <div id="type"></div> tag
	asking for further info about that project.
******************************************************************/

/******************************************************************
	Drop Down Content
******************************************************************/

var dropDn = "<table width='100%' border='0' cellspacing='0' cellpadding='0'>";
dropDn += "<tr>";
dropDn += "<td background='images/bgTileBot.jpg'>&nbsp;</td>";
dropDn += "<td width='15' align='right' valign='bottom' background='images/shadowLeft.jpg'><img src='images/shadowLeft.gif' width='15' height='5'></td>";
dropDn += "<td width='20' align='left' valign='top' bgcolor='#FFFFFF' class='text'><br></td>";
dropDn += "<td width='660' align='left' valign='bottom' bgcolor='#FFFFFF' class='text'>";
dropDn += "<form target='_blank' name='login' method='post' action='http://www.myfims.com/login_validation.asp'>";
dropDn += "<img src='images/shim.gif' width='660' height='10'><br>";
dropDn += "User Name: <input name='username' type='text' class='text' size='20'>";
dropDn += "&nbsp;&nbsp;&nbsp;&nbsp;";
dropDn += "Password: <input name='password' type='password' class='text' size='20'>";
dropDn += "&nbsp;&nbsp;&nbsp;&nbsp;";
dropDn += "<input name='login' type='submit' class='button' id='login' value='LOGIN'>";
dropDn += "&nbsp;&nbsp;&nbsp;&nbsp;";
dropDn += "<a href='#' onClick =' selectType(dropUp);' style='text-decoration:none'><input name='login2' type='button' class='button' id='login2' value='CLOSE'></a>";
dropDn += "<br><img src='images/divide_HorzGray.gif' width='660' height='20'>";
dropDn += "</form>";
dropDn += "</td>";
dropDn += "<td width='20' bgcolor='#FFFFFF' class='text'>&nbsp;</td>";
dropDn += "<td width='15' align='left' valign='bottom' background='images/shadowRight.jpg'><img src='images/shadowRight.gif' width='15' height='5'></td>";
dropDn += "<td background='images/bgTileBot.jpg'>&nbsp;</td>";
dropDn += "</tr>";
/*
dropDn += "<tr>";
dropDn += "<td background='images/bgTileBot.jpg'>&nbsp;</td>";
dropDn += "<td align='right' valign='bottom' background='images/shadowLeft.jpg'>&nbsp;</td>";
dropDn += "<td align='left' valign='top' bgcolor='#FFFFFF' class='text'>&nbsp;</td>";
dropDn += "<td align='left' valign='bottom' bgcolor='#FFFFFF' class='text'><img src='images/divide_HorzGray.gif' width='660' height='20'></td>";
dropDn += "<td bgcolor='#FFFFFF' class='text'>&nbsp;</td>";
dropDn += "<td align='left' valign='bottom' background='images/shadowRight.jpg'>&nbsp;</td>";
dropDn += "<td background='images/bgTileBot.jpg'>&nbsp;</td>";
dropDn += "</tr>";
*/
dropDn += "</table>";

/******************************************************************
	Drop Up Content
******************************************************************/
var dropUp = "<table width='100%' border='0' cellspacing='0' cellpadding='0'>";
dropUp += "<tr>";
dropUp += "<td background='images/bgTileBot.jpg'><img src='images/shim.gif' width='5' height='1'></td>";
dropUp += "<td background='images/shadowLeft.jpg' width='15'><img src='images/shim.gif' width='5' height='1'></td>";
dropUp += "<td bgcolor='#FFFFFF' width='700'><img src='images/shim.gif' width='5' height='1'></td>";
dropUp += "<td background='images/shadowRight.jpg' width='15'><img src='images/shim.gif' width='5' height='1'></td>";
dropUp += "<td background='images/bgTileBot.jpg'><img src='images/shim.gif' width='5' height='1'></td>";
dropUp += "</tr>";
dropUp += "</table>";

/******************************************************************
	The innerHTML that is called that actually inputs the HTML
	inside the <div id="type"></div> tag.
	Note: This does not show up in the source code.
	To debug, use alert(); function.
******************************************************************/
function selectType(par){
document.getElementById('type').innerHTML=par;
}