// Perform actions when DOM is loaded
window.addEvent('domready', function(){
	// Tooltips
	var tooltips = new Tips($$('.tooltip'), {
		className		:	'tooltip',
		fixed			:	false,
		closeButton		:	false,
		hideDelay		:	1000,
		showDelay		:	100,
		offsets			:	{
			'x'	:	15,
			'y'	:	0
		}
	});
	tooltips.addEvents({
		'show': function(tooltip){
			tooltip.setOpacity(1.0);
		},
		'hide': function(tooltip){
			tooltip.setOpacity(0);
		}
	});
	
	// Add hover effect on overview <table>'s
	/*
	var elements, i;
	elements = $$('table.overview tbody tr');
	for (i = 0; i < elements.length; i++){
		elements[i].addEvent('mouseover', function(){
			$(this).setStyle('background-color', '#EFEFEF');
		});
		elements[i].addEvent('mouseout', function(){
			$(this).setStyle('background-color', '#FFFFFF');
		});
	}
	*/
	
	// Add hover effect on hover <tr>'s
	var elements, i;
	elements = $$('table tr.hover');
	for (i = 0; i < elements.length; i++){
		elements[i].addEvent('mouseover', function(){
			$(this).setStyle('background-color', '#E5EFFD');
		});
		elements[i].addEvent('mouseout', function(){
			$(this).setStyle('background-color', '#FFFFFF');
		});
	}
});