$(document).ready(function () {
	hideFromVisualArea('#lmUnderline');
	hideFromVisualArea('#submenu_line');
	hideFromVisualArea('#fpbBubble');
	setMainMenuStaticLine();
	setSubMenuStaticLine();
	$('.columnizzle').columnize({
		columns: 2,
		lastNeverTallest: true,
		overflow: {
			id: ".bogusCol",
			height: 230,
			doneFunc: function () {
				//alert('test');
				//$('.wide .last.column').prepend($('.my_floating_img'));
			}
		}
	});
	$('#menuMap area').hover(menuIn, menuOut);

	$('#paperScrollContainer').jScrollPane();


	if (typeof (showBubbles) != 'undefined' && showBubbles) {
		$('#mm_actiontank').hover(function () { showBubble('hvem_er_vi_' + langImgSuffix, 745, 55); }, function () { hideFromVisualArea('#fpbBubble'); });
		$('#mo_actiontank').hover(function () { $('#mm_actiontank').trigger('mouseenter'); }, function () { $('#mm_actiontank').trigger('mouseleave'); });

		$('#mm_projekter').hover(function () { showBubble('hvad_har_vi_lavet_' + langImgSuffix, 365, 5); }, function () { hideFromVisualArea('#fpbBubble'); });
		$('#mo_projekter').hover(function () { $('#mm_projekter').trigger('mouseenter'); }, function () { $('#mm_projekter').trigger('mouseleave'); });

		$('#mm_ydelser').hover(function () { showBubble('hvad_tilbyder_vi_' + langImgSuffix, 980, 230); }, function () { hideFromVisualArea('#fpbBubble'); });
		$('#mo_ydelser').hover(function () { $('#mm_ydelser').trigger('mouseenter'); }, function () { $('#mm_ydelser').trigger('mouseleave'); });

		$('#mm_socialinnovation').hover(function () { showBubble('hvilke_resultater_skaber_vi_' + langImgSuffix, 880, 20); }, function () { hideFromVisualArea('#fpbBubble'); });
		$('#mo_socialinnovation').hover(function () { $('#mm_socialinnovation').trigger('mouseenter'); }, function () { $('#mm_socialinnovation').trigger('mouseleave'); });

		$('#mm_design').hover(function () { showBubble('hvordan_arbejder_vi_' + langImgSuffix, 100, 300); }, function () { hideFromVisualArea('#fpbBubble'); });
		$('#mo_design').hover(function () { $('#mm_design').trigger('mouseenter'); }, function () { $('#mm_design').trigger('mouseleave'); });

		$('.item.overlay img').each(function () {
			var $this = $(this);
			var $subImg = $this.parents('.item.overlay').prev('.item.main').find('img');

			var tempImg = new Image();

			tempImg.onload = function () {
				$this.css('width', this.width).css('height', this.height);
			}
			tempImg.src = $subImg.attr('src');
		});
	}

	$('a').each(function () {
		var $this = $(this);
		var url = $this.attr('href');
		if (url.indexOf('http://') == 0 && url.indexOf('actiontank.dk') == -1 && url.indexOf('localhost') == -1)
			$this.attr('target', '_blank');
	});
});

var menuIn = function (sender) {
	var area = sender.target;

	if (area.id == "mm_logo") {
		hideFromVisualArea('#lmUnderline');
		return;
	};

	var coords = area.coords.split(',');
	var left = coords[0];
	var top = coords[1];
	$('#lmUnderline').css({ left: left + 'px', top: top + 'px' });
};

var menuOut = function (sender) {
	hideFromVisualArea('#lmUnderline');
};

var showBubble = function (imgId, leftPx, topPx) {
	$('#fpbBubble').css({ left: leftPx + 'px', top: topPx + 'px' });
	$('#fpbBubbleText').attr('src', '/img/fpb_' + imgId + '.png');
};

var hideFromVisualArea = function (selector) {
	$(selector).css({ left: '-10000px', top: '-10000px' });
};

var setMainMenuStaticLine = function () {
	if (typeof (MainMenuImageMapIndex) == 'undefined' || MainMenuImageMapIndex == null || MainMenuImageMapIndex == 'undefined')
		return;
	var area = $('#menuMap area');
	var coords = area[MainMenuImageMapIndex].coords.split(',');
	var left = coords[0];
	var top = coords[1];
	$('#lmStaticUnderline').css({ left: left + 'px', top: top + 'px' });
};

var setSubMenuStaticLine = function () {
	var area = $('#sm_at area');
	if (area.length == 0)
		return;

	if (SubMenuImageMapIndex == -1) {
		hideFromVisualArea('#smStaticUnderline');
		return;
	}

	var coords = area[SubMenuImageMapIndex].coords.split(',');
	var left = parseInt(coords[6]);
	var top = parseInt(coords[7]);
	$('#smStaticUnderline').css({ left: left + 'px', top: top + 'px' });

};