<html dir="rtl">
<head>
<style type="text/css">
BODY {overflow: scroll; overflow-x: hidden;}
</style>
</head>
<script language="JavaScript">

var startTime=new Date();
var endTime=new Date();
var startPressed=false;
var bgChangeStarted=false;
var maxWait=20;
var timerID;

function startTest()
{
	document.bgColor=document.response.bgColorChange.options[document.response.bgColorChange.selectedIndex].text;
	bgChangeStarted=true;
	startTime=new Date();
}

function remark(responseTime)
{
	var responseString="";
	if (responseTime < 0.10)
		responseString="جميل جدا";
	if (responseTime >= 0.10 && responseTime < 0.20)
		responseString="حلو كثير";
	if (responseTime >=0.20 && responseTime < 0.30)
		responseString="يمكن ان يمون افضل";
	if (responseTime >=0.30 && responseTime < 0.60)
		responseString="استمر بالمحاولة";
	if (responseTime >=0.60 && responseTime < 1)
		responseString="الا  تعرف كيف تغيلر الالوان";
	if (responseTime >=1)
		responseString="هل انت ناعم ؟؟";

	return responseString;
}

function stopTest()
{
	if(bgChangeStarted)
	{
		endTime=new Date();
		var responseTime=(endTime.getTime()-startTime.getTime())/1000;

		document.bgColor="white";       
		alert("الوقت المتبقي لك هو: " + responseTime + " seconds " + "\n" + remark(responseTime));
		startPressed=false;
		bgChangeStarted=false;
	}
	else
	{
		if (!startPressed)
		{
			alert("الان اضغط لون");
		}
		else
		{       
			clearTimeout(timerID);
			startPressed=false;             
			alert("اضغط بسرعة");
		}               
	}
}

var randMULTIPLIER=0x015a4e35;
var randINCREMENT=1;
var today=new Date();
var randSeed=today.getSeconds();
function randNumber()
{
	randSeed = (randMULTIPLIER * randSeed + randINCREMENT) % (1 << 31);
	return((randSeed >> 15) & 0x7fff) / 32767;
}

function startit()
{
	if(startPressed)
	{
		alert("اضغط توقف وبعدها  لون");
		return;
	}
	else
	{
		startPressed=true; 
		timerID=setTimeout('startTest()', 6000*randNumber());
	}
}




</script>
<script language="JavaScript1.2">
<!--

/*
Submitted by Marcin Wojtowicz [one_spook@hotmail.com] 
Featured on JavaScript Kit (http://javascriptkit.com)
For this and over 400+ free scripts, visit http://javascriptkit.com
*/

var trailLength = 8 // The length of trail (8 by default; put more for longer "tail")
var path = "felxbar.gif" // URL of your image

// do NOT modify anything beyond this point
var isIE = false,isNav = false,range = "all.",style = ".style",i,d = 0
var topPix = ".pixelTop",leftPix = ".pixelLeft",images,storage
if (document.layers) { // browser sniffer
	isNav = true,range = "layers.",style = "",topPix = ".top",leftPix = ".left"
} else if (document.all) {
	isIE = true
}
function initTrail() { // prepares the script
	images = new Array() // prepare the image array
	for (i = 0; i < parseInt(trailLength); i++) {
		images[i] = new Image()
		images[i].src = path
	}
	storage = new Array() // prepare the storage for the coordinates
	for (i = 0; i < images.length*3; i++) {
		storage[i] = 0
	}
	for (i = 0; i < images.length; i++) { // make divs for IE and layers for Navigator
		(isIE) ? document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images[i].src + '"></div>') : document.write('<layer name="obj' + i + '" width="0" height="0" z-index="100"><img src="' + images[i].src + '"></layer>')
	}
	trail()
}
function trail() { // trailing function
	for (i = 0; i < images.length; i++) { // for every div/layer
		eval("document." + range + "obj" + i + style + topPix + "=" + storage[d]) // the Y-coordinate
		eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1]) // the X-coordinate
		d = d+2
	}
	for (i = storage.length; i >= 2; i--) { // save the coordinate for the div/layer that's behind
		storage[i] = storage[i-2]
	}
	d = 0 // reset for future use
	var timer = setTimeout("trail()",10) // call recursively 
}
function processEvent(e) { // catches and processes the mousemove event 
	if (isIE) { // for IE
		storage[0] = window.event.y+document.body.scrollTop+10
		storage[1] = window.event.x+document.body.scrollLeft+10
	} else { // for Navigator
		storage[0] = e.pageY+12
		storage[1] = e.pageX+12
	}
}
if (isNav) {
	document.captureEvents(Event.MOUSEMOVE) // Defines what events to capture for Navigator
}
if (isIE || isNav) { // initiates the script
	initTrail() 
	document.onmousemove = processEvent // start capturing
}
//-->
</script>

<center>
  <a href="../bettnarooms/KIDS.htm">
                       <img border="0" 
                       src="../kids/menu/01.gif" 
                       width="36" 
                       height="36"></a>
  <b><u><font color="#800080">
  <a href="../bettnarooms/KIDS.htm">
  <font color="#800080">عودة لصفحة 
  الأطفال</font></a></font></u></b><p>
         <font color="#800080">
  <span lang="ar-sa"><b>تعالوا نتعلم 
  الألوان باللغة الانجليزية</b></span></font></p>
  <p>
         <font color="#800080"><b>
         <span lang="ar-sa">أختر لونا من 
         القائمة واضغط &quot; لون&quot; انتظر حتى 
         يتغير لون الصفحة, لايقاف 
         العملية اضغط &quot; توقف&quot;</span></b></font></p>


<form name="response">
<b><font color="#800080">
<span lang="ar-sa">لون خلفية الصفحة كما 
تشاء</span></font>:<span lang="ar-sa">&nbsp;
</span>&nbsp;</b><select 
name="bgColorChange" 
style="font-weight: 700">
<option selected>deeppink
<option>aliceblue
<option>crimson
<option>darkkhaki
<option>cadetblue
<option>darkorchid
<option>coral
<option>chocolate
<option>mediumslateblue
<option>tomato
<option>darkslategray
<option>limegreen
<option>cornflowerblue
<option>darkolivegreen
<option>red
<option>black
</select><b> </b><font color="#800080">
<input type="button" value="لون" 
onClick="startit()" 
style="color: #800080; font-weight: 700"></font><b>
</b><font color="#800080">
<input type="button" value="توقف!" 
onClick="stopTest()" 
style="color: #800080; font-weight: 700"></font><b>
</b>
</form>
</center>
</body>
<html dir="rtl">