JavaScript - Javascript Random Images Does Nor Work In Ie

Random non-repeating images script.

Hope this helps someone... you can see an example at http://www.empireelite.org/. Refresh and you'll see the PS3 boxarts on the top left will show randomly, with no repeats.

In your html page
in head tag
Code:

<style>
img.boxart{
margin:0;
border: none;
display:block;
float:left}</style>
<script type="text/javascript" src="ps3boxart.js"></script>

in body tag (place whereever in the body you want the pictures to show)
Code:

<script type="text/javascript"> 
randomorder(ps3ba, '') 
</script>

In a seperate .js file in the same folder (this one I have as ps3boxart.js)
Code:

var ps3ba=new Array()
ps3ba[0]='<a href="http://www.amazon.com/God-War-III-Playstation-3/dp/B000ZK9QCS/ref=sr_1_1?ie=UTF8&s=videogames&qid=1261056951&sr=8-1"><img src="http://www.empireelite.org/images/boxart/ps3/mini/gow3.jpg" class="boxart" title="God of War III"></a>'
ps3ba[1]='<a href="http://www.amazon.com/Heavy-Rain-Playstation-3/dp/B002CZ38KA/ref=sr_1_1?ie=UTF8&s=videogames&qid=1261059415&sr=1-1"><img src="http://www.empireelite.org/images/boxart/ps3/mini/hr.jpg" class="boxart" title="Heavy Rain"></a>'
ps3ba[2]='<a href="http://www.amazon.com/Killzone-2-Playstation-3/dp/B000FQBF1M/ref=sr_1_1?ie=UTF8&s=videogames&qid=1261059510&sr=1-1"><img src="http://www.empireelite.org/images/boxart/ps3/mini/kz2.jpg" class="boxart" title="Killzone 2"></a>'
ps3ba[3]='<a href="http://www.amazon.com/LittleBigPlanet-Game-Year-Playstation-3/dp/B002ELCUUG/ref=sr_1_1?ie=UTF8&s=videogames&qid=1261059556&sr=1-1"><img src="http://www.empireelite.org/images/boxart/ps3/mini/lbp.jpg" class="boxart" title="LittleBigPlanet"></a>'
ps3ba[4]='<a href="http://www.amazon.com/Metal-Gear-Solid-Patriots-Playstation-3/dp/B000FQ2D5E/ref=sr_1_1?ie=UTF8&s=videogames&qid=1261059605&sr=1-1"><img src="http://www.empireelite.org/images/boxart/ps3/mini/mgs4.jpg" class="boxart" title="Metal Gear Solid 4"></a>'
ps3ba[5]='<a href="http://www.amazon.com/Ratchet-Clank-Future-Crack-Playstation-3/dp/B00275A7LI/ref=sr_1_1?ie=UTF8&s=videogames&qid=1261059662&sr=1-1"><img src="http://www.empireelite.org/images/boxart/ps3/mini/rcfacit.jpg" class="boxart" title="Ratchet & Clank Futu  A Crack In Time"></a>'
ps3ba[6]='<a href="http://www.amazon.com/Resistance-Fall-Man-playstation-3/dp/B000JLIXIG/ref=sr_1_1?ie=UTF8&s=videogames&qid=1261059703&sr=1-1"><img src="http://www.empireelite.org/images/boxart/ps3/mini/rfom.jpg" class="boxart" title="Resistance: Fall of Man"></a>'
ps3ba[7]='<a href="http://www.amazon.com/Uncharted-Drakes-Fortune-Playstation-3/dp/B000UW21A0/ref=sr_1_2?ie=UTF8&s=videogames&qid=1261059750&sr=1-2"><img src="http://www.empireelite.org/images/boxart/ps3/mini/uc.jpg" class="boxart" title="Uncharted: Drakes Fortune"></a>'
ps3ba[8]='<a href="http://www.amazon.com/Uncharted-2-Among-Thieves-Playstation-3/dp/B001JKTC9A/ref=sr_1_1?ie=UTF8&s=videogames&qid=1261059750&sr=1-1"><img src="http://www.empireelite.org/images/boxart/ps3/mini/uc2.jpg" class="boxart" title="Uncharted 2: Among Thieves"></a>'

