JavaScript - Noob In Need Of Some Quick Javascript Help Please

<frameset id='parent' rows='10%,90%'>
    <frame id='frm1' src='./form.html' />
    <frame id='frm2' src='' />
</frameset>
<script>modFrmSrc();</script>

function addFocusArea()
{
	if(addTlFocusAreaCount <= 5)
	{
		//Create new Title row
		var titleRow = document.createElement("tr");
		var titleCol = document.createElement("th");
		var titleText = document.createTextNode("Additional Focus Area " + addTlFocusAreaCount);
		titleCol.appendChild(titleText);
		titleRow.appendChild(titleCol);
		document.getElementById("focusTable").appendChild(titleRow);		
			
		//Create new category row
		var categoryRow = document.createElement("tr");
		var categoryCol = document.createElement("td");
		var categorySelect = document.createElement("select");
		var categories = document.getElementById("<%=DecisionToolKeys.PRIMARY_FOCUS%>");
                
                //copy a dropdown menu that is already existing on the page
		for(var i=0; i<categories.length; i++)
		{
			var option = document.createElement("option");
			option.value = categories[i].value;
			option.text = categories[i].text;
			categorySelect.options.add(option);
		}

		categoryCol.appendChild(categorySelect);
		categoryRow.appendChild(categoryCol);
		document.getElementById("focusTable").appendChild(categoryRow);			
			
		addTlFocusAreaCount++;			
	}

	else
	{
		alert("You cannot add more than five additional practice areas.");
	}
}

<input type="button" value="Add Focus Area" onclick="JavaScript:addFocusArea()"/>

<script language="javascript">
function selectElement(idElement)
{
	var ratingval = "";
	liElement = document.getElementById('sel'+idElement);
	lirating = document.ratingform.userrating.value;
	if(liElement == "sel1")
	{
		raingval = "1";
		lirating = "1";
	}
	if(liElement == "sel2")
	{
		raingval = "2";
		lirating = "2";
	}
	if(liElement == "sel3")
	{
		raingval = "3";
		lirating = "3";
	}
	if(liElement == "sel4")
	{
		raingval = "4";
		lirating = "4";
	}
	if(liElement == "sel5")
	{
		raingval = "5";
		lirating = "5";
	}
}
</script>

	<form name="ratingform" action="" method="post">
		<fieldset class="login">
			<legend>Personal Details</legend>
			<div>
				<label for="fname">First Name</label> <input type="text" id="fname" name="fname" value="<?php if(isset($_POST['fname'])){ echo $_POST['fname'];}?>"> 
			</div>
			<div>
				<label for="lname">Surname</label> <input type="text" id="lname" name="lname" value="<?php if(isset($_POST['fname'])){ echo $_POST['lname'];}?>">
			</div>
		</fieldset>
		<fieldset class="contact">
			<legend>Review</legend>
			<div>
				<label for="title">Review Title</label> <input type="text" id="title" name="title" value="<?php if(isset($_POST['title'])){ echo $_POST['title'];}?>">
			</div>
			<div>
				<label for="review">Review</label> <textarea name="review" id="review" cols="33" rows="5"><?php if(isset($_POST['review'])){ echo $_POST['review'];}?></textarea>
			</div>
		</fieldset>
		<fieldset class="rating2">
			<legend>Rating</legend>
			<div>
				<label for="rating">User Rating</label>
                <ul class="rating">
                <li id="current" class="current" style="width: <?php echo $_GET['rating']?>em;"></li>
                <li id="sel1"><a onclick='onClick="javascript:selectElement(1)' class="rate1" title="I hated it">*</a></li>
                <li id="sel2"><a href="?rating=2" class="rate2" title="I disliked it">*</a></li>
                <li id="sel3"><a href="?rating=3" class="rate3" title="It was OK">*</a></li>
                <li id="sel4"><a href="?rating=4" class="rate4" title="I liked it">*</a></li>
                <li id="sel5"><a href="?rating=5" class="rate5" title="I loved it">*</a></li>
                </ul>
			</div>
		</fieldset>
		<div>
        <input type="hidden" name="userrating" value="" />
        <input type="submit" name="Submit" value="Submit"><?php if($error == TRUE){echo $message;}if($submit == TRUE && $error == FALSE){echo $message;}?></div>
	</form>

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

