$(document).ready(load);

function load(){
$('.imagesList img').css('cursor','pointer');
$(".imagesList img").tooltip('#tooltip'); 

//$('.imagesList img').click(function(e){showMessageBox(e,this)});
jQuery("div.scrollable").scrollable(
{
 size: 5,
 loop: false,
 speed: 3000
}
).autoscroll({ 
    autoplay: true, 
    api: false,
		interval: 4000
}).circular();

}



function showMessageBox(e,o){
removeMessageBox();
var text = $(o).attr('title');
$('body').append('<div id="messageBox" class="messageBox"><img src="images/close.png" id="close" alt="" /><img src="'+$(o).attr('src')+'" alt="" /><p>'+text+'</p></div>');
$('#messageBox').css('top',e.pageY-50).css('left',e.pageX-50);
$('#close').css('cursor','pointer');
$('#messageBox').click(removeMessageBox);
}

function removeMessageBox(){
$('#messageBox').remove();
}