var ScreenSizer = function() {
	
	var Sizes;
	var CssClasses = ['basic-screen','medium-screen','large-screen'];
	var currentClass = '';
	
	var SizeUpdate = function() {
		
		Sizes = window.getSize();
		CssClasses.each(function(c) { $(document.body).removeClass(c)});
		
		if (Sizes.y.toInt()<=620) currentClass = 'basic-screen';
		else if ((Sizes.y.toInt()>620) && (Sizes.y.toInt()<=900)) currentClass = 'medium-screen'; 
		else currentClass = 'large-screen'; 
		
		//if (console) console.log(currentClass);
		
		$(document.body).addClass(currentClass);
		
	}
	
	SizeUpdate();
	
	window.addEvent('resize', SizeUpdate)
	
	
	
	
}
var Homepage = function() {
	var circled_tabs = document.getElements('#nav_teaser li');
	circled_tabs[0].addClass('selected');
	
	var tabs = document.getElements('#teaser .tab');
	
	var TAB_TRANSITION_TIME = 850;
	
	/*
	*
	*	TEASER TABS BEHAVIOURS
	*
	*/
	
	$('teaser_box').set('tween', {'duration':TAB_TRANSITION_TIME,'chain':'cancel', transition:Fx.Transitions.Back.easeInOut});
	
	tabs.each(function(t) {
		if (t.getElement('img')) {
			var transitionTime = 200;
			var img = t.getElement('img');
			img.set('tween', {'duration':transitionTime});
			var thumbs = t.getElements('.thumbs a');
			
			thumbs
			.setOpacity(.5)
			.addEvent('click', function(evt) {
				//console.log(this.get('href'));
				if (this.hasClass('active')) return false;
				
				thumbs.filter('.active').fade(0.5).removeClass('active')
				this.fade(1).addClass('active');
				
				img.fade(0);
				img.set.delay(transitionTime,img,['src', this.get('href')]);
				img.fade.delay((transitionTime+20),img,1);
				evt.stop();
			})
			.filter('.active').fade(1)
			
		}
	
	});
	
	tabs.filter(function(t) {return (!t.hasClass('active'))})
	.set('styles', {
		//'visibility':'hidden',
		//'opacity':0
	})
	.set('tween', {duration:TAB_TRANSITION_TIME});
	circled_tabs.each(function(a) {
		var href = a.getElement('a').get('href').split("#").getLast();
		var target = ($(href)) ? $(href) : false;
		//console.log(target);
		a.addEvent('click', function(evt) {
			circled_tabs.removeClass('selected');
			this.addClass('selected')
			
			if (target) {
				
				tabs.filter(function(e) {return (e.getOpacity()>0);})
				.each(function(e) {
					/*e
					//.fade(0)
					.setStyle.delay(TAB_TRANSITION_TIME,e,['display','none']);*/
				})
				
				$('teaser_box').tween('margin-top',1020);
				tabs.setStyle.delay(TAB_TRANSITION_TIME,tabs,['display','none']);
				target.setStyle.delay(TAB_TRANSITION_TIME,target,['display','block']);
				//target.fade.delay(TAB_TRANSITION_TIME,target,1);
				
				$('teaser_box').tween.delay(TAB_TRANSITION_TIME,$('teaser_box'),['margin-top',0]);
			}
			
			if (evt) evt.stop();
		});
	
	})
	
	
	
	var rotator =  {
		current: 0,
		total:circled_tabs.length-1,
		init: function() {
			this.start();
		},
		next: function() {
			this.pause();
			this.start();
			
			var selectedEl = document.getElement('#nav_teaser .selected');
			this.current = circled_tabs.indexOf(selectedEl);
			
		    if (this.current<this.total) this.current += 1;
			else this.current = 0;
			circled_tabs[this.current].fireEvent('click');

		},
		start: function() {
			this.period = this.next.periodical(6000,this);
		},
		pause: function() {
			this.period = $clear(this.period);
		}

	}	
	rotator.init();
	
	if ($('teaser_box')) {
		$('teaser_box').addEvents({
			'mouseover': function() {
				rotator.pause();
			},
			'mouseout': function() {
				rotator.start();
			}
		});
	}
	
	
}

window.addEvent('domready', Homepage);
window.addEvent('domready', ScreenSizer);