window.addEvent('domready', function() {

	setMargin();
	
	var stages = $$('#slideshow img');
	if(stages.length > 1) {
		ObjFadeStages = new fadeStages(stages);
	}
	
	resizeContent();

});

window.addEvent('resize', function() {

	setMargin();

});

function setMargin() {
		
	var margin = document.id('footer').getPosition().x;
	
	$$('.mod_navigation ul.level_1')[0].setStyle('margin-left', margin);
	
}

fadeStages = new Class({
	options: {
		stages: [],
		navEls: [],
		count: 0,
		current: 0,
		interval: false,
		delay: 5000,
		duration: 1500
	},
	initialize: function(stages) {
		this.options.stages = stages;
		this.options.count = this.options.stages.length;
		this.initElements();
		this.options.stages.fade('hide');
		this.options.stages.set('tween', {'duration': this.options.duration});
		this.options.stages[0].fade('show');
		this.startInterval();
	},
	initElements: function() {
		var nav = new Element('ul', {
			'class': 'fade_stage_nav'
		});
		for(i = 0; i < this.options.count; i++) {
			var el_li = new Element('li');
			el_li.addEvent('click', this.navClick.bind(this, el_li));
			el_li.store('stage', i);
			el_li.inject(nav);
			this.options.navEls.push(el_li);
		}
		this.options.navEls[0].addClass('active');
		nav.inject($('slideshow'));
		fadestagenavResize();
	},
	navClick: function(el_li) {
		if(this.options.interval) {
			this.stopInterval();
		}
		var next = el_li.retrieve('stage');
		this.fade(this.options.current, next);
		this.options.current = next;
	},
	startInterval: function() {
		this.options.interval = (function(){
			if(this.options.count == this.options.current + 1) {
				var newStage = 0;
			} else {
				var newStage = this.options.current + 1;
			}
			this.fade(this.options.current, newStage);
			this.options.current = newStage;
		}).periodical(this.options.delay, this);
	},
	stopInterval: function() {
		clearInterval(this.options.interval);
		this.options.interval = false;
	},
	fade: function(from, to) {
		if(from != to) {
			this.options.stages[from].removeClass('active');
			this.options.stages[from].fade(0);
			this.options.stages[to].addClass('active');
			this.options.stages[to].fade(1);
			this.options.navEls[from].removeClass('active');
			this.options.navEls[to].addClass('active');
		}
	}	
});

function fadestagenavResize() {
	if($$('#slideshow ul.fade_stage_nav li').length > 1) {
		newWidth = $$('#slideshow ul.fade_stage_nav').getWidth() / 2 * (-1);
		$$('#slideshow ul.fade_stage_nav').setStyle('margin-left', newWidth);
	}
}

function resizeContent() {
	var mainEl = document.id('main');
	var subEl = document.id('sub');
	
	var mainH = mainEl.getStyle('height').toInt();
	var subH = subEl.getStyle('height').toInt();

	if(subH > mainH) {
		mainH.setStyle('height', subH);
	}
	/*if(mainH > subH) {
		subEl.setStyle('height', mainH);
	} else if(subH > mainH) {
		subEl.setStyle('height', subH);
	}*/
}