JavaScript - Can't Read Some Of Instructions

String.prototype.trim = function () {    //return this.replace(/^\s*/, "").replace(/\s*$/, "");
    return this.replace(/^\s+|\s+$/g, '').replace(/\s+/g,' ');
}

		var fID = document.getElementById('customerName'); fID.value = fID.value.trim();
		if (fID.value.trim().split(' ').length < 2) {
		document.getElementById('customerNameImg').innerHTML = redX;//
		} else {
		document.getElementById('customerNameImg').innerHTML = greenTick;//
		}

 <ul>
          <li class="<? if ($empty_Field == "previousClient") {?>emptyfield<? } else { ?>field<? } ?>"> Are you a Previous Client * </li>
          <li class="value">
            <div style="float: left;"><input type="radio" name="previousClient" id="previousClientY" value="Yes" <? if($previousClient == 'Yes') { echo 'checked'; } ?> onChange="checkValidFormInput();"> Yes 
			</div>
			<div style="float: left; padding-left: 20px;">
            <input type="radio" name="previousClient" id="previousClientN" value="No"  <? if($previousClient == 'No') { echo 'checked'; } ?> onChange="checkValidFormInput();"> No 
			</div>
 <div style="float: left; padding-left: 10px;" id="previousClientImg"></div><br style="clear:both"> 
          </li>
        </ul>

#!/usr/local/bin/perl


# This page was created and worked on by 2/C Collard, 2/C Waymouth, 2/C Troisi, and 2/C Cunha 
#source: http://forums.speedguide.net/showthread.php?t=190821

# PERL MODULES WE WILL BE USING
use DBI;
use DBD::mysql;
use CGI qw( :standard );
use CGI::Carp qw(fatalsToBrowser);

#print "Content-type: text/html \n\n";

$userPassed = param("userID");

# CONFIG VARIABLES
$platform = "";
$database = "";
$host = "";
$port = "";
$tablename = "";
$user = "";
$pw = "";

# DATA SOURCE NAME
$dsn = "dbi:$platform:$database:$host:$port";

# PERL DBI CONNECT
$connect = DBI->connect($dsn, $user, $pw)
or die "Connection Error: $DBI::errstr\n";

# PREPARE THE QUERY
my $query = "SELECT * FROM $tablename WHERE User = '$userPassed'";
my $query_handle = $connect->prepare($query);

#print ($query);

# EXECUTE THE QUERY
$query_handle->execute();

while (@row = $query_handle->fetchrow_array) {
	$roleIn = "$row[2]";
	#print ("$roleIN");
	}
	
$query = new CGI; # create a new CGI object
$cookie = $query->cookie ( -name => 'Role',
                           -value => '$roleIn',
                           -path => '/',
                           -expires => '+60m');

$location = '';

print $query->header(-cookie=>$cookie);
print qq{<meta http-equiv="REFRESH" content="0;URL=http://www.togoto.com">\n};

# HTTP HEADER
#print( header() );
#print ( start_html() );

# Print XHTML footer
#print ( end_html() );

else if (lessonnum == "reading"){ // oddly, "read" as cookie value fails. Why?
  so.addVariable('file','/images/101online/Introduction/readsubtest/audioRead.mp3');
}

var val = document.getElementById("yrname").value; //peterPan
var val1 = document.getElementById("password").value; //tinkerBell
//send to create cookie factory
createCookie("inbed", val + '~' + val1, "1");

function readCookie(name) //name is passed in
{  
    var cookies = document.cookie.split(/~/g); //split at ~
		//alert(cookies);
		//results:
		//cookies: inbed=peterPan,tinkerBell
		//cookies[0]: mytestcookie=peterPan
		// cookies[1]: tinkerBell //the last sighting 		
    var arg = name + "=";  
    for ( var c = 0; c < cookies.length; ++c ) //iterate through the cookie
    {			
        var ck = cookies[c]; //cookie array into an var
	//alert(ck); //inbed=peterPan (no tinkerBell -- not what I expected!
        
	 //basically i'm now lost!!!
	//I don't get what happened to tinkerBell .
				
	if ( ck.indexOf(arg) == 0 ) 
//if the array at the index of arg 'name=' equal to position 0.
        {
            var temp = ck.split(/=/); //split the  cookie array at =
	//alert(temp); //inbed=peterPan
	//alert(temp[0]); //inbed
	//alert(temp[1]); //peterPan
							,
            return decodeURI(temp[1]) //bring back array 1
        }
    }
    return "";
}