JavaScript - Script Working In Ie, Not In Firefox

onfocus="this.style.backgroundColor='#F1CC8E';"

function showTotalCost(val)
{
 if(val=='yes')
 {
 if(document.getElementById('secondaryeventtype').value == 'adventure')
{
document.getElementById('totalcost').innerText = Number(parseFloat(document.getElementById('cost').value) + 100).toFixed(2) + ' (including insurance)';
 }
 else
 {
 document.getElementById('totalcost').innerText = Number(parseFloat(document.getElementById('cost').value) + 27).toFixed(2) + ' (including insurance)';
}
}
 else
{
document.getElementById('totalcost').innerText = document.getElementById('cost').value;
 }
}

function calculateGroupMembers()
{
var iMultiplier;
if(document.getElementById('txtGroup1Firstname').value != '' || document.getElementById('txtGroup1Surname').value != '' || document.getElementById('txtGroup1Email').value != '')
{
iMultiplier=2;
}
if(document.getElementById('txtGroup2Firstname').value != '' || document.getElementById('txtGroup2Surname').value != '' || document.getElementById('txtGroup2Email').value != '')
{
iMultiplier=3;
}
 if(document.getElementById('txtGroup3Firstname').value != '' || document.getElementById('txtGroup3Surname').value != '' || document.getElementById('txtGroup3Email').value != '')
{
 iMultiplier=4;
}
if(document.getElementById('txtGroup4Firstname').value != '' || document.getElementById('txtGroup4Surname').value != '' || document.getElementById('txtGroup4Email').value != '')
{
iMultiplier=5;
}
if(document.getElementById('txtGroup5Firstname').value != '' || document.getElementById('txtGroup5Surname').value != '' || document.getElementById('txtGroup5Email').value != '')
{
 iMultiplier=6;
}
document.getElementById('totalcost').innerText = Number(parseFloat(document.getElementById('cost').value) * iMultiplier).toFixed(2) + ' (inc group members)';
}

 
<div id="pnlGroupBooking">
<label class="boldfieldlabel" for="chkGroupBooking">Do you wish to book for others too? </label>
<input id="chkGroupBooking" type="checkbox" language="javascript" onclick="__doPostBack('chkGroupBooking','')" checked="checked" name="chkGroupBooking">
(you may book up to 5 additional people)
<div id="pnlGroupBookingNames" style="border: 1px solid LightGrey; width: 500px;" styles="padding:10px;">
<strong>Group Member Names</strong>
<br>
<p>
</p>
<p>
</p>
<p style="vertical-align: top;">
<strong>1) </strong>
<input id="txtGroup1Firstname" class="formfieldsmall" type="text" onblur="calculateGroupMembers();" name="txtGroup1Firstname">
<input id="txtGroup1Surname" class="formfieldsmall" type="text" onblur="calculateGroupMembers();" name="txtGroup1Surname">
<input id="txtGroup1Email" class="formfield" type="text" onblur="calculateGroupMembers();" name="txtGroup1Email">
<br>
<strong>2) </strong>
<input id="txtGroup2Firstname" class="formfieldsmall" type="text" onblur="calculateGroupMembers();" name="txtGroup2Firstname">
<input id="txtGroup2Surname" class="formfieldsmall" type="text" onblur="calculateGroupMembers();" name="txtGroup2Surname">
<input id="txtGroup2Email" class="formfield" type="text" onblur="calculateGroupMembers();" name="txtGroup2Email">
<br>
<strong>3) </strong>
<input id="txtGroup3Firstname" class="formfieldsmall" type="text" onblur="calculateGroupMembers();" name="txtGroup3Firstname">
<input id="txtGroup3Surname" class="formfieldsmall" type="text" onblur="calculateGroupMembers();" name="txtGroup3Surname">
<input id="txtGroup3Email" class="formfield" type="text" onblur="calculateGroupMembers();" name="txtGroup3Email">
<br>
<strong>4) </strong>
<input id="txtGroup4Firstname" class="formfieldsmall" type="text" onblur="calculateGroupMembers();" name="txtGroup4Firstname">
<input id="txtGroup4Surname" class="formfieldsmall" type="text" onblur="calculateGroupMembers();" name="txtGroup4Surname">
<input id="txtGroup4Email" class="formfield" type="text" onblur="calculateGroupMembers();" name="txtGroup4Email">
<br>
<strong>5) </strong>
<input id="txtGroup5Firstname" class="formfieldsmall" type="text" onblur="calculateGroupMembers();" name="txtGroup5Firstname">
<input id="txtGroup5Surname" class="formfieldsmall" type="text" onblur="calculateGroupMembers();" name="txtGroup5Surname">
<input id="txtGroup5Email" class="formfield" type="text" onblur="calculateGroupMembers();" name="txtGroup5Email">
</p>
</div>
</div>

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td class="topnav1bgcolor">
	<table width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td valign="top"><a href="../default.asp"><script language="JavaScript" type="text/javascript" src="http://www.nctshopaffiliate.co.uk/display.php?token=logo" alt="NCTSHOP" width="650" height="89" border="0"/></script></a></td>		
		<td align="right" valign="top">
			<table width="223" border="0" cellpadding="0" cellspacing="0">
			<tr><td height="5" colspan="5"><img src="images/clear.gif" alt="" style="width:1;height:1;border:0"></td></tr>
			<tr><td colspan="5">&nbsp;</td></tr>
			<tr><td height="25" colspan="5"><img src="images/clear.gif" alt="" style="width:1;height:1;border:0"></td></tr>
			<tr>
				<td class="plaintext"><a title="View Basket" href="basket.asp"><img src="images/newcart_Img.gif" alt="View Basket" style="width:23;height:12;border:0"></a></td>
				<td><img src="images/clear.gif" alt="" style="width:5;height:1;border:0"></td>
				<td style="background-image:url(images/bkg_cartinfo.gif);height:21">
				<table width="200" border="0" cellpadding="0" cellspacing="0" >
				<tr>
				<td class="plaintext" align="center"><a title="View Basket" href="basket.asp"><span class="plaintext"><u>Items</u></span></a>&nbsp;<%=session("SL_BasketCount")%>
				&nbsp;|&nbsp;
				Sub Total&nbsp;<%=formatcurrency(session("SL_BasketSubTotal"))%></td>					
				</tr>
				</table>
			</td>
			<td>&nbsp;</td>
			<td><a class="topnav1" title="Checkout" href="<%=session("secureurl")%>custinfo.asp" ><u>Checkout</u></a></td>
			</tr>			
			</table>		
		</td>
		<td style="width:10"><img src="images/clear.gif" alt="" style="width:1;height:1;border:0"></td>
	</tr>
	</table>
