window.addEvent("domready", fire_carousel);
var windowsize;
var currentItem = "item1";
var itemAdjust;
var itemScroll;
var num = 1;
var limit = 5;

function fire_carousel() {
	if($('carousel')) {
		$('car_nav').fade('hide');
		$('item1').fade('hide');
		$('car_container').setStyle('background-image','none');
		carouselInit();
		window.addEvent('resize',setCarouselSizes);
	}
}


function carouselInit() {
	checkNums();
	$$('.car_item').each(function(el) {
		var height = el.getSize().y;
		var margin = ((860 - height) / 2) - 10;
		
		//el.setStyle('margin-top',margin);
	});
	$('car_nav').fade('in');
	$('item1').fade('in');
	$('note').fade('out');
	$$('.morelink').tween('bottom',0);
	itemScroll = new Fx.Scroll('car_container', {
	    duration: 600,
	    transition: Fx.Transitions.Expo.easeOut,
	    wait: false
	});
	itemAdjust = new Fx.Scroll('car_container', {
	    duration: 0,
	    transition: Fx.Transitions.Quint,
	    wait: true
	});
	window.addEvent('keydown',function(event) {
		var pressed = event.key;
		var scrollz = window.getScroll().y;
		if(pressed == 'right' && scrollz < 840) {
			carouselNext();
			$$('#car_nav .next').addClass('on');
			return false;
		}
		if(pressed == 'left' && scrollz < 840) {
			carouselPrev();
			$$('#car_nav .prev').addClass('on');
			return false;
		}
	});
	window.addEvent('keyup',function(event) {
	var pressed = event.key;
		if(pressed == 'right') {
			$$('#car_nav .next').removeClass('on');
			return false;
		}
		if(pressed == 'left') {
			$$('#car_nav .prev').removeClass('on');
			return false;
		}
	});
	
	

	$$('#carousel #car_nav .next').addEvent('click',function() {
		carouselNext();
		return false;
	});
	$$('#carousel #car_nav .prev').addEvent('click',function() {
		carouselPrev();
		return false;
	});
	$$('#carousel .down').addEvent('click',function() {
		scrollToContent();
		return false;
	})
	
	$('carousel').addEvent('mousemove',function(event) {
		//alert(event.page.y);
		//if(event.page.y < 780 && event.page.y > 64)
		//$('car_nav').setStyle('top',event.page.y - 30);
	});
	setCarouselSizes();
	
	/* scrollspy instance */
	var ss = new ScrollSpy({
		min: 860,
		max:5000,
		onEnter: function() {
			$('header').setStyles({
				'position':'fixed',
				'top': 30,
				'left': 0
			});
			
			$('content').setStyles({
				'margin-top': 210
			});
		},
		onLeave: function() {
			$('header').setStyles({
				'position':'relative',
				'top': '30',
				'left': 'auto'
			});	
			$('content').setStyles({
				'margin-top': 80
			});		
		},
		container: window
	});
	
	$$('#tidbits h3').addEvent('click',function() {
		return false;
	});

}

function carouselNext() {
	//$('item'+num).fade('out');
	num++;
	checkNums();
	//$('item'+num).fade('in');
	itemScroll.toElement('item'+num);
	currentItem = "item"+num;
}

function carouselPrev() {
	//$('item'+num).fade('out');
	num--;
	checkNums();
	//$('item'+num).fade('in');
	itemScroll.toElement('item'+num);
	currentItem = "item"+num;
}

function checkNums() {
	if(num == 0) {
		num = 1;
	}
	if(num == 1) {
		$$('#carousel #car_nav .prev').fade(.1);
		$$('#carousel #car_nav .prev').addClass('disable');
	}
	else {
		$$('#carousel #car_nav .prev').fade(1);
		$$('#carousel #car_nav .prev').removeClass('disable');
	}
	
	if(num == limit + 1) {
		num = limit;
		scrollToContent();
		return false;
	}
}

function scrollToContent() {
	var myFx = new Fx.Scroll(window,{duration:800,transition: Fx.Transitions.Quint.easeInOut}).toElement('header');
}

function setCarouselSizes() {
	windowsize = window.getSize().x;
	$$('#carousel .container').setStyle('width','auto');
	
	var margin = (windowsize - 960) / 2;
	if(margin < 0) {
		margin = 0;
	}
	$$('#carousel .car_item').setStyle('width',windowsize);
	$$('#carousel .details').setStyle('margin-left',margin);
	$$('#carousel .item_holder').setStyle('margin','0 '+margin+'px');
	$$('#carousel #car_nav').setStyle('width',windowsize);
	$$('#carousel .right_side').setStyle('right',margin + 10);
	$$('#carousel .left_side').setStyle('left',margin +10);
	$$('#carousel .morelink').setStyle('margin-left',margin + 830 +'px');
	$$('#carousel .post_count').setStyle('margin-left',margin + 873 +'px');
	$$('#carousel h2').setStyle('left',margin + 120 +'px');
	$$('#carousel #car_logo').setStyle('left',margin +'px');
	
	itemAdjust.toElement(currentItem);
}