var 
thumbs = '#sidemenu',
navUp = '#sidemenu-up',
navDown = '#sidemenu-down',
footer = '#footer',
whatElse = '#what-else',
inspirationClose = '#inspiration-close',
inspiration = '#inspiration',
inspirationContents = '#inspiration-contents';


window.addEvent('domready', function() {
  //setup thumbnail slider 
  function setupSlider(container) {
	var thumbsSlider = new Fx.Scroll(container, {
	  mode: 'vertical', 
	  duration: 1500, 
	  transition: Fx.Transitions.Linear,
	  onComplete: function() {
		//alert(container);
	  }
	});

	//up button
	$$(navUp).addEvent('mouseover', function(e) {
	  e.stop();
	  thumbsSlider.toTop();
	});
	$$(navUp).addEvent('mouseout', function(e) {
	  e.stop();
	  thumbsSlider.pause();
	});
	
	//down button
	$$(navDown).addEvent('mouseover', function(e) {
	  e.stop();
	  thumbsSlider.toBottom();
	});
	$$(navDown).addEvent('mouseout', function(e) {
	  e.stop();
	  thumbsSlider.pause();
	});
  }
  
  sliderContainer = $$(thumbs)[0];
  setupSlider(sliderContainer);
  
  //inspiration box
  function setupInspiration(container) {
		
		$$(inspirationContents).load('inspiration.htm');
	
		var inspirationSlider = new Fx.Tween(container, {
			property: 'top',												 
			duration: 1000, 
			transition: Fx.Transitions.Bounce.easeOut,
			onComplete: function() {
			  //alert(container);
			}
		});
		
		var inspirationSlideIn = new Fx.Tween(container, {
			property: 'top',												 
			duration: 2000, 
			transition: Fx.Transitions.Elastic.easeOut
		});
		
    var inspirationOut = 22;
    var inspirationIn = -168;
		
		//what else? button
		$$(whatElse).addEvents({
			'click': function(e){
				e.stop();
				//inspirationSlider.slideIn();
				inspirationSlideIn.start(inspirationIn);
			}
		});
    
		//inspirationClose button
		$$(inspirationClose).addEvents({
			'click': function(e){
				e.stop();
				//inspirationSlider.slideIn();
				inspirationSlider.start(inspirationOut);
			}
		});
  }
  
  setupInspiration($$(inspiration)[0]);
});