function showTooltip(userId, postId, title, text, created, archive, element)
{
    if (!$('tooltip'))
    {
        var tooltip = document.createElement('div');
        tooltip.className = 'tooltip ' + (archive ? 'blogArchive' : 'index');
		tooltip.id = 'tooltip';
		
		var tooltipArrow = document.createElement('div');
		tooltipArrow.className = 'tooltipArrow';
		tooltipArrow.id = 'tooltipArrow';
		tooltip.appendChild(tooltipArrow);
		
		var tooltipContent = document.createElement('div');
		tooltipContent.className = 'tooltipContent';
		tooltipContent.id = 'tooltipContent';
		tooltip.appendChild(tooltipContent);
		
		document.body.appendChild(tooltip);
    }
    
    $('tooltipContent').innerHTML = '';
    $('tooltipArrow').className = 'tooltipArrow';
    
	if (postId == null || title == null || text == null)
	{
		var tooltipImage = document.createElement('img');
		tooltipImage.src = siteUrl + 'avatars/' + userId + '.jpg';
		$('tooltipContent').appendChild(tooltipImage);
	}
	else
	{
	    var tooltipPost = document.createElement('div');
	    tooltipPost.className = 'postContent clearfix';
	    
	    if (!archive)
		{
    	    var tooltipTitle = document.createElement('div');
    		tooltipTitle.className = 'title';
    		tooltipTitle.innerHTML = 'Tytuł: <strong>' + title + '</strong>';
    		tooltipPost.appendChild(tooltipTitle);
    		
    		var tooltipImage = document.createElement('img');
    		tooltipImage.src = '/zdjecia/' + userId + '/1/' + postId + '.jpg';
    		tooltipImage.width = 106;
    		tooltipImage.height = 124;
    		tooltipPost.appendChild(tooltipImage);
    		
    		var tooltipText = document.createElement('div');
    		tooltipText.className = 'text';
    		tooltipText.innerHTML = text;
    		tooltipPost.appendChild(tooltipText);
		}
		else
		{
		    var tooltipTitle = document.createElement('div');
    		tooltipTitle.className = 'title';
    		tooltipTitle.innerHTML = title;
    		tooltipPost.appendChild(tooltipTitle);
    		
    		var tooltipText = document.createElement('div');
    		tooltipText.className = 'text';
    		tooltipText.innerHTML = text;
    		tooltipPost.appendChild(tooltipText);
    		
    		var tooltipCreated = document.createElement('div');
    		tooltipCreated.className = 'created';
    		tooltipCreated.innerHTML = '<label>dodano:</label> ' + created;
    		tooltipPost.appendChild(tooltipCreated);
		}
		
		$('tooltipContent').appendChild(tooltipPost);
	}
	
	positionTooltip($('tooltip'), element, archive);
	$('tooltip').style.display = 'block';
}


function showVipTooltip(id, element)
{
    if (!$('tooltipVip'))
    {
        var tooltip = document.createElement('div');
        tooltip.className = 'tooltip index';
		tooltip.id = 'tooltipVip';
		
		var tooltipArrow = document.createElement('div');
		tooltipArrow.className = 'tooltipArrow';
		tooltip.appendChild(tooltipArrow);
		
		var tooltipContent = document.createElement('div');
		tooltipContent.className = 'tooltipContent vipContent';
		tooltipContent.id = 'tooltipVipContent';
		tooltip.appendChild(tooltipContent);
		
		document.body.appendChild(tooltip);
    }
    
    var tooltipImage = document.createElement('img');
	tooltipImage.src = siteUrl + 'img/progressbar.gif';
	$('tooltipVipContent').appendChild(tooltipImage);
	
    if (id) {
        new Ajax.Request(siteUrl + 'vip-tooltip',
      	{
    		asynchronous: true,
       		method: 'post',
       		parameters: 'id=' + id,
       		onComplete: function(obj) 
       		{
       		    $('tooltipVipContent').innerHTML = obj.responseText;
       		}
       	});
    } else {
        $('tooltipVipContent').innerHTML = '<span style="font-weight: bold; color: #' + color + ';">' + username + '</span><br />' + description;
    }
    
	positionTooltip($('tooltipVip'), element, false);
	$('tooltipVip').style.display = 'block';
}


function positionTooltip(tooltip, element, archive)
{
    if ($('tooltipArrow') && $('tooltipArrow').className == 'tooltipLeftArrow')
    {
        var leftPos = getLeftPos(element) - 342;
    }
    else
    {
        var leftPos = getLeftPos(element) + (archive ? -230 : element.offsetWidth);
    }
	var topPos = getTopPos(element) + (archive ? 125 : 15);
	
	tooltip.style.left = leftPos + 'px';
	tooltip.style.top = topPos + 'px';
}


function hideVipTooltip()
{
	$('tooltipVip').style.display = 'none';
	$('tooltipVipContent').innerHTML = '';
}



function hideTooltip()
{
	$('tooltip').style.display = 'none';
	$('tooltipContent').innerHTML = '';
	
	var tooltipImage = document.createElement('img');
	tooltipImage.src = siteUrl + 'img/progressbar.gif';
	$('tooltipContent').appendChild(tooltipImage);
}


function getTopPos(element)
{		
	var returnValue = element.offsetTop;
	while ((element = element.offsetParent) != null)
	{
		if (element.tagName != 'BODY')
		{
			returnValue += element.offsetTop;
		}
	}
	
	return returnValue;
}


function getLeftPos(element)
{
	var returnValue = element.offsetLeft;
	while ((element = element.offsetParent) != null)
	{
		if (element.tagName != 'BODY')
		{
			returnValue += element.offsetLeft;
		}
	}
	
	return returnValue;
}