$(document).ready(function() {

	$('.help-point a.point').click(function(e) {
		e.preventDefault();
		if($(this).is('.opened'))
		{
			$(this).next().hide();
			$(this).removeClass('opened');
		} else
		{
			$(this).next().show();
			$(this).addClass('opened');
		}
	});
	$('.help-point .content a.close').click(function(e) {
		e.preventDefault();
		$(this).parent().prev().removeClass('opened');
		$(this).parent().hide();
	});
	$('.help-point').each(function(n){
		var par = $(this).attr('rel').split(',');
		var elem = $(par[0]), posY = 0, posX = 0, elemWidth, elemHeight;
		
		elemWidth =  parseInt(elem.width()) + parseInt(elem.css('padding-left')) + parseInt(elem.css('padding-right'));
		elemHeight =  parseInt(elem.height()) + parseInt(elem.css('padding-top')) + parseInt(elem.css('padding-bottom'));
		
		if(par[2] == 'top') posY = 0;
		if(par[2] == 'bottom') posY = parseInt(elemHeight);
		if(par[2] == 'center') posY = parseInt(elemHeight/2);
		
		if(par[1] == 'left') posX = 0;
		if(par[1] == 'right') posX = parseInt(elemWidth);
		if(par[1] == 'center') posX = parseInt(elemWidth/2);
		
		$(this).css({
			left: elem.offset().left - 108 + posX,
			top: elem.offset().top + posY - 8
		}).show();
	});

});

function helpPointsRemove()
{
	$('.help-point').remove();
}