window.addEvent('domready', function() {	
	
	if ($('buttons')) {
		var Tooltip = {
			preset: {
				id:''
			},
			build: function() {
				$(this.preset.id).addEvents({
					mouseenter: function(){
						var text = $(this).innerHTML;
						prefix = document.location.protocol + "//" + document.location.hostname;
						var tooltip = new Element('div', {
							id: 'tooltip',
							styles: {display:'block', position:'absolute',top:-40,left:5,'z-index':'100', height:'63px', width:'132px','background':'url('+prefix+'/images/front_2009/kupla.png)',color:'#000000'},
							'html': '<div class="tooltip">'+text+'</div>'
						});
						$(this).adopt(tooltip);
					},
					mouseleave: function(){
						$('tooltip').dispose();
					}
				});
			},
			assign: function (option) {
				this.preset.id = option.id;
				this.build();
			}
		};	
		Tooltip.assign($('button1'),{id:'button1'});
		Tooltip.assign($('button2'),{id:'button2'});
		Tooltip.assign($('button3'),{id:'button3'});
		Tooltip.assign($('button4'),{id:'button4'});
		Tooltip.assign($('button5'),{id:'button5'});
	}
	
	if ($('menu')) {
		var contentDiv = document.getElementById("menu");
		var els = contentDiv.getElementsByTagName("a");
		for (var i = 0; i < els.length; i++) {
			els[i].id = "menuitem_"+i;
		}	
	}
	
	SqueezeBox.assign($$('a[rel=boxed]'), {
		size: {x: 400, y: 320},
		handler: 'iframe',
		ajaxOptions: {
			method: 'get' // we use GET for requesting plain HTML
		}
	});

	
});