over_ajax_info = false;
timer_ajax_info = null;

ajax_info_init = function() {
	var a = document.getElementsByTagName('A');

	for (var i = 0; i < a.length; i++) {
		if (a[i].className == 'artist' || a[i].className == 'album') {
			var t = a[i];
			t.onmouseover = show_ajax_info;
			t.onmouseout = hide_ajax_info;
		}
	}
	$('ajax_info').onmouseover = show_ajax_info;
	$('ajax_info').onmouseout = hide_ajax_info;
}

show_ajax_info = function() {
	over_ajax_info = true;
	if (this.id != 'ajax_info') timer_ajax_info = null;
	if (timer_ajax_info == null)
	{
		var pos = findPos(this);
		$('ajax_info').style.left = (pos[0]+15)+"px";
		$('ajax_info').style.top = (pos[1]+14)+"px";
		$('ajax_info').style.display = 'block';
		if (this.className == 'artist') getArtistInfo(this.id.substr(7));
		else getAlbumInfo(this.id.substr(6));
		hide_ajax_info_timer();
	}
}
hide_ajax_info = function() {
	over_ajax_info = false;
}
hide_ajax_info_timer = function() {
	if (over_ajax_info) {
		timer_ajax_info = setTimeout("hide_ajax_info_timer()", 1000);
	} else {
		$('ajax_info').style.display = 'none';
		$('ajax_info').innerHTML = "<div id='loading'><img src='/image/ajax_load.gif' /> Loading...</div>";
		timer_ajax_info = null;
	}
}

get_ajax_info = function(url) {
	new Ajax.Request(url, {
		method: 'get',
		onSuccess: function(transport) {
			$('ajax_info').innerHTML = transport.responseText;
		},
		onFailure: function() {
			$('ajax_info').innerHTML = "Error";
		}
	} );
}

getArtistInfo = function(id) {
	get_ajax_info('/ajax/artistInfo/'+id);
}
getAlbumInfo = function(id) {
	get_ajax_info('/ajax/albumInfo/'+id);
}

addEvent("load", ajax_info_init);