Event.observe(window, 'load', function()
{	
	// Navigator
	
	newNavigator = new NavigatorCollection();
	newNavigator.getNavigator(
	{
		'id'				: "nav",
		'submenu'			: "downblind",
		'effect'			: "slide"
	});
	
	// imageScrollCollection
	
	imageScrollCollection = new ImageScrollCollection();
	imageScrollCollection.addImageScroll('carrousel_1','lr',true,true,true,true);
	
	// FishEye
	
	if ($('carrousel_1'))
	{
		var options	= {'MaxSize':70, 'Margin':40};
		var fisheye = new FishEyeToolBar('carrousel_1', options);
	}
	
	// selector voor project categorieën
	
	if ($('selector') && $('selected') && $('selector_list'))
	{
		var newProjectSelector = new ProjectSelector();
	}
	
	if ($('textbox'))
	{
		if($('textbox').getHeight() > 380)
		{
			easyscroll();
		}
	}
	$$('.haschildren_0').each(function(el) {
	    Event.observe(el, 'click', function(event) {event.stop();});
	});
	
});

Event.observe(window, 'resize', function()
{
	correctFrameMargin();
});

var ProjectSelector = Class.create(
{
	initialize: function(elm)
	{
	var height = $('selector_list').getHeight();
	$('selector_list').style.height = height + 'px';
	
	this.addBehaviour();
	},
	addBehaviour: function()
	{
		// mouseover / mouseout op de selected plaatsen
		Event.observe($('selector'), 'mouseover', function() { $('selected').addClassName('active'); });
		Event.observe($('selector'), 'mouseout', function() { $('selected').removeClassName('active'); });
		
		// de lijst tonen
		Event.observe($('selector'), 'mouseover', function() { $('selector_list').show(); }.bind(this));
		Event.observe($('selector'), 'mouseout', function() { $('selector_list').hide(); }.bind(this));
	}
});

function ShowImage(id)
{
	var elm = $('projectdetails');
	
	elm.childElements().each(function(child)
	{
		if(child.nodeName.toUpperCase() == "DIV" || child.nodeName.toUpperCase() == "IMG")
		{
			if(child.id == 'detailphoto'+id)
			{
				child.show();
			}
			else
			{
				child.hide();
			}
		}
	});
}

function ShowVideo(id)
{
	var elm = $('projectdetails');
	
	elm.childElements().each(function(child)
			{
		if(child.nodeName.toUpperCase() == "IMG")
		{
			if(child.id == 'detailphoto'+id)
			{
				child.show();
			}
			else
			{
				child.hide();
			}
		}
	});
}