function randomorder(targetarray) {
  var randomorder=new Array()
  var the_one
  var z=0
  for (i=0;i<targetarray.length;i++)
  randomorder[i]=i

  while (z<targetarray.length) {
    the_one=Math.floor(Math.random()*targetarray.length)
    if (targetarray[the_one]!="_selected!"){
      document.write(targetarray[the_one])
      targetarray[the_one]="_selected!"
      z++
    }
  }
}

Then obviously, you would use this as a baseline and change your .js file name to whatever your pictures are for, like ads.js or whichever. Change the links in ahref to whereever you want each page to link. Change the image locations in img src to whereever your images are saved. Remember, where it says var z=0... this is where you hide extra random images. For example, my 200px cell only fits 9 22px wide images (they equal 198px). I only have 9 in my ps3 boxart image folder. If I want 50 in there... I would upload the pics to the folder with the other ones, add them to the list in the .js file. Such as ps3ba[9]=, ps3ba[10]=, etc. up to [49] (49 + 1 for [0] = 50). Then since I can only fit 9 in my cell, I would have to change the variable to var z=41 (to hide 41 of them and only show 9).

Hope this helps somebody. Good luck.

Hi guys!

I need your help so much. I have this beautiful script for pocket pc that randomly rotates pictures in the background with fade in/out effect. Now, what I want it to do is to split all the pictures I have in groups so that on every refresh the script randomly chose a GROUP of pictures and THEN rotated only the pictures from this group. I want to do this because if you include say 30 pictures into the script this really hangs the RAM memory, and if there are only 5 pictures to choose from its much more faster.

Here's the script from html page:

Code:

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style>
body {
background-color: white;
margin: 0;
padding: 0;
}

img {
-webkit-transition-property: opacity;
-webkit-transition-duration: 3s;
position: absolute;
width: 320px;
height: auto;
}

img.fade-out {
opacity: 0;
}

img.fade-in {
opacity: 1;
}
</style>
</head>
<body style="color: black">

<img src="01.jpg"/>
<img src="02.jpg"/>
<img src="03.jpg"/>
<img src="04.jpg"/>
<img src="05.jpg"/>
<img src="06.jpg"/>
<img src="07.jpg"/>
<img src="08.jpg"/>
<img src="09.jpg"/>
<img src="10.jpg"/>
<img src="11.jpg"/>
<img src="12.jpg"/>
<img src="13.jpg"/>
<img src="14.jpg"/>
<img src="15.jpg"/>

<script>

var interval = 4 * 1; // Seconds between change

var images = document.getElementsByTagName("img");
var imageArray = [];
var imageCount = images.length;
var current = 0;

var randomize = function(){
return (Math.round(Math.random() * 3 - 1.5));
}

for(var i = 0; i < imageCount; i++){
images[i].className = 'fade-out';
imageArray[i] = images[i];
}
imageArray.sort(randomize);

var fade = function(){

imageArray[current++].className = 'fade-out';
if(current == imageCount){
current = 0;
imageArray.sort(randomize);
}
imageArray[current].className = 'fade-in';

setTimeout(fade, interval * 1000);
};

fade();
</script>

</body>

So here you can see there are 15 pictures, what should I include in this script to split them into say 3 groups of 5 pictures and make the script randomly select a group each time?

Thanks for help!

I want a certain amount of image spots to show a certain set of images (specifically 8) in a random order every time the page is refreshed. I do not want the images to be repeated, however. The solution I came up with was to create an array and generate a number one to eight and then compare that number to the numbers previously in the array, and if it matched one that was previously generated, to generate a new number and then compare it. This continues until i have an array of the numbers 1-8 in a random order.
Code:

	var imgs=new Array(8);
	for(i in imgs)
	{ 
		function generate()
		{
			return Math.floor(1+Math.random()*8);
		}

		var rand=generate();

		function compare(i)
		{
			for(var n=i-1; n>=0; n--)
			{ 
				if (n<0)
				{
					imgs[i]=rand;
				}
				
				else
				{
					if (rand==n)
					{
						rand=generate();
						compare(i);
					}
				}
			}
		}
	}

This does not strike me as the most efficient way to go about this. If someone has a better solution, that would help a great deal.

I basically want a random image to show up on my webpage and start scrolling through more images i've set to that list.

Here's what I have thus far. However, It'll always start by bringing up the same image and then change to an error image:

Code:

<html> 
<head> 
<script type="text/javascript" language="javascript"> 
<!-- Hide script from old browsers 

