window.addEvent('domready', function() {

	// logo home
	var logoHome = $('content').getElement('.logo-home');

	if (logoHome) {
		var intro = logoHome.getElement('.intro');
		intro.fx = new Fx.Slide(intro);
		intro.fx.hide();

		logoHome.addEvents({
			'mouseenter': function() {
				intro.fx.slideIn();
			},
			'mouseleave': function() {
				intro.fx.slideOut();
			}
		});
	}

	// project form filter
	if ($('form-filter')) {
		var form   = $('form-filter');
		var select = form.getElement('select');
		form.getElement('input[type="submit"]').destroy();

		select.addEvent('change', function(e) {
			window.location = '/projecten/filter/' + select.value;
		});
	}

	// project page
	if ($(document.body).hasClass('project')) {

		// slideshow
		var slideshowWrapper = $('content').getElement('.project-images');
		var slideshowImages  = slideshowWrapper.getElements('img');
		if (slideshowImages.length > 1) {

			var data = new Hash();
			slideshowImages.each(function(slideshowImage) {
				data.include(slideshowImage.get('src'), {
					'thumbnai': slideshowImage.get('src')
				});
			});

			// empty the wrapper
			slideshowWrapper.empty();

			// create slideshow
			var slideshow = new Slideshow(slideshowWrapper, data.getClean(), {
				loader: false,
				width: 960,
				height: 495,
				delay: 3000,
				duration: 1000,
				thumbnails: true,
				resize: 'length',
				overlap: false,
				fast: 2,
				preload: true
			});

			// change thumbnail content
			slideshowThumbnails = $$('.slideshow-thumbnails ul li');
			slideshowThumbnails.each(function(thumbnail, index) {
				var link = thumbnail.getElement('a');

				// empty link tag
				link.empty();

				// set content (index number)
				link.set('text', index + 1);

				link.addEvent('click', function(e) {
					slideshow.pause(1);
					slideshow.go(index);
				});
			});

			// inject text 'foto'
			new Element('p', {
				'html': 'Foto:'
			}).inject($$('.slideshow-thumbnails')[0], 'top');
		}

		// slide effects
		var sidebarLeft  = $('sidebar-left');
		var sidebarRight = $('sidebar-right');

		sidebarLeft.slideFx  = new Fx.Slide(sidebarLeft);
		sidebarRight.slideFx = new Fx.Slide(sidebarRight);

		sidebarLeft.getElement('.project-content h1').inject($('wpr-sidebar-left'), 'top');

		var infoLink = new Element('a', {
			'id': 'info-link',
			'href': '#',
			'html': 'info',
			'events': {
				'click': function(e) {
					// stop event
					e.stop();

					// slide in out sidebars
					sidebarLeft.slideFx.toggle();
					sidebarRight.slideFx.toggle();

					// toggle show class
					this.toggleClass('hide');
				}
			}
		}).inject($('wpr-sidebar-left').getElement('h1'), 'bottom');
	}
});