if (KIOS == undefined) {
	var KIOS = {};
}

KIOS.colorpicker = {};
KIOS.colorpicker['init'] = function() {

	if ($('colorpicker')) {

		$('colorpicker').addClass('js');

		$('colorpicker').getChildren().each(function (el) {

			// pre vsetky ul-ka v colorpickeri
			if (el.getTag() == 'ul') {

				// pre vsetky li-cka
				el.getChildren().each(function (el1, idx) {

					// a-cko v li-cku
					var a = el1.getFirst();

					// zoberieme text z linky (nazov #farba), rozdelime na 2 casti
					// prvu case vratime naspat a na zaklade druhej casti zmenime pozadie
					a.setStyle('background-color', a.getText().split(' ')[1]);
					a.setText(a.getText().split(' ')[0]);
					a.title = a.getText();

					// onclick na linku zmeni src obrazka hore na href kliknutej linky
					// podla textu linky sa zmeni aj text pod obrazkom 
					el1.getFirst().addEvent('click', function(e) {
						$('cp-image').getFirst().src = this.href;
						$('cp-image').getLast().setText(this.getText());
						// zabranime prekliku na href
						new Event(e).stop();
					});
				});	
			}	
		});
	}
}

window.addEvent('domready', KIOS.colorpicker.init);