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

	$$('a').addEvent('focus', function() {
		this.blur();
	});

	new Tips($$('.tool'));

});


Tips.implement({
	build: function(el){
		el.$tmp.json = Json.evaluate(el.title);
	
		el.removeAttribute('title');
		if (el.$tmp.myTitle && el.$tmp.myTitle.length > this.options.maxTitleChars) el.$tmp.myTitle = el.$tmp.myTitle.substr(0, this.options.maxTitleChars - 1) + "…";
		el.addEvent('mouseenter', function(event){
			this.start(el);
			if (!this.options.fixed) this.locate(event);
			else this.position(el);
		}.bind(this));
		if (!this.options.fixed) el.addEvent('mousemove', this.locate.bindWithEvent(this));
		var end = this.end.bind(this);
		el.addEvent('mouseleave', end);
		el.addEvent('trash', end);
	},

	start: function(el){
		this.wrapper.empty();
		var src = el.$tmp.json.src;
		var width = 200;
		var height = 150;
		var text = el.$tmp.json.text ? el.$tmp.json.text : false;
		
		
		if (text){
			this.text = new Element('span').inject(new Element('div', {'class': this.options.className + '-text'}).inject(this.wrapper)).setHTML(text);
		}			
		new Element('img', { 
			'src' : src,
			'styles' : {
				'width' : width,
				'height' : height
			}
		}).inject(new Element('div', {'class': this.options.className + '-title'}).inject(this.wrapper));
		$clear(this.timer);
		this.timer = this.show.delay(this.options.showDelay, this);
	}
});



function thickbox(TubeHTMLid) {
	
	var tube = $type(TubeHTMLid) == 'string' ? $(TubeHTMLid) : TubeHTMLid;

	var fd = new Element('div', { 
		'id' : 'fade',
		'styles' : {
			'height' : window.getScrollHeight(),
			'opacity' : 0
		},
		'events' : {
			'click' : function() {
				this.remove();
				$$('.video').each(function(item) { item.addClass('invisible'); });
				document.body.removeClass('faded');
			}
		}
	}).inject(document.body);
	
	new Fx.Styles(fd, {duration: 1000}).start({'opacity' : [0, 0.8]}).chain(function() {
		tube.removeClass('invisible');
	});
	
	
	
	document.body.addEvent('scroll', function(e) {
		new Event(e).stop();
	});
	document.body.addClass('faded');		
}