window.addEvent('domready', function() {
	var styles = {
		'background-color':'#CCCCCC',
		'color':'#FFFFFF'
	};
 
	var styles2 = {
		'background-color':'#C17878',
		'color':'#FFFFFF'
	};
 
	var styles3 = {
		'background-color':'#7389AE',
		'color':'#FFFFFF'
	};
 
	var items = [
		['Europe', 'America', 'Asia', {styles: styles}],
		['Monaco', 'New York', 'Moskva'], 
		['Paris', 'Las Vegas', 'Tallin'],
		['Rome', 'Washington', 'Riga'], 
		['London', 'Dodgeville', 'Ufa'],
		['Berlin', 'Chicago', 'Pekino'], 
		['Prague', 'Dallas', 'Tokyo']
	];
 
	var items2 = [
		['Colors', 'Quantity', 'Price', {styles: styles2}],
		['Red', '3', '200'], 
		['Blue', '19', '120'],
		['Green', '8', '110'], 
		['Yellow', '22', '232'],
		['White', '39', '60'], 
		['Pink', '42', '20']
	];
 
	var items3 = [
		['some data', 'some data', 'some data', {styles: styles3}],
		['some data', 'some data', 'some data'], 
		['some data', 'some data', 'some data'], 
		['some data', 'some data', 'some data'], 
		['some data', 'some data', 'some data'],
		['some data', 'some data', 'some data'], 
		['some data', 'some data', 'some data']
	];
 
 
	$('ok1').addEvent('click', function() {
		if(!$('table1')) {
			items.print_r('box');
			$('box').innerHTML += '<br /><br />';
			new Make.Table('table1', items).make().inject($('box'));
		}
	});
 
	$('ok2').addEvent('click', function() {
		if(!$('table2')) {
			items2.print_r('box2');
			$('box2').innerHTML += '<br /><br />';
			items2.makeTable('table2').inject($('box2'));
		}
	});
 
	$('ok3').addEvent('click', function() {
		if(!$('table3')) {
			items3.print_r('box3');
			$('box3').innerHTML += '<br /><br />';
			items3.makeTable('tb3').inject($('box3'));
		}
	});
});