<script src="../jquery/jquery.js"></script>

$(function(){
	// set interval for 5 minutes
	setInterval(function(){
		$.ajax({url: "keep-alive.php"});
	}, 300000);
});

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>My Google AJAX Search API Application</title>
    <script src="http://www.google.com/jsapi?key=CUT"></script>
    <script language="Javascript" type="text/javascript">
    //<![CDATA[

    google.load("search", "1");

    function OnLoad() {
      // Create a search control
      var searchControl = new google.search.SearchControl();

      // Add in a full set of searchers
      var localSearch = new google.search.LocalSearch();
      searchControl.addSearcher(localSearch);
      searchControl.addSearcher(new google.search.WebSearch());
      searchControl.addSearcher(new google.search.VideoSearch());
      searchControl.addSearcher(new google.search.BlogSearch());

      // Set the Local Search center point
      localSearch.setCenterPoint("New York, NY");

      // Tell the searcher to draw itself and tell it where to attach
      searchControl.draw(document.getElementById("searchcontrol"));

      // Execute an inital search
      searchControl.execute("Google");
    }
    google.setOnLoadCallback(OnLoad);

    //]]>
    </script>
  </head>
  <body>
    <div id="searchcontrol">Loading...</div>
  </body>
</html>

<!DOCTYPE html>
<head>
	<meta charset='UTF-8'>
	<title>Slide To Unlock</title>
	<link rel='stylesheet' href='css/style.css'>
	<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script>
	<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js'></script>
	<script src='js/slidetounlock.js'></script>
</head>
<body>
	<div id="page-wrap">
		<div id="well">
			<h2><strong id="slider"></strong> <span>slide to unlock</span></h2>
		</div>
	</div>
</body
</html>

$(function() {

	$("#slider").draggable({
		axis: 'x',
		containment: 'parent',
		drag: function(event, ui) {
			if (ui.position.left > 550) {
				$("#well").fadeOut();
			} else {
			    // Apparently Safari isn't allowing partial opacity on text with background clip? Not sure.
				// $("h2 span").css("opacity", 100 - (ui.position.left / 5))
			}
		},
		stop: function(event, ui) {
			if (ui.position.left < 551) {
				$(this).animate({
					left: 0
				})
			}
		}
	});
	
	// The following credit: http://www.evanblack.com/blog/touch-slide-to-unlock/
	
	$('#slider')[0].addEventListener('touchmove', function(event) {
	    event.preventDefault();
	    var el = event.target;
	    var touch = event.touches[0];
	    curX = touch.pageX - this.offsetLeft - 73;
	    if(curX <= 0) return;
	    if(curX > 550){
	    	$('#well').fadeOut();
	    }
	   	el.style.webkitTransform = 'translateX(' + curX + 'px)'; 
	}, false);
	
	$('#slider')[0].addEventListener('touchend', function(event) {	
	    this.style.webkitTransition = '-webkit-transform 0.3s ease-in';
	    this.addEventListener( 'webkitTransitionEnd', function( event ) { this.style.webkitTransition = 'none'; }, false );
	    this.style.webkitTransform = 'translateX(0px)';
	}, false);

});

$j(document).ready(function(){
	$j(".posts").hover(function(){
	$j (".posts .title").animate({ backgroundColor: "#FF0062" }, 300);
	},function(){
	$j(".posts .title").animate({ backgroundColor: "#231F20" }, 300);
	});
	});

function someFunction() {
    alert('It worked.');
}

function doAnotherFunction(doIt, otherFunction) {
    if (doIt == true) {
        otherFunction();
    }
}

<input type="button" value="test" onClick="doAnotherFunction(true, someFunction());">