Event.observe(window, 'load', init_bubble, false);

var tooltip;

//-----------------------------
// initialization functions

function init_bubble() {
    tooltip = new Tooltip('contactInfo', 'bub_container', 'bub_content');

    $$('.thumbselector .fileLink').each(function(item) {
	    item.observe('mouseover', function(event) {
		    show_bubble(event, item);
		  //  alert(Event.pointerX(event));
	
		   
		});
	    item.observe('mouseout', function(event) {
		    tooltip.hide(event);
		});
	});
}

function show_bubble(event, elem) {
	if(!listMode){
    var holder = elem.parentNode.parentNode;
    var tmpl = new Template('<h1>#{title}</h1><div class="bub_content"><div class="bub_publisher">' +
			    '<img src="#{icon}" alt="" />' +
			    '<p><b>Publisher:</b><br/> #{publisher}</p>' + 
			    '<div class="clear"></div>' +
			    '</div><h3>Rating: <img src="#{stars}" alt="" /></h3>' + 
			    '<p><b>Views:</b> #{views}</p>' + 
			    '<p><b>Date:</b> #{date}</p>' + 
			    '<p><b>Category:</b> #{category}</p>' + 
			    '<p><b>Description:</b>#{description}</p><div class="clear"></div></div></div>');

    tooltip.show(elem, tmpl.evaluate({ title: holder.getElementsBySelector('h2')[0].innerHTML,
		    icon: holder.getElementsBySelector('img.publisherImg')[0].src,
		    publisher: holder.getElementsBySelector('h3')[0].innerHTML,
		    stars: holder.getElementsBySelector('img.rating')[0].src,
		    views: holder.getElementsBySelector('p.views')[0].innerHTML,
		    date: holder.getElementsBySelector('p.date')[0].innerHTML,
		    category: holder.getElementsBySelector('p.category')[0].innerHTML,
		    description: holder.getElementsBySelector('div.desc')[0].innerHTML
		    }));
	}
}