/*
 * Tooltip inicializáló 
 * 
 ** A tooltip attributum-ra adja hozzá az elemhez a tooltipet
 ** Szükséges hozzá a bootstrap tooltip eleme !!!
 *
 * v:0.1
 */

// Ha betöltödik az oldal készítse el a tooltipeket
$j(document).ready(function(){
	createTooltip($j("[tooltip]"));
	createTooltipWhite($j("[tooltipwhite]"));
});

// Ajax válaszaként érkezett elemekhez rendelje hozzá a tooltipet
$j(document).on("mouseover","[tooltip]", function(){ createTooltipAjax($j(this)); });
$j(document).on("mouseover","[tooltipwhite]", function(){createTooltipWhiteAjax($j(this));});

// A tooltip inicilaizálása
	// Html-t elfogad
	// Hoverre és clickre is működik (utóbbi kell a mobile verzió miatt)
	// Késleltetés megjelenéskor és elrejtéskor
function createTooltip(item)
{
	item.tooltip({
		html		: true,
		trigger		: 'hover click',
		delay: { show: 400, hide: 200 }
	});
}

// Ajaxmódban elsőre fut ennek segítségével
function createTooltipAjax(item){
	item.tooltip({
		html		: true,
		delay: { show: 400, hide: 200 }
	});

	item.tooltip('toggle');
}

function createTooltipWhite(item)
{
	item.tooltip({
		html		: true,
		trigger		: 'hover click',
        template: '<div class="tooltip tooltipwhite"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',
		delay: { show: 400, hide: 200 }
	});
}

// Ajaxmódban elsőre fut ennek segítségével
function createTooltipWhiteAjax(item)
{
	item.tooltip({
		html		: true,
        template: '<div class="tooltip tooltipwhite"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',
		delay: { show: 400, hide: 200 }
	});
	
	item.tooltip('toggle');
}