$(document).ready(function () {

	$(".balloon_link").click(show_balloon);

});

function show_balloon(event)
{
	var balloon_body = $("#balloon_body");
	balloon_body.hide();
	var w = balloon_body.width();
	var h = balloon_body.height();
	
	var x = event.pageX;
	var y = event.pageY;

	var scroll = getScroll();
	var margin = 10;
	
	var l = 0;
	var t = 0;

	if ($(this).attr('rel')) {

		if ((x + w) < document.documentElement.scrollWidth) l = x + margin;
		else l = (x - w - margin);
	
		if ((y - h) < scroll.y) t = y + margin;
		else t = (y - h - margin);

		balloon_body.css({top: t, left: l});

	} else {

		if ((x + w) < document.documentElement.scrollWidth/2+w) l = x-w/3;
		else l = (x - w - margin);

		t=y-210;

		balloon_body.css({top: t, left: l});

	}


	balloon_body.show("fast");
	
	if ($(this).attr('rel')) load_balloon_data($(this).attr('rel'));
	
	$(document).click(function ()
	{
		balloon_body.hide();
	});
}

function load_balloon_data(link)
{
	var loader = $("#balloon_loading");
	var balloon_data = $("#balloon_data");
	
	balloon_data.hide();
	loader.show();
	
	$.post("brand_ajx.html", { link: link },
	function(data){ 
	
		loader.hide();
		balloon_data.html(data);
		balloon_data.show();
	});
}
	
function getScroll() {
	var x = y = 0;
	x = (window.scrollX) ? window.scrollX : document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft;
	y = y = (window.scrollY) ? window.scrollY : document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
	return {x:x, y:y};
}