var items=20
var maxWord=30;
var posx = 350;
var posy = 290;
var range=1;
var rangex = 960-50;
var rangey = 600-50;
var rangec = 6;
var colorxy ="red";
var colorn=0;
var elementxy="Na";
var sentence = "methanol1 methanol2 methanol3 methanol4 methanol5 ethanol1 ethanol2";
var sentencelong= "methanol methanol methanol ethanol ethanol ethanol ethanol";
var quotee = new Array(maxWord);
var quotef = new Array(maxWord);
var key = new Array(maxWord);
var keylong = new Array(maxWord);

function makeList() {

 for (var i=0; i<maxWord; i++){
                quotee[i] ="" 
}
//var sentence = document.getWords.test.value;
   key = sentence.split(" ");
   keylong = sentencelong.split(" ");
   howmany = key.length;
   for (var k=0; k<howmany; k++){
                quotee[k] =key[k] ;
                quotef[k] =keylong[k] ;
  }
}

function get_random()
{
    var ranNum= Math.round(Math.random()*range);
    return ranNum;
}

function getaColor()
{
     var colorn = get_random(rangec);
     var quote=new Array(6);
     quote[0]="red";
     quote[1]="green";
     quote[2]="blue";   
     quote[3]="yellow";
     quote[4]="orange";
     quote[5]="purple";
//alert(quote[colorn]);
return ranCol=(quote[colorn]);
  }

function getanElement()
{
     var elementn = get_random(range);
    // alert(elementn);
    return ranElement=(quotee[elementn]);
  }

function getanElementName()
{
     var elementName = get_random(range);
    // alert(elementName);
    return ranElementName=(quotef[elementName]);
  }



var j=0;

function getMessage() {
var task="How many";
range=rangec-1;
taskColor=getaColor();
task=task

rangee=(howmany-1);
range=rangee;
taskElement=getanElementName(rangee);
 
task=task+" "+taskElement+ " molecules are there?";
alert(task)
}



elementxy=makeList();

for (i=0; i<items; i=i+1) {
range=rangex;
posx=get_random(range);
range=rangey;
posy=get_random(range);

range=rangec-1;
colorxy=getaColor();

rangee=(howmany-1);
range=rangee;
elementxy=getanElement(rangee);
elementxy =elementxy+".gif"
 // document.write(elementxy," ",posx," ",posy," ",colorxy," ",elementxy,"<br> ");
  document.write('<DIV style="position:absolute; width:30px; height:30px; left:',posx,'; top: ',posy,' ; color:',colorxy,';" ><img src="molecules/',elementxy,'"></DIV>');
}
