/* ui.js */

$(document).ready(function(){
		$(function() {
			$('a[@rel*=lightbox]').lightBox({fixedNavigation:true}); // Select all links that contains lightbox in the attribute rel
		});

		jQuery.easing.def = "easeOutExpo";
		
	var spacing = 90;
	var transfer = spacing*6
	
	var $years = $('#slidewindow #slidercontent li');
	var $slider = $('#slidewindow ul#slidercontent');
	var totalWidth = spacing * $years.length;
	
	$('#slidercontent').css({
		'width': totalWidth,
		'height': '32px'
	});
	$('#slidewindow').css({
		'width': spacing * 6,
		'overflow': 'hidden'
	});
	$('#slidewindow ul#slidercontent').css({
		'position': 'absolute',
		'left' : 0
	});
	var pos = $slider.position();
	var current = pos.left;
	var min = transfer - totalWidth;
	
	var setUpSlider = function() {
		
		$('.slidenext').click(function(event) {
			if(current<=min)
			{
				current = current;
			}
			else
			{
				$slider.animate({'left':current-transfer}, {duration: 1000, easing: "easeOutExpo"});
				current = current-transfer;
			}
			event.preventDefault();
		});
		
		$('.slideprev').click(function(event) {
			if(current>=0)
			{
				current = current;
			}
			else
			{
				$slider.animate({'left':current+transfer}, {duration: 1000, easing: "easeOutExpo"});
				/* $slider.animate({'left':current+transfer}, 'fast'); */
				current = current+transfer;
			}
			event.preventDefault();
		});
		
		/* .animate({height:200}, {duration: 1000, easing: method1}).animate({height:100}, {duration: 1000, easing: method2}); */
	};
	setUpSlider(pos);
});