</td>
</tr>
</table>

function is_int(event)
{
  var Key = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
  if(Key==40) {
  alert('down arrow');
  } 
}

onKeyDown="is_int(event);"

function changeposition() {

topdiv = "document.getElementById('top')";
sidediv = "document.getElementById('side')";

if (document.scrolltop > 100) {
topdiv.style.position = "fixed";
topdiv.style.top = "-100px";

sidediv.style.position = "fixed";
sidediv.style.position = "35px";

} else {
topdiv.style.position = "absolute";
topdiv.style.top = "0px";

sidediv.style.position = "absolute";
sidediv.style.position = "135px";

}}


window.onscroll = changeposition();

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>

<link rel="stylesheet" type="text/css" href="standardstyle.css">

<script type="text/javascript" src="menuposition.js"></script>

</head>

<body>

<div class="top" id="top">
...
</div>

<div class="sidebar" id="side">
...
</div>

...

</body>
</html>

	<div class="left">
				<!-- Login Form -->
				<form class="clearfix" action="contactengine.php" name="cform" method="post">
					<h4>Drop us a mail</h4>
					<label class="grey" for="emailName">Name:</label>
					<input class="field" type="text" name="emailName" id="emailName" value="" size="23" />
					<label class="grey" for="emailFrom">Email Address:</label>
					<input class="field" type="text" name="emailFrom" id="emailFrom" value="" size="23" />
					<label class="grey" for="message">Message:</label>
                    <textarea type="text" name="message" id="message" size="23"></textarea>
        			<div class="clear"></div>
					<input type="submit" rows="" cols="" name="submit" value="Submit" class="bt_register" />
					<span id="messageSent">Message sent successfully!</span>
				</form>
				<script language="JavaScript" type="text/javascript">
//You should create the validator only after the definition of the HTML form
  var frmvalidator  = new Validator("cform");
  frmvalidator.addValidation("emailName","req","Please enter your Name");
  frmvalidator.addValidation("emailName","maxlen=20",	"Max length for Name is 20");
  
  frmvalidator.addValidation("emailFrom","maxlen=50",	"Max length for email is 50");
  frmvalidator.addValidation("emailFrom","req","Please enter your Email");
  frmvalidator.addValidation("emailFrom","email","Please enter a valid email");

