function generatePalettes(colours) {
        var palettes = document.getElementById("palettes");
        for (var i=0;i<colours.length; i++) {
                var palette = document.createElement("div");
                palette.className="palette";
                palette.style.backgroundColor = colours[i];
                palette.setAttribute("title", colours[i]);
                palette.style.height ='10px';
                palette.style.width = '10px';
                palette.setAttribute("onmouseover", "document.getElementById('colour').innerHTML=\'" + colours[i]+"\'");
                palettes.appendChild(palette);
        }
}