var cpDivId = 'colorpicker01'

// vytvoreni colorpickeru
window.document.write("<div id='"+cpDivId+"' class='cp'></div>");
var p = new ColorPicker(400, 173, './colorpicker.css', './colorpicker/progress.gif', cpTitle);

// pozadi se zari
var l0 = new ColorPickerLayer(p, 'bg','./colorpicker/', 'png');
l0.addColor('black');

// jednotlive kousky padaku
var br = new ColorPickerLayer(p,'br','./colorpicker/', 'png');
var bl = new ColorPickerLayer(p,'bl','./colorpicker/', 'png');
var tr = new ColorPickerLayer(p,'tr','./colorpicker/', 'png');
var tl = new ColorPickerLayer(p,'tl','./colorpicker/', 'png');
var ts = new ColorPickerLayer(p,'ts','./colorpicker/', 'png');
var bs = new ColorPickerLayer(p,'bs','./colorpicker/', 'png');
br.nextTo(bs);
bl.nextTo(bs);
tr.nextTo(ts);
tl.nextTo(ts);

var controls = new Array();
// ovladaci prvky
// posledni parametr je cislo barvy, ktera se zobrazi jako vychozi
// (mely by byt ruzne)
controls[0] = new ColorPickerControl(p,'','./colorpicker/','0', 'png', 2);
controls[1] = new ColorPickerControl(p,'','./colorpicker/','0', 'png', 6);
controls[2] = new ColorPickerControl(p,'','./colorpicker/','0', 'png', 1);
controls[3] = new ColorPickerControl(p,'','./colorpicker/','0', 'png', 6);

// nastaveni barev
for (var i = 0; i < controls.length; i++)
{
	controls[i].addColor('gold', 'Gold');
	controls[i].addColor('red', 'Red Dragon');
	controls[i].addColor('blue', 'Deep Blue');
	controls[i].addColor('black', 'Black');
	controls[i].addColor('orange', 'Orange');
	controls[i].addColor('grey', 'Grey');
	controls[i].addColor('white', 'White');
}

// tady je receno, ktera cast padaku se prepina kterym ovladacim prvkem
controls[0].addLayer(tr);
controls[0].addLayer(bs);
controls[1].addLayer(ts);
controls[2].addLayer(tl);
controls[3].addLayer(br);
controls[3].addLayer(bl);

p.paint(cpDivId);