window.addEvent('domready', function() { 
	
	var slide = new Fx.Slide('slider', {transition: Fx.Transitions.Bounce.easeOut, duration: 1000});
	var arrow = new Fx.Styles('skip');
	var a = 0;

	slide.hide();
	
	scroll_to = function(num) {
		var myFx = new Fx.Scroll(window).toElement($$('.thumb')[num]);
		myFx.start();
	}
	
	Array.prototype.findIndex = function(value) {
		var ctr = "";
		for (var i=0; i < this.length; i++) {
			if (this[i] == value) { return i; }
		}
		return ctr;
	}
	
	$('skip').addEvent('mouseover', function() {
		slide.toggle().chain(function() {
			a++;
			if (a % 2 == 1) {
				// expanded
				$('skip').setStyle('background-image','url(images/arrow_up.png)');
				$('wrap').setStyle('height', '282em');
				$('content').setStyle('height', '282em');
			}
			if (a % 2 == 0) {
				$('skip').style.backgroundImage = 'url(images/arrow_down.png)';
				$('wrap').setStyle('height', '260em');
				$('content').setStyle('height', '260em');
			}
		});
	});
	
	var list = $$('#slider li a');
	
	list.each(function(element) {
 
		element.addEvent('click', function() {
			pos = list.findIndex(element);
			scroll_to(pos);
		});
 
	});
	
});