adImages = new Array("http://i155.photobucket.com/albums/s298/Connorconway/Office_Season_6_Blu-Ray.jpg","http://i155.photobucket.com/albums/s298/Connorconway/Halloween_Blu_Ray.jpg")
imgCt = adImages.length 
firstTime = true 

function rotate() { 
if (document.images) { 
if (firstTime) { 
thisAd = Math.floor((Math.random * imgCt)) 
firstTime = false 
} 
else { 
thisAd++ 
if (thisAd == imgCt) { 
thisAd = 0 
} 
} 
document.myPicture.src=adImages [thisAd] 
setTimeout("rotate()", 3 * 1000) 
} 
} 

//--> End hiding script from old browsers </script> 

</head> 

<body onload="rotate()"> 

<img src="http://i155.photobucket.com/albums/s298/Connorconway/Office_Season_6_Blu-Ray.jpg" width="400" height="300" name="myPicture" alt="Ad Banner" /> 

</body> 
</html>

Here's the Website I'm having problems on (So you can visually see what I mean - Under "TV ManiaX Home Page sub-heading): http://tvmaniax.myfastforum.org/index.html

Thank you for any help you can give
_________________

I am stuck on some javascript homework I realize it is probably really easy but my stupid textbook is not clear on one point. I have to access code in an external javascript page (random.js) which I have done. But then i have to create a second script element to create the function showlmg() and within that I require statements to declare a variable named imgNumber equal to the value returned by the randomInteger() (which is from the external sheet found in data files from the textbook therefore I know they are right). I am supposed to use 9 as the value of the size parameter in the randomInteger() function. The second statement should be command that writes the following text to the document: <img src='imgNumber.jog' alt= ' '/>. So basically the coding I have done is :

Code:

<script type= "text/javascript" src= random.js"> </script>
<script type="text/javascript">
        function showlmg() {
		
		var imgNumber= randomInteger(9);// Return a random number from 0 to 9.
		document.write("<img src='imgNumber.jpg' alt=''/>");
		}
     </script>

all in the head of the document and then
Code:

function randomInteger(size) {
   return Math.floor((size+1)*Math.random());} from the external file.

and

Code:

<tr>
   <td colspan="2" class="center">
   <script type= "text/javascript">
   showlmg();
   showlmg();
   showlmg();
   showlmg();
   showlmg();
   </script>
   </td>
</tr>

to post in a table on the page... I believe the issue is in the declaring a variable the is equal to the result of the function random integer which the text book or anywhere that I can find online fails to explain how to do. Thank you.

Hi could someone please help?... I am a total beginner to javascript... but does anyone know of a code, including links to an image folder, for displaying 6 fullscreen images in random order without repeat for a given user?

I've seen specific examples using shuffle on the site, but could anyone write a general code for any given images?

Many thanks in advance

Hi, any help with this would be very much appreciated.

Apologies for cross-posting. I think I ut this in the wrong place to begin with.

I have a script containing functions to change an image from clicking a button or changing the selection in a combobox.
The buttons either request that the next image in the array is called or the previous, depending on the button. The combo box changes to the chosen
image.

The script works fine for me in firefox and safari but I can't get it to work in ie and aftermany hours I can't see any reason why.

As far as I can work out the problem with the script is in the changeImage
function while trying to set the new image.
Code:

 
document.images['priceImg'] = followingImg;
document.images['priceImg'].src = followingSrc;

Thanks in advance.


The following is the script:

Code:

var followingImg;
var followingSrc;
var presentImg;
var presentSrc;
var count = 0;

// Create an array of price list page images and locations
var numImages = 8;
var pimages=new Array();
pimages[0]=new Image();
pimages[0].src="../images/priceList/price_walls.jpg";
pimages[1]=new Image();
pimages[1].src="../images/priceList/price_nestle.jpg";
pimages[2]=new Image();
pimages[2].src="../images/priceList/price_franco.jpg";
pimages[3]=new Image();
pimages[3].src="../images/priceList/price_ben1.jpg";
pimages[4]=new Image();
pimages[4].src="../images/priceList/price_ben2.jpg";
pimages[5]=new Image();
pimages[5].src="../images/priceList/price_ron.jpg";
pimages[6]=new Image();
pimages[6].src="../images/priceList/price_cartridge_9654.jpg";
pimages[7]=new Image();
pimages[7].src="../images/priceList/price_sun1.jpg";
pimages[8]=new Image();
pimages[8].src="../images/priceList/price_sun2.jpg";


// Retrieves the current image from the image element
function getCurImage() {

	if (document.images) {

		presentImg = document.images['priceImg'];
		presentSrc = document.images['priceImg'].src;

		var curId = 0;

		// Loops through pimages array to find which image is currently being displayed
		for (i=0;i<pimages.length;i++) {
			if (pimages[i].src == presentSrc) {
				curId = i;
			}
		}

		return curId;

	}

}

//**************************//
// I think this is where it has trouble //
//**************************//

// Sets the new image
function changeImg() {

	document.images['priceImg'] = followingImg;
	document.images['priceImg'].src = followingSrc;

}

// Called by 'next' button.
// Calls getCurrentImg then chooses the next image then calls changeImg.
function slideItForward() {

	var curID = getCurImage();

	if (count == 0) {
		followingImg = pimages[0];
		followingSrc = pimages[0].src;
		count++;
	} else {
		// Add one to current image id for next image
		var nextId = (curID + 1);
		if (nextId <= numImages) {
			followingImg = pimages[nextId];
			followingSrc = pimages[nextId].src;
		// If at end of images stay on same page
		} else {
			followingImg = document.images['priceImg'];
			followingSrc = document.images['priceImg'].src;
		}
	}
	// display new image
	changeImg();
	setText(nextId);
}

// Called by 'previous' button.
// Calls getCurrentImg then chooses the next image then calls changeImg.
function slideItBackward() {
	var curID = getCurImage();

	// take one from current image id for next image
	var nextId = (curID - 1);
	if (nextId >= 0) {
		followingImg = pimages[nextId];
		followingSrc = pimages[nextId].src;
	// If at start of images stay on same page
	} else {
		followingImg = document.images['priceImg'];
		followingSrc = document.images['priceImg'].src;
	}
	// display new image
	changeImg();
	setText(nextId);
}

// Called by optionbox "newPage".
// Takes users choice and displays it.
function choosePage(page) {

	if (page == 1) {
		// Retrieve combobox option and its value
		var index = document.getElementById('newPageOne').selectedIndex;
		var newId = document.getElementById('newPageOne').options[index].value;
	} else {
		// Retrieve combobox option and its value
		var index = document.getElementById('newPageTwo').selectedIndex;
		var newId = document.getElementById('newPageTwo').options[index].value;
	}

	// Convert string to int
	newId = parseInt(newId);

	// If new id is default setting do nothing
	if (newId == 0) {
		return;
	// Else choose the image from the pimages array and call changeImg
	} else {

		// Changes value to accomodate for value vs array position
		newId = (newId - 1);

		followingImg = pimages[newId];
		followingSrc = pimages[newId].src;

		// display new image
		changeImg();
		document.getElementById("newPageOne").value = (newId+1);
		document.getElementById("newPageTwo").value = (newId+1);
	}

}

// Changes the text in the combobox
function setText(id) {

	id = id + 1;
	document.getElementById("newPageOne").value = id;
	document.getElementById("newPageTwo").value = id;
	//document.getElementsByName('newPage').value = id;
}

The following is the relevent section of the html:

Code:

<input style="margin-bottom:10px; margin-top: 20px" type="button" name="PreBut" value="Previous" onclick="slideItBackward();" />
			&nbsp;&nbsp;&nbsp;<input style="margin-bottom:10px" type="button" name="nxtBut" value="Next" onclick="slideItForward();" />
			&nbsp;&nbsp;&nbsp;<select style="margin-bottom:10px" name="newPage" id="newPageOne" onchange="choosePage(page = 1);">

			<option value="1"> Walls </option>
			<option value="2"> Nestle, Treats and Cadburies Impulse </option>
			<option value="3"> Franco, Mars and Ijsboerke Impulse </option>
			<option value="4"> Bennets Scooping </option>
			<option value="5"> Bennets Scooping Cont.. </option>
			<option value="6"> Individual tubs and Ice cream cartridges </option>
			<option value="7"> Ronaldo Ice creams and Sorbets </option>
			<option value="8"> Sundries, Cones, etc </option>
			<option value="9"> Sundries, Cones, etc Cont.. </option>
			</select>

			<center>
			<div id="price-display">
				<img src="../images/priceList/price_img1.jpg" id="priceImg" name="priceImg" alt="Robertos Ice cream wholesale pricelist" ></img>
			</div>
			</center>

			<input style="margin-top: 10px" type="button" name="preBut" value="Previous" onclick="slideItBackward();" />
			&nbsp;&nbsp;&nbsp;<input type="button" name="nxtBut" value="Next" onclick="slideItForward();" />
			&nbsp;&nbsp;&nbsp;<select name="newPage" id="newPageTwo" onchange="choosePage(page = 2);">

			<option value="1"> Walls </option>
			<option value="2"> Nestle, Treats, Cadburies Impulse </option>
			<option value="3"> Franco, Mars Ijsboerke Impulse </option>
			<option value="4"> Bennets Scooping </option>
			<option value="5"> Bennets Scooping Cont.. </option>
			<option value="6"> Individual tubs and Ice cream cartridges </option>
			<option value="7"> Ronaldo Ice creams and Sorbets </option>
			<option value="8"> Sundries, Cones, etc </option>
			<option value="9"> Sundries, Cones, etc Cont.. </option>
			</select>

Hello codingforums! I'm new to javascript and have a problem regarding functions.

I've been trying to create a slideshow, and while testing different syntax etc. I'm getting stuck at why this works:

Code:

document.images.portrait.src = img2.src;

And not this:
Code:

function slideshow(){
document.images.portrait.src = img2.src;
}

Thanks for any help!

Hi all,

I having a problem. I am having 10 images, and I three places on a webpage where I want to show 3 out of those 10 images randomly. But when for example image 5 is shown on spot 1, it cannot be shown on spot 2 or 3 and the same for spot 2 and 3.

Is this possible with Javascript?

Greetz,

Bob

***I need to randomise the order of some questions that are in this format. Any ideas? Thank you!***

<CODE>

<!---Question4--->

<form name="form4" method="post" action="">

<h3><p>First One</p></h3>

<p>
<label><input type="radio" name="q4" id="w1" value="1" </label>
<label><input type="radio" name="q4" id="w2" value="2" </label>
<label><input type="radio" name="q4" id="w3" value="2" </label>
</p>

</form

</CODE>

i have a table with a couple random numbers, and i want to click a button that will dynamically regenerate the numbers each time the button is clicked without re-generating the entire table., im using DOM and innerhtml for these random numbers. heres the javascript and html code. so far, it just generates the random numbers when the page loads.

i posted this problem a while back, and the answers were great, but they coded the xhtml inside the html file. i'm trying to get the numbers to generate in the table that is formed in the javascript file using innerhtml. i tried to incorporate the solutions without putting the html inside the html file to no avail.


var random = Math.floor(Math.random()*40 + 1) //sets variables for random numbers to generate
var random2 = Math.floor(Math.random()*40 + 1)
var random3 = Math.floor(Math.random()*40 + 1)
var random4 = Math.floor(Math.random()*40 + 1)
var random5 = Math.floor(Math.random()*40 + 1)
var random6 = Math.floor(Math.random()*40 + 1)

//create table
function makeTable(lotto)

document.getElementById("tableSpan").innerHTML = '<table border="1" id="lotto">';
var caption=document.getElementById('lotto').createCaption();

caption.innerHTML="JavaScript Random Numbers";

var x=document.getElementById('lotto').insertRow(0);
var cell1=x.insertCell(0);
var cell2=x.insertCell(1);
var cell3=x.insertCell(2);
var cell4=x.insertCell(3);
var cell5=x.insertCell(4);
var cell6=x.insertCell(5);

cell1.innerHTML='<td class = "normal">'+ random +'</td>';
cell2.innerHTML='<td class = "normal">'+ random2 +'</td>';
cell3.innerHTML='<td class = "normal">'+ random3 +'</td>';
cell4.innerHTML='<td class = "normal">'+ random4 +'</td>';
cell5.innerHTML='<td class = "normal">'+ random5 +'</td>';
cell6.innerHTML='<td class = "red">'+ random6 +'</td>';
}

