window.addEvent('domready',function(){
		
	/* front page carousel */
	var items = $$('div.featured ul li');
	var pos = $$('div.featured ul')[0].getPosition();
	showItem = function(item,dir){
	
		// hide
		items.addClass('hide').removeClass('itsme');
		
		// main item
		new Fx.Morph(items[item])
		.start({
			'display':'block',
			left: pos.x + 340,
			top: pos.y, //'margin':'0px 0px 0px 340px',
			'height':205,
			'width':294,
			'z-index': 5
		});
		new Fx.Morph(items[item].getElement('img'))
		.start({
			'height':205,
			'width':294
		});
		items[item].addClass('itsme').removeClass('hide');
		$('featureddesc').empty()
		if(items[item].getElement('span')){
			$('featureddesc').adopt(items[item].getElement('span').clone());
		}

		leftone = ((item - 1) >= 0) ? item - 1 : items.length - 1;
		lefttwo = ((item - 2) >= 0) ? item - 2 : items.length + (item - 2);
		rightone = ((item + 1) < items.length) ? item + 1 : 0;
		righttwo = ((item + 2) < items.length) ? item + 2 : (item+2) - items.length;
								
		// left one - tween this
		new Fx.Morph(items[leftone].removeClass('hide'))
		.start({
			'display':'block',
			'height':121,
			'width':174,
			//'margin':'41px 0px 0px 130px',
			left: pos.x + 130,
			top: pos.y + 41,
			'z-index': 3
		});
		new Fx.Morph(items[leftone].getElement('img'))
		.start({
			'height':121,
			'width':174
		});
		
		// left two
		new Fx.Morph(items[lefttwo].removeClass('hide'))
		.start({
			'display':'block',
			'height':79,
			'width':100,
			//'margin':'62px 0px 0px 0px',
			left: pos.x + 0,
			top: pos.y + 62,
			'z-index': 1
		});
		new Fx.Morph(items[lefttwo].getElement('img'))
		.start({
			'height':79,
			'width':100
		});
		
		// right one
		new Fx.Morph(items[rightone].removeClass('hide'))
		.start({
			'display':'block',
			'height':121,
			'width':174,
			//'margin':'41px 0px 0px 670px',
			left: pos.x + 670,
			top: pos.y + 41,
			'z-index': 4
		});
		new Fx.Morph(items[rightone].getElement('img'))
		.start({
			'height':121,
			'width':174
		});
		
		// right two
		new Fx.Morph(items[righttwo].removeClass('hide'))
		.start({
			'display':'block',
			'height':79,
			'width':100,
			//'margin':'62px 0px 0px 880px',
			left: pos.x + 870,
			top: pos.y + 62,
			'z-index': 2
		});
		new Fx.Morph(items[righttwo].getElement('img'))
		.start({
			'height':79,
			'width':100
		});

		$$('div.featured ul li.hide').setStyles({
			'display':'none',
			//'margin':'62px 0px 0px 0px',
			left: pos.x,
			top: pos.y + 62,
			'height':79,
			'width':100
		});
		
		$$('div.featured ul li.hide img').setStyles({
			'height':79,
			'width':100
		});
		
	};
	showItem(0,'l');
	
	$$('div.prevnext a').addEvent('click',function(ev){
		ev.stop();
		if($(ev.target).getParent('a').getProperty('href') == '#left'){
			count = 0; sel = 0;
			items.each(function(e){ count++; if(e.hasClass('itsme')) sel = count; },this);
			sel = sel - 2;
			if(sel < 0) sel = items.length - 1;
			showItem(sel,'l');
		} else {
			count = 0; sel = 0;
			items.each(function(e){ count++; if(e.hasClass('itsme')) sel = count; },this);
			if(sel >= items.length) sel = 0;
			showItem(sel,'r');		
		}
	});
	
	if($('fb-updates')){
	
		var Ticker = new Class({
			setOptions: function(options) {
				this.options = Object.extend({
					speed: 1500,
					delay: 4000,
					direction: 'vertical',
					onComplete: Class.empty,
					onStart: Class.empty
				}, options || {});
			},
			initialize: function(el,options){
				this.setOptions(options);
				this.el = $(el);
				this.items = this.el.getElements('li');
				var w = 0;
				var h = 0;
				if(this.options.direction.toLowerCase()=='horizontal') {
					h = this.el.getSize().y;
						this.items.each(function(li,index) {
						w += li.getSize().x;
					});
				} else {
					w = this.el.getSize().x;
					this.items.each(function(li,index) {
						h += li.getSize().y;
					});
				}
				this.el.setStyles({
					position: 'absolute',
					top: 0,
					left: 0,
					width: w,
						height: h
				});
				this.fx = new Fx.Morph(this.el,{duration:this.options.speed,onComplete:function() {
					var i = (this.current==0)?this.items.length:this.current;
					this.items[i-1].injectInside(this.el);
					this.el.setStyles({
						left:0,
						top:0
					});
				}.bind(this)});
				this.current = 0;
				this.next();
				},
			
			pause: function() {
			    $clear(mytimer);
			    mytimer = null;
			},
			resume: function() {
			    if (mytimer == null) {
			    this.next();
			    }
			},
			next: function() {
				this.current++;
				if (this.current >= this.items.length) this.current = 0;
				var pos = this.items[this.current];
				this.fx.start({
					top: -pos.offsetTop,
					left: -pos.offsetLeft
				});
				mytimer = this.next.bind(this).delay(this.options.delay+this.options.speed);
			}
		});
		
		var mytimer = null;
	
	    (function(){ var hor = new Ticker('fb-updates', { speed : 500, delay : 5000, direction : 'vertical' }); }.delay(500));
	    
	}

});
