/*
 * Injection of the buttons (etc) required for the slide show on the project pages.
 * See also slideshow.js
 */
window.addEvent('domready',function(){
	var obj = {
		wait: 3000,
		effect: 'fade',
		duration: 1000,
		loop: true,
		thumbnails: true,
		backgroundSlider: false,
		onClick: false
	}
	var window_location = "" + window.location;
	var slideshow_container = $('slideshowContainer');
	if (slideshow_container) {

		//set styles that only apply if slideshow is present
		var thumbnails_wrapper = $E('div.thumbnails_wrapper');
		thumbnails_wrapper.setStyle('margin-top', '-20px');

		var thumbnails = $('thumbnails');
		thumbnails.setStyle('overflow', 'hidden');

		//create the slide show
		var show = new SlideShow('slideshowContainer','slideshowThumbnail',obj);

		//create scroll up button
		var scroll_up_button = new Element('a', {
			'id': 'scroll_up',
			'href': '#',
			'events': {
				'click': function(e) {
					new Event(e).stop();
					show.scrollUp();
				}
			}
		});
		scroll_up_button.innerHTML = '<img src="/media/img/core/scroll_up.png" alt="Up"/>';
		scroll_up_button.inject(thumbnails, 'before');

		//create scroll down button
		var scroll_down_button = new Element('a', {
			'id': 'scroll_down',
			'href': '#',
			'events': {
				'click': function(e) {
					new Event(e).stop();
					show.scrollDown();
				}
			}
		});
		scroll_down_button.innerHTML = '<img src="/media/img/core/scroll_down.png" alt="Down"/>';
		scroll_down_button.inject(thumbnails, 'after');

		//create previous button
		var previous_button = new Element('a', {
			'id': 'previous',
			'href': '#',
			'events': {
				'click': function(e) {
					new Event(e).stop();
					show.previous();
                    if(pageTracker2){
                        pageTracker2._trackEvent('Slideshow', 'Previous', window_location);
                    }
				}
			}
		});
		previous_button.innerHTML = 'Previous';
		previous_button.inject(slideshow_container, 'after');

		//create play button
		var play_button = new Element('a', {
			'id': 'play',
			'href': '#',
			'events': {
				'click': function(e) {
					new Event(e).stop();
					show.play();
                    if(pageTracker2){
                        pageTracker2._trackEvent('Slideshow', 'Play', window_location);
                    }
                }
			}
		});
		play_button.innerHTML = 'Play';
		play_button.inject(previous_button, 'after');

		//create stop button
		var stop_button = new Element('a', {
			'id': 'stop',
			'href': '#',
			'events': {
				'click': function(e) {
					new Event(e).stop();
					show.stop();
                    if(pageTracker2){
                        pageTracker2._trackEvent('Slideshow', 'Stop', window_location);
                    }
				}
			}
		});
		stop_button.innerHTML = 'Stop';
		stop_button.inject(play_button, 'after');

		//create next button
		var next_button = new Element('a', {
			'id': 'next',
			'href': '#',
			'events': {
				'click': function(e) {
					new Event(e).stop();
					show.next();
                    if(pageTracker2){
                        pageTracker2._trackEvent('Slideshow', 'Next', window_location);
                    }
				}
			}
		});
		next_button.innerHTML = 'Next';
		next_button.inject(stop_button, 'after');

		//add event to zoom button
		var zoom_button = $('zoom');
		zoom_button.addEvent('click', function(e){
			new Event(e).stop();
			show.stop();
            if(pageTracker2){
                pageTracker2._trackEvent('Slideshow', 'Zoom', window_location);
            }
			var index = show.image;
			if (index == -1) {
				index = show.images.length - 1;
			}
			Slimbox.open(largeImages.map(function(i) { return [i, '']}), index);
		});

		//start the slide show
		show.play();
	}
});