window.addEvent('resize',function(){
	wWidth = (window.getWidth() / 2) - 425;
	
	if($E('#oursSection').getStyle('position') == 'fixed')
	{
		$E('#oursSection').setStyle('left', wWidth + 520);
	}
	if($E('#yoursSection').getStyle('position') == 'fixed')
	{
		$E('#yoursSection').setStyle('left', wWidth);
	}
	if($E('#mineSection').getStyle('position') == 'fixed')
	{
		$E('#mineSection').setStyle('left', wWidth + 150);
	}
});

window.addEvent('domready', function() {
	
	wWidth = (window.getWidth() / 2) - 425;
	
	$E('#menuBar').setStyle('left', wWidth);
	
	if($E('#oursSection').getStyle('position') == 'fixed')
	{
		$E('#oursSection').setStyle('left', wWidth + 520);
	}
	if($E('#yoursSection').getStyle('position') == 'fixed')
	{
		$E('#yoursSection').setStyle('left', wWidth);
	}
	if($E('#mineSection').getStyle('position') == 'fixed')
	{
		$E('#mineSection').setStyle('left', wWidth + 150);
	}
	
	$E('#oursSection').setStyle('position','fixed');
	$E('#yoursSection').setStyle('position','fixed');
	$E('#mineSection').setStyle('position','relative');
	$E('#oursSection').setStyle('left', wWidth + 520);
	$E('#mineSection').setStyle('left', 150);
	$E('#mineSection').setStyle('top', 45);

	$E('#clicker').addEvent('click',function(){
		$ES('#logoImages img').each(function(img){
			img.setStyle('visibility','hidden');
		});
		$E('#manifesto').setStyle('visibility', 'visible');
		$E('#manifesto').addEvent('click',function(){
			$E('#manifesto').setStyle('visibility', 'hidden');
			$ES('#logoImages img').each(function(img){
				img.setStyle('visibility','visible');
			});
		});
	});

	$$('#menuOurs', '#oursSection').each(function(el){
	
		el.addEvent('click',function(){
		
			if($E('#oursSection').getStyle('position') == 'fixed') {
				wWidth = (window.getWidth() / 2) - 425;
			
				scrollTop = new Fx.Scroll(window,{duration:0});
				scrollTop.toTop();
	
				zindex = Math.max(parseInt($('yoursSection').getStyle('z-index')),
				parseInt(parseInt($('oursSection').getStyle('z-index'))));
				zindex = Math.max(zindex,
					parseInt(parseInt($('mineSection').getStyle('z-index'))));
				$('oursSection').setStyle('min-height',window.getHeight() + 10);
				$E('#oursSection').setStyle('z-index',zindex+1);
	
				$E('#oursSection').setStyle('position','relative');
				$E('#yoursSection').setStyle('position','fixed');
				$E('#mineSection').setStyle('position','fixed');
				$E('#yoursSection').setStyle('left', wWidth);
				$E('#mineSection').setStyle('left', wWidth + 150);
				$E('#mineSection').setStyle('top', 45);
				$E('#oursSection').setStyle('left', '520px');
			}
		});
	});

	$$('#yoursSection','#menuYours').each(function(el) {

		el.addEvent('click',function() {
		
			if($E('#yoursSection').getStyle('position') == 'fixed') {
				wWidth = (window.getWidth() / 2) - 425;
			
				scrollTop = new Fx.Scroll(window,{duration:0});
				scrollTop.toTop();
	
				zindex = Math.max(parseInt($('yoursSection').getStyle('z-index')),
				parseInt(parseInt($('oursSection').getStyle('z-index'))));
				zindex = Math.max(zindex,
					parseInt(parseInt($('mineSection').getStyle('z-index'))));
				
				$('yoursSection').setStyle('min-height',window.getHeight() + 10);
				
				$E('#yoursSection').setStyle('z-index',zindex+1);
	
				$E('#oursSection').setStyle('position','fixed');
				$E('#yoursSection').setStyle('position','relative');
				$E('#mineSection').setStyle('position','fixed');
				$E('#yoursSection').setStyle('left', 0);
				$E('#mineSection').setStyle('left', wWidth + 150);
				$E('#mineSection').setStyle('top', 45);
				$E('#oursSection').setStyle('left', wWidth + 520);
			}
	
		});
	});

	$$('#mineSection', '#menuMine').each(function(el) {
	
		el.addEvent('click', function() {
	
			if($E('#mineSection').getStyle('position') == 'fixed') {
				wWidth = (window.getWidth() / 2) - 425;
		
				scrollTop = new Fx.Scroll(window,{duration:0});
				scrollTop.toTop();

				zindex = Math.max(parseInt($('yoursSection').getStyle('z-index')),
				parseInt(parseInt($('oursSection').getStyle('z-index'))));
				zindex = Math.max(zindex,
					parseInt(parseInt($('mineSection').getStyle('z-index'))));
				$('mineSection').setStyle('min-height',window.getHeight());
				
				$E('#mineSection').setStyle('z-index',zindex+1);

				$E('#oursSection').setStyle('position','fixed');
				$E('#yoursSection').setStyle('position','fixed');
				$E('#mineSection').setStyle('position','relative');
				$E('#yoursSection').setStyle('left', wWidth);
				$E('#oursSection').setStyle('left', wWidth + 520);
				$E('#mineSection').setStyle('left', 150);
				$E('#mineSection').setStyle('top', 45);
			}
		});
	});
});