/*
 * Tooltips - Site Academia de Filmes
 */

$.fn.qtip.styles.mystyle = { // Last part is the name of the style
	width: 490,
	//padding: 5,
	background: '#fff',
	color: 'black',
	textAlign: 'justify',
	'font-family': '"Lucida Console", Monaco, monospace',
	'font-size': '13px',
	border: {
	 width: 4,
	 radius: 5,
	 color: '#ff0000'
	},
	tip: true,
	//name: 'dark' // Inherit the rest of the attributes from the preset dark style
}

// Create the tooltips only on document load
$(document).ready(function() 
{
	var contents = new Array();
	contents['tip-01'] = { url: 'conteudo/01.html' };
	contents['tip-02'] = { url: 'conteudo/02.html' };
	contents['tip-03'] = { url: 'conteudo/03.html' };
	contents['tip-04'] = { url: 'conteudo/04.html' };
	contents['tip-05'] = { url: 'conteudo/05.html' };
	contents['tip-06'] = { url: 'conteudo/06.html' };
	contents['tip-07'] = { url: 'conteudo/07.html' };
	contents['tip-08'] = { url: 'conteudo/08.html' };
	contents['tip-09'] = { url: 'conteudo/09.html' };
	contents['tip-10'] = { url: 'conteudo/10.html' };
	contents['tip-11'] = { url: 'conteudo/11.html' };
	contents['tip-12'] = { url: 'conteudo/12.html' };
	contents['tip-13'] = { url: 'conteudo/13.html' };
	contents['tip-14'] = { url: 'conteudo/14.html' };
	contents['tip-15'] = { url: 'conteudo/15.html' };
	contents['tip-16'] = { url: 'conteudo/16.html' };
	contents['tip-17'] = { url: 'conteuoi/17.html' };
	contents['tip-18'] = { url: 'conteudo/18.html' };
	contents['tip-19'] = { url: 'conteudo/19.html' };
	contents['tip-20'] = { url: 'conteudo/20.html' };
	contents['tip-21'] = { url: 'conteudo/21.html' };
	contents['tip-22'] = { url: 'conteudo/22.html' };
	contents['tip-23'] = { url: 'conteudo/23.html' };
	contents['tip-24'] = { url: 'conteudo/24.html' };
	
   // Match all link elements with href attributes within the content div
   $(".qtip").each( function(i) {

	   $(this).qtip(
	   {
			content: contents[$(this).attr('id')], // Give it some content, in this case a simple string
			style: 'mystyle',
			position: {
				//target: false,
				//type: 'absolute',
				//corner: {
				//	target: 'rightMiddle',
				//	tooltip: 'leftMiddle'
				//},
				adjust: { 
					screen: true,
					resize: true
					//scroll: false
				}
			}
	   });
	});
});