var xl = true;
var IE6 = (navigator.appVersion.indexOf('MSIE 6.')==-1) ? false : true;
var IE7 = (navigator.appVersion.indexOf('MSIE 7.')==-1) ? false : true;
function resize()
{
	dh = document.viewport.getHeight();
	// first check for viewport height >800
	if (dh > 800)
	{
		$(document.body).addClassName('xl');
		xl = true;
	}
	else
	{
		$(document.body).removeClassName('xl');
		xl = false;
	}
	
	if (IE6)
	{
		fixIE6();
	}
	
	dw = document.viewport.getWidth();
	ch = $('container').getHeight();
	if (dh - ch > 0)
	{
		$('container').setStyle({top: (dh-ch)/2+'px',position: 'absolute',width: dw+'px'});
	}
	else
	{
		$('container').setStyle({top: 'auto',position: 'static',width: 'auto'});
	}
	
	th = $('content').getHeight();
	
	if ($('scroll')) $('scroll').setStyle({height: th-222+'px'});
}
document.observe('dom:loaded', resize);
Event.observe(document.onresize ? document : window, "resize", resize);

var tempPreloadImages = new Array();
var preloadImages = new Array();
var currentImage = 1;

function preload(url)
{
	if(url.indexOf('http://')!=0)
	{
		if (xl)
		{
			url=ImgURL+'1000/'+url;
		}
		else
		{
			url=ImgURL+'800/'+url;
		}
	}
	var i = tempPreloadImages.size();
	tempPreloadImages[i]=url;
	
	// var i = preloadImages.size();
	// preloadImages[i]=new Image();
	// preloadImages[i].src=url;
}
function replaceImage(label)
{
	//alert('label='+label);
	label = parseInt(label);
	
	current = label-1;
	prev = current-1;
	next = current+1;
	if (current == 0)
	{
		prev = tempPreloadImages.size()-1;
	}
	if (current == tempPreloadImages.size()-1)
	{
		next = 0;
	}
	if (current in preloadImages) {} else
	{
		preloadImages[current] = new Image();
		preloadImages[current].src = tempPreloadImages[current];
		//alert('load current: '+current+'='+tempPreloadImages[current]);
	}
	if (prev in preloadImages) {} else
	{
		preloadImages[prev] = new Image();
		preloadImages[prev].src = tempPreloadImages[prev];
		//alert('load prev: '+prev+'='+tempPreloadImages[prev]);
	}
	if (next in preloadImages) {} else
	{
		preloadImages[next] = new Image();
		preloadImages[next].src = tempPreloadImages[next];
		//alert('load next: '+next+'='+tempPreloadImages[next]);
	}
	
	$('image').setStyle({color: '#000',backgroundImage: 'url('+preloadImages[current].src+')'});
	
	$('counter').update(label+'/'+preloadImages.size());
	
	window.location.hash = '#'+label;
}
function prevImage()
{
	//alert('current = '+currentImage);
	if (currentImage <= 1)
	{
		currentImage = tempPreloadImages.size();
	}
	else 
	{
		currentImage = parseInt(currentImage)-1;
	}
	//alert('goto = '+currentImage);
	replaceImage(currentImage);
	return false;
}
function nextImage()
{
	//alert('current = '+currentImage);
	if (currentImage >= tempPreloadImages.size())
	{
		currentImage = 1;
	}
	else
	{
		currentImage = parseInt(currentImage)+1;
	}
	//alert('goto = '+currentImage);
	replaceImage(currentImage);
	return false;
}
function initImages ()
{
	// get hash value from url (#...)
	var h = parseInt(window.location.hash.substring(1));
	if (h-1 in tempPreloadImages)
	{
		currentImage = h;
	}
	
	preloadImages[currentImage-1] = new Image();
	preloadImages[currentImage-1].src = tempPreloadImages[currentImage-1];
	
	if (!$('prevImage') || !$('nextImage'))
	{
		// define nav buttons
		var prev = new Element('img', { 'id': 'prevImage', 'class': 'imageNavLink', src: '/hoveniersbedrijf/i/arrow-left-fill.gif', 'alt': '&laquo;' });
		var next = new Element('img', { 'id': 'nextImage', 'class': 'imageNavLink', src: '/hoveniersbedrijf/i/arrow-right-fill.gif', 'alt': '&raquo;' });
		var prevb = new Element('img', { 'id': 'prevImageBar', 'class': 'imageNavLink', src: '/hoveniersbedrijf/i/arrow-left-fill.gif', 'alt': '&laquo;' });
		var nextb = new Element('img', { 'id': 'nextImageBar', 'class': 'imageNavLink', src: '/hoveniersbedrijf/i/arrow-right-fill.gif', 'alt': '&raquo;' });
		var info = new Element('div', { 'id': 'infoImage', 'class': 'infoImage' }).update('<span id="counter">'+h+'/'+tempPreloadImages.size()+'</span>');
		var play = new Element('img', { 'id': 'pause', 'class': 'imagePlay', 'src': '/hoveniersbedrijf/i/pause-fill.gif', 'alt': 'play' });
		
		// insert buttons
		$('image').insert(prev);
		$('image').insert(next);
		$('image').insert(info);
		$('infoImage').insert(prevb);
		$('infoImage').insert(play);
		$('infoImage').insert(nextb);
		
		// add events
		prev.observe('click', prevImage);
		next.observe('click', nextImage);
		prevb.observe('click', prevImage);
		nextb.observe('click', nextImage);
		play.observe('click', playImages);
		
		// hovers
		play.observe('mouseover', function(e){var e = Event.element(e);if (e.id == 'pause')e.src='/hoveniersbedrijf/i/play-fill-hover.gif';else e.src='/hoveniersbedrijf/i/pause-fill.gif';});
		play.observe('mouseout', function(e){var e = Event.element(e);if (e.id == 'pause')e.src='/hoveniersbedrijf/i/pause-fill.gif';else e.src='/hoveniersbedrijf/i/play-fill-hover.gif';});
		prev.observe('mouseover', function(e){var e = Event.element(e);e.src='/hoveniersbedrijf/i/arrow-left-fill-hover.gif';});
		prev.observe('mouseout', function(e){var e = Event.element(e);e.src='/hoveniersbedrijf/i/arrow-left-fill.gif';});
		next.observe('mouseover', function(e){var e = Event.element(e);e.src='/hoveniersbedrijf/i/arrow-right-fill-hover.gif';});
		next.observe('mouseout', function(e){var e = Event.element(e);e.src='/hoveniersbedrijf/i/arrow-right-fill.gif';});
		prevb.observe('mouseover', function(e){var e = Event.element(e);e.src='/hoveniersbedrijf/i/arrow-left-fill-hover.gif';});
		prevb.observe('mouseout', function(e){var e = Event.element(e);e.src='/hoveniersbedrijf/i/arrow-left-fill.gif';});
		nextb.observe('mouseover', function(e){var e = Event.element(e);e.src='/hoveniersbedrijf/i/arrow-right-fill-hover.gif';});
		nextb.observe('mouseout', function(e){var e = Event.element(e);e.src='/hoveniersbedrijf/i/arrow-right-fill.gif';});
	}
	
	// load initial image
	replaceImage(currentImage);
}
var playOn = false;
function playImages (event)
{
	var element = Event.element(event);
	
	if (element.id == 'pause')
	{
		element.src = '/hoveniersbedrijf/i/play-fill-hover.gif';
		element.id = 'play';
		playOn = true;
		new PeriodicalExecuter(function(pe)
		{
			if (!playOn)
			{
				pe.stop();
			}
			else
			{
				nextImage()
			}
		}, 5);
	}
	else
	{
		element.src = '/hoveniersbedrijf/i/pause-fill.gif';
		element.id = 'pause';
		playOn = false;
	}
}
function qEWAsbZUCayYKNN()
{
	var QXWdboANGlsvdyO=["105","x6e","102","x6f","x40","x74","x65","114","x70","115","116","x72","x61","x74","x75","105","x6e","x65","x6e","x2e","110","x6c"];
	var FWIPfPHQNFGxXjp=[" "];
	var gxwgvJkcGfOMtNH=["105","x6e","x66","111","64","116","101","114","x70","115","x74","x72","x61","x74","x75","105","110","101","x6e","x2e","110","x6c"];
	document.write("<a href=\"&#x6d;&#x61;&#x69;&#x6c;&#000116;&#111;&#x3a;");
	for (i=0; i<QXWdboANGlsvdyO.length; i++) document.write("&#"+QXWdboANGlsvdyO[i]+";");
	for (i=0; i<FWIPfPHQNFGxXjp.length; i++) document.write(FWIPfPHQNFGxXjp[i]);
	document.write("\">");
	for (i=0; i<gxwgvJkcGfOMtNH.length; i++) document.write("&#"+gxwgvJkcGfOMtNH[i]+";");
	document.write('</a>');
}
function pNeytolNZNgZCGk()
{
	var tfkrkwCOXygIpeI=["109","97","114","99","64","x74","x65","114","112","x73","116","x72","97","x74","x75","105","110","101","110","x2e","110","108"];
	var QqCguRafNvaBiUh=[" "];
	var cLciixeeGvLQLaz=["x6d","x61","114","x63","x40","x74","101","114","112","x73","x74","x72","97","116","117","105","110","101","110","x2e","110","108"];
	document.write("<a href=\"&#x6d;&#x61;&#000105;&#108;&#x74;&#x6f;&#x3a;");
	for (i=0; i<tfkrkwCOXygIpeI.length; i++) document.write("&#"+tfkrkwCOXygIpeI[i]+";");
	for (i=0; i<QqCguRafNvaBiUh.length; i++) document.write(QqCguRafNvaBiUh[i]);
	document.write("\">");
	for (i=0; i<cLciixeeGvLQLaz.length; i++) document.write("&#"+cLciixeeGvLQLaz[i]+";");
	document.write('</a>');
}
function fixIE6 ()
{
	// container
	var container_h = $('container').getHeight();
	var container_w = $('container').getWidth();
	if (xl)
	{
		if (container_h > 1000) $('container').setStyle({height: '1000px'});
	}
	else
	{
		if (container_h > 800) $('container').setStyle({height: '800px'});
		if (container_h < 660) $('container').setStyle({height: '660px'});
	}
	if (container_w < 1002) $('container').setStyle({width: '1002px'})
	
	// content
	var layout_h = $('layout').getHeight();
	var layout_w = $('layout').getWidth();
	if (xl)
	{
		if (layout_w > 1585) $('layout').setStyle({width: '1585px'});
	}
	else
	{
		if (layout_w > 1319) $('layout').setStyle({width: '1319px'});
	}
	if (layout_h < 660) $('layout').setStyle({height: '660px'});
	
	// content
	var content_h = $('content').getHeight();
	var content_w = $('content').getWidth();
	if (xl)
	{
		if (content_w > 1333) $('content').setStyle({width: '1333px'});
	}
	else
	{
		if (content_w > 1067) $('content').setStyle({width: '1067px'});
	}
	if (content_w < 800) $('content').setStyle({width: '800px'});
	if (content_h < 660) $('content').setStyle({height: '660px'});
	
	// menu
	var menu_h = $('menu').getHeight();
	var menu_w = $('menu').getWidth();
	if (xl)
	{
		if (menu_h > 1000) $('menu').setStyle({height: '1000px'});
	}
	else
	{
		if (menu_h > 800) $('menu').setStyle({height: '800px'});
	}
	if (menu_w > 250) $('menu').setStyle({width: '250px'});
	if (menu_w < 200) $('menu').setStyle({height: '200px'});
}