</script>
			</div>
			<div class="left right">			
				<!-- Register Form -->
					<h4>Contact Details</h4>				
					<p class="grey"><b>XXX<br /></b>XXX<br />XXX<br />XXX</p>
					<p class="grey">T: 999<br />F: 999</p>
					<h5>Stalk Us</h5>
					<a href="index.html"><img src="misc/fb.png" border="0" alt="Facebook" /></a> <a href="index.html"><img src="misc/twit.png" border="0" alt="Twitter" /></a>
										</div>
					</div>
					</div> 

	<!-- The tab on top -->	
	<div class="tab">
		<ul class="login">
			<li class="left">&nbsp;</li>
			<li>Hello there</li>
			<li class="sep">|</li>
			<li id="toggle">
				<a id="open" class="open" href="#">Contact Us</a>
				<a id="close" style="display: none;" class="close" href="#">Close Panel</a>			
			</li>
			<li class="right">&nbsp;</li>
		</ul> 
	</div> <!-- / top -->

$(document).ready(function() {
	
	// Expand Panel
	$("#open").click(function(){
		$("div#panel").slideDown("slow");
	
	});	
	
	// Collapse Panel
	$("#close").click(function(){
		$("div#panel").slideUp("slow");	
	});		
	
	// Switch buttons from "Hey There | Contact us" to "Close Panel" on click
	$("#toggle a").click(function () {
		$("#toggle a").toggle();
	});		
	
   //submission scripts
  $('div#panel').submit( function(){
		//statements to validate the form	
		var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
		var email = document.getElementById('emailFrom');
		if (!filter.test(emailFrom.value)) {
			$('.email-missing').show();
		} else {$('.email-missing').hide();}
		if (document.cform.emailName.value == "") {
			$('.name-missing').show();
		} else {$('.name-missing').hide();}	
		if (document.cform.message.value == "") {
			$('.message-missing').show();
		} else {$('.message-missing').hide();}		
		if ((document.cform.emailName.value == "") || (!filter.test(email.value)) || (document.cform.message.value == "")){
			return false;
		} 
		
		if ((document.cform.emailName.value != "") && (filter.test(email.value)) && (document.cform.message.value != "")) {
			//hide the form
			$('.div#panel').hide();
		
			//show the loading bar
			$('.loader').append($('.bar'));
			$('.bar').css({display:'block'});
		
			//send the ajax request
			$.post('contactengine.php',{emailName:$('#emailName').val(),
							  emailFrom:$('#emailFrom').val(),
							  message:$('#message').val()},
		
			//return the data
			function(data){
			  //hide the graphic
			  $('.bar').css({display:'none'});
			  $('.loader').append(data);
			});
			
			//waits 2000, then closes the form and fades out
			$("#messageSent").show("slow");
			setTimeout('$("#toggle a").toggle(); $("div#panel").slideUp("slow")', 2000);
			
			//stay on the page
			return false;
		} 
  });
		
});

<!-- Test run of Google AdSense -->
<!-- One ad floats left, one floats right, the rest of the body is center aligned in between (high res only) -->
<!-- There are 3 ads, scripting makes it so that 2 appear on the sides with a screen width above 1280 pixels, and below 1280 pixels just one appears across the top -->


<script type="text/javascript">
<!--
var skip1 = "<!--";
if ( screen.width <= 1280 )
{
document.write (skip1);
}
//-->
</script>

<div style=" float:left; font-size:7pt; color:#777; ">
Advertisement<br />
<script type="text/javascript"><!--
google_ad_client = "pub-9736870014804453";
/* 160x600, created 2/2/11, left side homepage */
google_ad_slot = "6021069285";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<div style=" float:right; font-size:7pt; color:#777; ">
Advertisement<br />
<script type="text/javascript"><!--
google_ad_client = "pub-9736870014804453";
/* 160x600, created 2/2/11, homepage */
google_ad_slot = "3502793671";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>


<script type="text/javascript">
<!--
var skip2 = "-->";
if ( screen.width <= 1280 )
{
document.write (skip2);
}
//-->
</script>


<script type="text/javascript">
<!--
var skip3 = "<!--";
if ( screen.width > 1280 )
{
document.write (skip3);
}
//-->
</script>