heres the HTML file:

<body onload="makeTable('lotto');">

<div id="container">

<div id="header">
<h1>Welcome</h1>
</div>

<div id="content">
<span id="tableSpan"></span>
<input type="button" value="Re-generate Numbers" onclick="makeTable('lotto');" />
</div>

{

Hi all.. I've been trying to get random numbers in JS. It works when I assign fixed values, but when I want those values to come from a form, I get all the problems.. any comments on my script? Thanks. M

[CODE]
<script type="text/javascript">
function random()
{
var x=document.getElementById("text1").value;// num ingresado por el usuario
var y=document.getElementById("text2").value;

//var x=1;
//var y=6;

num=Math.floor(x + Math.random() * y);
var r=document.getElementById("demo")

r.innerHTML=num;
}
</script>
[CODE]

Hello, I need help again :3
Heres what I need: I need some javascript to random a script. Simply like this:
The script randoms a number
Based on the number it runs some lines of PHP script.

Random 1-10
If 1
Then run this PHP script
*PHP script*
*PHP script*
*PHP script*
*PHP script*
If 2
Then run this PHP script
*Different PHP script*
*Different PHP script*
*Different PHP script*
*Different PHP script*
If 3
Then run this PHP Script
*some more different PHP Script*
*some more different PHP Script*
*some more different PHP Script*
*some more different PHP Script*
If 4 etc etc etc

Each bit of PHP Will be similar, but be different in some ways. There may be more compressed ways of doing this. But if it at all possible, I would like it in the way I wrote it above. For instance I dont want:

Random 1-3
If 1 Run function 1
If 2 Run function 2
If 3 Run function 3
Function 3
*PHP Script*
*PHP Script*
*PHP Script*
Function 1
*PHP Script*
*PHP Script*
*PHP Script*
Function 2
*PHP Script*
*PHP Script*
*PHP Script*

I will thank the best answer! This website is awesome and has answered so many of my questions! Thanks in advance!

I am trying to make it so that when the page loads, it will random play a song from a list of songs. Also, when the first song finishes, another random song should play. I have this code:

Code:

<script type="text/javascript">
var numberOfSongs = 5
var sound = new Array(numberOfSongs+1)
sound[0]= "music/Rock/1.mp3"
sound[1]= "music/Rock/2.mp3"
sound[2]= "music/Rock/3.mp3"
sound[3]= "music/Rock/4.mp3"
sound[4]= "music/Rock/5.mp3"
sound[5]= "music/Rock/6.mp3"


function randomNumber()
{
var randomLooper = -1
while (randomLooper < 0 || randomLooper > numberOfSongs || isNaN(randomLooper)){ randomLooper = parseInt(Math.random()*(numberOfSongs+1))
}
return randomLooper
}


var soundFile = sound[randomNumber ()]
    document.writeln ('<BGSOUND SRC="' + soundFile + '" loop=5>');
    document.writeln ('<EMBED SRC= "' + soundFile + '" loop=5 PLAYCOUNT=3 hidden=true autostart=true><P>');
</script>

How would it be possible to play another random song after the song finishes?

can you explain someone step by this code?i didn't get it.

<script language="Javascript">



<!--





function backcolor(form){

temp = ""

for (var i = 0; i < 16; i++) {

temp = form.color[i].value

if (form.color[i].checked){ document.bgColor = temp }

}

}



function randombackground(){



document.bgColor = getColor()



}



function getColor(){



currentdate = new Date()

backgroundcolor = currentdate.getSeconds()



if (backgroundcolor > 44)

backgroundcolor = backgroundcolor - 45

else if (backgroundcolor > 29)

backgroundcolor = backgroundcolor - 30

else if (backgroundcolor > 15)

backgroundcolor = backgroundcolor - 16



if (backgroundcolor == 0 )

return "olive";

else if (backgroundcolor == 1 )

return "teal";

else if (backgroundcolor == 2 )

return "red";

else if (backgroundcolor == 3 )

return "blue";

else if (backgroundcolor == 4 )

return "maroon";

else if (backgroundcolor == 5 )

return "navy";

else if (backgroundcolor == 6 )

return "lime";

else if (backgroundcolor == 7 )

return "fuschia";

else if (backgroundcolor == 8 )

return "green";

else if (backgroundcolor == 9 )

return "purple";

else if (backgroundcolor == 10 )

return "gray";

else if (backgroundcolor == 11 )

return "yellow";

else if (backgroundcolor == 12 )

return "aqua";

else if (backgroundcolor == 13 )

return "black";

else if (backgroundcolor == 14 )

return "white";

else if (backgroundcolor == 15 )

return "silver";

}



// -->



</script>