window.addEvent('domready', function(){

	var Message = function(){
	
		var el = $('message');
		if(!el){
			el = new Element('div', {
				'class': 'cube-message',
				'styles': {
					'display': 'none'
				}
			});
			el.inject(document.body);
		}
		
		var timeoutId = null;
		var fx = new Fx.Tween(el, {
			'duration': 500,
			onComplete: function(){
				this.setStyle('display', 'none');
				this.innerHTML = '';
			}.bind(el)
		});
		
		return {
			show: function(msg){
				if(timeoutId) $clear(timeoutId);
				fx.cancel();
				el.setStyles({
					display: 'block',
					opacity: 1
				});
				if(el.innerHTML) el.innerHTML += '<br />' + msg;
				else el.innerHTML = msg;
				timeoutId = this.hide.delay(2000);
			},
			hide: function(){
				fx.start('opacity', 1, 0);
			}
		}
		
	}();

	var myCubeMenu = new CubeMenu({
		items: [
			['Charts', 'data/0.png', function(){ Message.show('Chars clicked..'); }],
			['Games', 'data/1.png', function(){ Message.show('Games clicked..'); }],
			['Sounds', 'data/2.png', function(){ Message.show('Sounds clicked..'); }],
			['Internet', 'data/3.png', function(){ Message.show('Internet clicked..'); }],
			['Calendar', 'data/4.png', function(){ Message.show('Calendar clicked..'); }],
			['Users', 'data/5.png', function(){ Message.show('Users clicked..'); }],
			['Palette', 'data/6.png', function(){ Message.show('Palette clicked..'); }],
			['Monitor', 'data/7.png', function(){ Message.show('Monitor clicked..'); }],
			['Mail', 'data/8.png', function(){ Message.show('Mail clicked..'); }],
			['Acrobat', 'data/9.png', function(){ Message.show('Acrobat clicked..'); }],
			['Flash', 'data/10.png', function(){ Message.show('Flash clicked..'); }],
			['RecycleBin', 'data/11.png', function(){ Message.show('RecycleBin clicked..'); }],
			['Connections', 'data/12.png', function(){ Message.show('RecycleBin clicked..'); }],
			['', 'data/13.png', $empty ],
			['Blocks', 'data/14.png', function(){ Message.show('Blocks clicked..'); }],
			['Chess', 'data/15.png', function(){ Message.show('Chess clicked..'); }],
			['Languages', 'data/16.png', function(){ Message.show('Languages clicked..'); }],
			['Board', 'data/17.png', function(){ Message.show('Board clicked..'); }],
			['Battery', 'data/18.png', function(){ Message.show('Battery clicked..'); }],
			['Newspaper', 'data/19.png', function(){ Message.show('Newspaper clicked..'); }],
			['Clock', 'data/20.png', function(){ Message.show('Clock clicked..'); }],
			['MSN', 'data/21.png', function(){ Message.show('MSN clicked..'); }],
			['Printer', 'data/22.png', function(){ Message.show('Printer clicked..'); }],
			['Database', 'data/23.png', function(){ Message.show('Database clicked..'); }],
			['Shutdown', 'data/24.png', function(){ Message.show('Shutdown clicked..'); }],
			['Reload', 'data/25.png', function(){ Message.show('Reload clicked..'); }],
			['Camcorder', 'data/26.png', function(){ Message.show('Camcorder clicked..'); }]
		]
	});
});