...turn the first script into the second.
First
<!-- Provided by MyFreeTemplates.com -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MyFreeTemplates.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="Keywords here">
<meta name="description" content="Description here">
<meta name="Author" content="MyFreeTemplates.com">
<META NAME="robots" CONTENT="index, follow"> <!-- (Robot commands: All, None, Index, No Index, Follow, No Follow) -->
<META NAME="revisit-after" CONTENT="30 days">
<META NAME="distribution" CONTENT="global">
<META NAME="rating" CONTENT="general">
<META NAME="Content-Language" CONTENT="english">
<script language="JavaScript" type="text/JavaScript" src="images/myfreetemplates.js"></script>
<link href="images/myfreetemplates.css" rel="stylesheet" type="text/css">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/btn_main_dn.gif','images/btn_about_dn.gif','images/btn_products_dn.gif','images/btn_services_dn.gif','images/btn_support_dn.gif','images/btn_contact_dn.gif')">
<table width="775" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="112">
<table width="775" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" background="images/topbg.gif"><img src="images/topbg.gif" width="1" height="30"></td>
</tr>
<tr>
<td width="234" height="82" rowspan="2"><img src="images/toplogo.jpg" width="234" height="82"></td>
<td background="images/navbg.gif"><a href="javascript
:;" onMouseOver="MM_swapImage('btn_main','','images/btn_main_dn.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/btn_main.gif" name="btn_main" width="56" height="38" border="0" id="btn_main"></a><img src="images/navspacer.gif" width="2" height="38"><a href="javascript
:;" onMouseOver="MM_swapImage('btn_about','','images/btn_about_dn.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/btn_about.gif" name="btn_about" width="78" height="38" border="0" id="btn_about"></a><img src="images/navspacer.gif" width="2" height="38"><a href="javascript
:;" onMouseOver="MM_swapImage('btn_products','','image s/btn_products_dn.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/btn_products.gif" name="btn_products" width="72" height="38" border="0" id="btn_products"></a><img src="images/navspacer.gif" width="2" height="38"><a href="javascript
:;" onMouseOver="MM_swapImage('btn_services','','image s/btn_services_dn.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/btn_services.gif" name="btn_services" width="74" height="38" border="0" id="btn_services"></a><img src="images/navspacer.gif" width="2" height="38"><a href="javascript
:;" onMouseOver="MM_swapImage('btn_support','','images/btn_support_dn.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/btn_support.gif" name="btn_support" width="69" height="38" border="0" id="btn_support"></a><img src="images/navspacer.gif" width="2" height="38"><a href="javascript
:;" onMouseOver="MM_swapImage('btn_contact','','images/btn_contact_dn.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="images/btn_contact.gif" name="btn_contact" width="88" height="38" border="0" id="btn_contact"></a></td>
</tr>
<tr>
<td><img src="images/toppic1.jpg" width="212" height="44"><img src="images/toppic2.jpg" width="329" height="44"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><table width="775" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="70"> </td>
<td valign="top"><p> </p>
<h1>Page Header</h1>
<h2>Sub-header</h2>
<p>Page content goes here; To use this template you simply have to
build the html for it from the graphic. First export all your buttons,
backgrounds and other images.</p>
<p>You must decide whether certain elements will be images or html
generated. First build one template page and make sure it is exactly
right before you build the rest of the site.</p>
<p><br>
</p>
</td>
<td width="25"> </td>
<td width="250" align="center" valign="top"><img src="images/pageimage.jpg" width="208" height="266"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="70" valign="bottom">
<table width="775" height="114" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="234" height="18"> </td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="5%"><img src="images/pixi.gif" width="15" height="8"></td>
<td nowrap><span class="baseline">© Copyright
2003. Yourcompany.com <a href="http://www.myfreetemplates.com" target="_blank"><font size="1" face="Arial, Helvetica, sans-serif">free
web template from myfreetemplates.com</font></a><br>
</span></td>
<td align="right"><span class="baseline"> </span>
<!-- This will help improve search engine results for our site. With more website traffic, we can provide better and more quality free templates. This will not affect the quality or look and feel of your site in any way. You may wish to set the site of this image to 1px by 1px to hide completely from a user of the site -->
<a href="http://www.myfreetemplates.com" target="_blank"><img src="images/mftico.gif" alt="Free web templates by MyFreeTemplates.com" width="11" height="11" border="0"></a> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="234"> </td>
<td height="48" align="right" valign="baseline" bgcolor="#606060"><img src="images/pixi.gif" width="1" height="48"></td>
</tr>
<tr>
<td height="0" colspan="2">
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Second
<html>
<head>
<title>GPS Agent Center</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="../gps_site.css" type="text/css">
<script language="JavaScript">
<!--
function doReport(repForm){
var repURL="";
var repID="";
if (repForm.id.length != null){
//alert ("first is " + repForm.id[0].value);
for (var i=0; i < repForm.id.length; i++){
if (repForm.id[i].checked)
{
repID = repForm.id[i].value;
break;
}
}
if(!repID){
alert("Please select an assignment");
return 0;}
}
else{
//alert(repForm.id.checked);
if(repForm.id.checked){
repID=repForm.id.value;}
else{
alert("Please select an assignment");
return 0;}
}
switch(repForm.rep_type.selectedIndex){
case 0:
repURL="gps_dc"
break;
case 1:
repURL="gps_vc"
break;
case 2:
repURL="gps_nv"
break;
case 3:
repURL="gps_ba"
break;
}
if(repID.indexOf("mh")>0){
repURL+="_mh.php";}
else if(repID.indexOf("vand")>0){
repURL+="_vand.php";}
else if(repID.indexOf("ls")>0){
repURL+="_ls.php";}
else if(repID.indexOf("dlr")>0){
alert('This is a dealer verification report, please click on "Do Report"');
return false;}
else{
repURL+=".php";}
self.location.href=repURL + "?asgID=" + repID;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function popBox(pURL,sx,sy){
iMyWidth = (window.screen.width/2) - (sx/2 + 10); //half the screen width minus half the new window width (plus 5 pixel borders).
iMyHeight = (window.screen.height/2) - (sy/2 + 50); //half the screen height minus half the new window height (plus title and status bars).
popwindow = window.open(pURL,'nbox', "status,height=" + sy + ",width=" + sx + ",resizable=no,left=" + iMyWidth + ",top=" + iMyHeight + ",screenX=" + iMyWidth + ",screenY=" + iMyHeight + ",scrollbars=yes,resizable=no,location=no,director ies=no");
popwindow.focus();
if (popwindow.opener == null) popwindow.opener = window;
popwindow.opener.name = "opener";
//popwindow = window.open(pURL,'anew', config='height=400,width=450,toolbar=no,menubar=no ,left=" + iMyWidth + ",top=" + iMyHeight + ",screenX=" + iMyWidth + ",screenY=" + iMyHeight + "scrollbars=yes,resizable=no,location=no,directori es=no,status=yes');
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" OnLoad="MM_preloadImages('../images/cli_f2.gif','../images/shield.gif','../images/coverage_f2.gif','../images/clients_f2.gif','../images/gps_f2.gif');startscroll();" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table border="0" cellpadding="0" cellspacing="0" width="760" align="center">
<!-- fwtable fwsrc="gps2.png" fwbase="gps.gif" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="0" -->
<tr>
<td><img src="../images/spacer.gif" width="116" height="1" border="0"></td>
<td><img src="../images/spacer.gif" width="13" height="1" border="0"></td>
<td><img src="../images/spacer.gif" width="97" height="1" border="0"></td>
<td><img src="../images/spacer.gif" width="102" height="1" border="0"></td>
<td><img src="../images/spacer.gif" width="105" height="1" border="0"></td>
<td><img src="../images/spacer.gif" width="34" height="1" border="0"></td>
<td><img src="../images/spacer.gif" width="6" height="1" border="0"></td>
<td><img src="../images/spacer.gif" width="85" height="1" border="0"></td>
<td><img src="../images/spacer.gif" width="88" height="1" border="0"></td>
<td><img src="../images/spacer.gif" width="7" height="1" border="0"></td>
<td><img src="../images/spacer.gif" width="46" height="1" border="0"></td>
<td><img src="../images/spacer.gif" width="61" height="1" border="0"></td>
<td><img src="../images/spacer.gif" width="1" height="1" border="0"></td>
</tr>
<tr>
<td colspan="6"><img name="top_bar" src="../images/top_bar.gif" width="467" height="19" border="0"></td>
<td colspan="2"><a href="/clients/" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('cli','','../images/cli_f2.gif','clients','','../images/clients_f2.gif',1);" ><img name="cli" src="../images/cli.gif" width="91" height="19" border="0"></a></td>
<td colspan="2"><img name="ali" src="../images/ali_f2.gif" width="95" height="19" border="0"></td>
<td colspan="2"><img name="gps_r1_c11" src="../images/gps_r1_c11.gif" width="107" height="19" border="0"></td>
<td><img src="../images/spacer.gif" width="1" height="19" border="0"></td>
</tr>
<tr>
<td rowspan="3"><a href="../index.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('shield','','../images/shield.gif','gps','','../images/gps_f2.gif',1);" ><img name="shield" src="../images/shield_f2.gif" width="116" height="92" border="0"></a></td>
<td rowspan="3" colspan="2"><img name="agents" src="../images/agents_f2.gif" width="110" height="92" border="0"></td>
<td rowspan="3"><a href="../coverage.php" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('coverage','','../images/coverage_f2.gif',1);" ><img name="coverage" src="../images/coverage.gif" width="102" height="92" border="0"></a></td>
<td rowspan="3"><a href="/clients/" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('clients','','../images/clients_f2.gif','cli','','../images/cli_f2.gif',1);" ><img name="clients" src="../images/clients.gif" width="105" height="92" border="0"></a></td>
<td rowspan="3" colspan="2"><img name="gps_r2_c6" src="../images/gps_r2_c6.gif" width="40" height="92" border="0"></td>
<td colspan="4"><img name="gps_r2_c8" src="../images/gps_r2_c8.gif" width="226" height="20" border="0"></td>
<td rowspan="3"><img name="gps_r2_c12" src="../images/gps_r2_c12.gif" width="61" height="92" border="0"></td>
<td><img src="../images/spacer.gif" width="1" height="20" border="0"></td>
</tr>
<tr>
<td colspan="4" bgcolor="#540802">
<script language="JavaScript1.2">
<!-- Dimensions of the scroll box, height, length etc. --->
var scrollerwidth=226;
var scrollerheight=49;
var scrollerbgcolor='#540802';
//configure the below variable to change the contents of the scroller
var messages=new Array();
messages[0]="<span class='gldText'>Field Agents please log in here.</span>";
messages[1]="<span class='gldText'>Field Agents please log in here.</span>";
messages[2]="<span class='gldText'>Field Agents please log in here.</span>";
messages[3]="<span class='gldText'>Field Agents please log in here.</span>";
<!--- *********************** THER IS ONLY ONE THING EDITABLE BELOW THIS LINE *********************** -->
<!-- to set the speed of the scroller, change all the values maked 2000, (2000 flows, 100 no pause, press F3 and search for <!-- editable --> --->
if (messages.length>1)
i=2;
else
i=0;
function move1(whichlayer){
tlayer=eval(whichlayer);
if (tlayer.top>0&&tlayer.top<=1){
tlayer.top=0;
setTimeout("move1(tlayer)",1000); <!-- editable -->
setTimeout("move2(document.main.document.second)", 1000);<!-- editable -->
return;
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=1;
setTimeout("move1(tlayer)",50);
} else{
tlayer.top=scrollerheight;
tlayer.document.write(messages[i]);
tlayer.document.close();
if (i==messages.length-1)
i=0;
else
i++;
}
}
function move2(whichlayer){
tlayer2=eval(whichlayer);
if (tlayer2.top>0&&tlayer2.top<=1){
tlayer2.top=0;
setTimeout("move2(tlayer2)",1000);<!-- editable -->
setTimeout("move1(document.main.document.first)",1 000);<!-- editable -->
return;
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=1;
setTimeout("move2(tlayer2)",50);
} else {
tlayer2.top=scrollerheight;
tlayer2.document.write(messages[i]);
tlayer2.document.close();
if (i==messages.length-1)
i=0;
else
i++;
}
}
function move3(whichdiv) {
tdiv=eval(whichdiv);
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=1){
tdiv.style.pixelTop=0;
setTimeout("move3(tdiv)",1000);<!-- editable -->
setTimeout("move4(second2)",1000);<!-- editable -->
return;
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1) {
tdiv.style.pixelTop-=1;
setTimeout("move3(tdiv)",50);
} else {
tdiv.style.pixelTop=scrollerheight;
tdiv.innerHTML=messages[i];
if (i==messages.length-1)
i=0;
else
i++;
}
}
function move4(whichdiv){
tdiv2=eval(whichdiv);
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=1){
tdiv2.style.pixelTop=0;
setTimeout("move4(tdiv2)",1000);<!-- editable -->
setTimeout("move3(first2)",1000);<!-- editable -->
return;
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=1;
setTimeout("move4(second2)",50);
} else {
tdiv2.style.pixelTop=scrollerheight;
tdiv2.innerHTML=messages[i];
if (i==messages.length-1)
i=0;
else
i++;
}
}
function startscroll(){
if (document.all){
move3(first2);
second2.style.top=scrollerheight;
} else if (document.layers){
move1(document.main.document.first);
document.main.document.second.top=scrollerheight+5 ;
document.main.document.second.visibility='show';
}
}
</script>
<script language="JavaScript1.2">
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';h eight:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">');
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';h eight:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">');
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';l eft:0;top:1;">');
document.write(messages[0]);
document.writeln('</div>');
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';l eft:0;top:0">');
document.write(messages[1]);
document.writeln('</div>');
document.writeln('</div>');
document.writeln('</span>');
}
</script>
<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgcolor=&{scrollerbgcolor};>
<layer id="first" left=0 top=1 width=&{scrollerwidth};>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[0]);
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(messages[1]);
</script>
</layer>
</ilayer>
</td>
<td><img src="../images/spacer.gif" width="1" height="49" border="0"></td>
</tr>
<tr>
<td colspan="4"><img name="gps_r4_c8" src="../images/gps_r4_c8.gif" width="226" height="23" border="0"></td>
<td><img src="../images/spacer.gif" width="1" height="23" border="0"></td>
</tr>
<tr>
<td colspan="4"><img name="gps_r5_c1" src="../images/gps_r5_c1.gif" width="328" height="46" border="0"></td>
<td><a href="../index.htm" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('shield','','../images/shield.gif','gps','','../images/gps_f2.gif',1);" ><img name="gps" src="../images/gps.gif" width="105" height="46" border="0"></a></td>
<td colspan="7"><img name="gps_r5_c6" src="../images/gps_r5_c6.gif" width="327" height="46" border="0"></td>
<td><img src="../images/spacer.gif" width="1" height="46" border="0"></td>
</tr>
<tr>
<td rowspan="3" colspan="2"><img name="gps_r6_c1" src="../images/gps_r6_c1.gif" width="129" height="179" border="0"></td>
<td colspan="7"><img name="gps_r6_c3" src="../images/gps_r6_c3.gif" width="517" height="16" border="0"></td>
<td rowspan="3" colspan="3"><img name="gps_r6_c10" src="../images/gps_r6_c10.gif" width="114" height="179" border="0"></td>
<td><img src="../images/spacer.gif" width="1" height="16" border="0"></td>
</tr>
<tr>
<td colspan="7" background="../images/text_back.gif" valign="top">
<table border="0" cellspacing="0" cellpadding="3" align="center" bgcolor="#6B0802">
<tr align="center">
<td class="gldText" colspan="3"><b>GPS AGENT LOGIN</b></td>
</tr>
<form method="post" action="index.php" onSubmit="if(this.gps_user.value=='' || this.gps_pass.value==''){alert('Please enter your username and password.');return false;}">
<tr>
<td align="right" class="gldText">Username:</td>
<td colspan="2">
<input type="text" name="gps_user" size="20" value="CHPE">
</td>
</tr>
<tr>
<td align="right" class="gldText"> Password:</td>
<td colspan="2">
<input type="password" name="gps_pass" size="20">
</td>
</tr>
<tr>
<td align="right" colspan="3">
<input type="submit" name="LogIn" value="Log In">
</td>
</tr>
</form>
</table>
<span class="pText"><b> </b></span></td>
<td><img src="../images/spacer.gif" width="1" height="151" border="0"></td>
</tr>
<tr>
<td colspan="7"><img name="gps_r8_c3" src="../images/gps_r8_c3.gif" width="517" height="12" border="0"></td>
<td><img src="../images/spacer.gif" width="1" height="12" border="0"></td>
</tr>
<tr>
<td colspan="12" background="../images/main_bk.gif">
<p align="center" class="gldText"><b><i><br>
"HELPING TO PROTECT YOUR INVESTMENT"<br>
</i>(727) 578-6161<i></i><i> </i></b></p>
<p align="center" class="smgText">Copyright © 2002 Guardian Portfolio
Services, Inc. All Rights Reserved</p>
<p align="center" class="smgText"> </p>
</td>
<td><img src="../images/spacer.gif" width="1" height="44" border="0"></td>
</tr>
</table>
</body>
</html>
Linear Mode
