$(document).ready(function() {

	/* 
	------------------------------------------------------------------------------------------------------------------------------------
	Tutorial #1: How to create a simple Bubble Popup!
	------------------------------------------------------------------------------------------------------------------------------------*/
	
	// The following code creates a simple Bubble Popup opening when mouse is over on the element with ID '#dummy1'.
	$('#dummy1').SetBubblePopup({
									innerHtml: '<p>Visita l\'home</p>',
									bubbleAlign: 'center',
				tailAlign: 'center',
				color: 'yellow',
				contentStyle: 'color:#666666; font-family:Arial; font-size:11px; font-weight:bold;'

									
								});

	/* 
	------------------------------------------------------------------------------------------------------------------------------------
	Tutorial #2: How to create Bubble Popups with custom styles!
	------------------------------------------------------------------------------------------------------------------------------------*/
	
	// We define a custom style and message for the Bubble Popup on '#dummy2' element...
	$('#dummy2').SetBubblePopup({
									innerHtml: '<p>Lo studio, <br>chi siamo e le <br> nostre linee guida </p>',
									bubbleAlign: 'center',
				tailAlign: 'center',
				color: 'yellow',
				contentStyle: 'color:#666666; font-family:Arial; font-size:11px; font-weight:bold;'
								});


	$('#dummy3').SetBubblePopup({
									innerHtml: '<p>Consulta le<br> Novita\' <br> giurisprudenziali </p>',
									bubbleAlign: 'center',
				tailAlign: 'center',
				color: 'yellow',
				contentStyle: 'color:#666666; font-family:Arial; font-size:11px; font-weight:bold;'
								});
	
								
		$('#dummy4').SetBubblePopup({
									innerHtml: '<p>Consulta i<br> Servizi <br> offerti </p>',
									bubbleAlign: 'center',
				tailAlign: 'center',
				color: 'yellow',
				contentStyle: 'color:#666666; font-family:Arial; font-size:11px; font-weight:bold;'
								});
								
		$('#dummy5').SetBubblePopup({
									innerHtml: '<p>Dove siamo, <br>la mappa <br> recapiti</p>',
									bubbleAlign: 'center',
				tailAlign: 'center',
				color: 'yellow',
				contentStyle: 'color:#666666; font-family:Arial; font-size:11px; font-weight:bold;'
								});
								
		$('#dummy6').SetBubblePopup({
									innerHtml: '<p>Questo sito web contiene informazioni sullo Studio Legale Perin pubblicate a solo scopo informativo.<br> I contenuti del presente sito sono di proprieta\' dello Studio Legale Perin e sono protetti dalle norme sul diritto d\'autore.<br> Studio Legale Perin declina ogni responsabilita\' derivante dall\'utilizzo delle informazioni contenute nel presente sito web.</p>',
									bubbleAlign: 'center',
				tailAlign: 'center',
				color: 'yellow',
				contentStyle: 'color:#666666; font-family:Arial; font-size:11px; font-weight:bold;'
								});
								
		$('#cur1').SetBubblePopup({
									innerHtml: '<p> web.</p>',
									bubbleAlign: 'left',
				tailAlign: 'left',
				color: 'yellow',
				contentStyle: 'color:#666666; font-family:Arial; font-size:16px; font-weight:bold;width:25px,'
								});


});