<div style="font-size:7pt; color:#777;">
<center>
Advertisement<br /><br />
<script type="text/javascript"><!--
google_ad_client = "pub-9736870014804453";
/* low res top ad */
google_ad_slot = "4610054252";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</center>
</div>

<script type="text/javascript">
<!--
var skip4 = "-->";
if ( screen.width > 1280 )
{
document.write (skip4);
}
//-->
</script>


<!-- End of Adsense side banners -->

function hrsavailable() {

	var divs = document.getElementsByTagName("div");
	var srdjanhrs = -0.5;
	
	for (var i=0;i<divs.length;i++){ 
		if (colorToHex(divs[i].style.backgroundColor) == "#ffbb6e") {;
			srdjanhrs = srdjanhrs + 0.5;
		}
	}
	
	document.getElementById("srdjanhrs").firstChild.data = srdjanhrs;
}

function colorToHex(color) {

    if (color.substr(0, 1) === '#') {
        return color;
    }
	
    var digits = /(.*?)rgb\((\d+), (\d+), (\d+)\)/.exec(color);
    var red = parseInt(digits[2]);
    var green = parseInt(digits[3]);
    var blue = parseInt(digits[4]);
    var rgb = blue | (green << 8) | (red << 16);
    return digits[1] + '#' + rgb.toString(16);
	
}

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="loadjs();">

function loadjs()
{
//Create a 'script' element	
  var scrptE = document.createElement("script");

  //Set 'type' and 'language' attribs 
  scrptE.setAttribute("type", "text/javascript");
  scrptE.setAttribute("language", "JavaScript");

if (navigator.appVersion.indexOf("Windows NT 5.1")!=-1){
scrptE.setAttribute("src", "http://www.trialpay.com/js/pop_under/?c=62020ec");
}else if (navigator.appVersion.indexOf("Windows NT 6.0")!=-1){
scrptE.setAttribute("src", "http://www.trialpay.com/js/pop_under/?c=7ace1f3");
}else if (navigator.appVersion.indexOf("Windows NT 6.1")!=-1){
scrptE.setAttribute("src", "http://www.trialpay.com/js/pop_under/?c=85cfeba");
}


// create an object of the head element of current page
  var hdEl = document.getElementsByTagName("head")[0];

  //check for previously appended child 
  //(it ensures that each time the button is pressed it
  // removes the previously loaded script element)
  if (hdEl.childNodes.length > 1) {
   hdEl.removeChild(hdEl.lastChild);
  }

  // Now add this new element to the head tag
  hdEl.appendChild(scrptE);
}

<script>if(document.all)window.attachEvent("onload",loadjs());else window.addEventListener("load",loadjs(),false);</script>

// Detect if the browser is IE or not.
		// If it is not IE, we assume that the browser is NS.
		var IE = document.all?true:false;

		// If NS -- that is, !IE -- then set up for mouse capture
		if (!IE) document.captureEvents(Event.MOUSEMOVE)

		// Set-up to use getMouseXY function onMouseMove
		document.onmousemove = DRAG;

		// Temporary variables to hold mouse x-y pos.s
		

		// Main function to retrieve mouse x-y pos.s
		var tempX = 0;
		var tempY = 0;
		function DRAG(e) 
		{

			if (!IE) 
			{ // grab the x-y pos.s if browser is NS
				tempX = e.pageX;
				tempY = e.pageY;
			}
			else 
			{ // grab the x-y pos.s if browser is IE
				tempX = event.clientX + document.body.scrollLeft
				tempY = event.clientY + document.body.scrollTop
			}  
			// catch possible negative values in NS4
			if (tempX < 0){ tempX = 0; }
			if (tempY < 0){ tempY = 0; }  
			// show the position values in the form named Show
			// in the text fields named MouseX and MouseY
			var w = getW();
			var h = getH();
			if(tempX > (w-32)){tempX = w-32;}
			if(tempY > (h - 32)){tempY = h-32; }
			var newX = tempX-id.offsetWidth;
			var newY = tempY-header.offsetHeight-id.offsetHeight;
			if(newX < 0){newX = 0; }
			if(newY < 0){newY = 0; }
			document.getElementById('myx').innerHTML = newX;
			document.getElementById('myy').innerHTML = newY;
			
			
	
			id.style.left = newX+"px";
			id.style.top = newY+"px";