window.addEvent('domready', function() {
	start();
});

var link1 = null;
var link1_value = null;
var link2 = null;
var link2_value = null;
var content_items = null;
var content_items_top = null;
var content_items_left = null;
function start() {
	var cd_links = $$('.cd_link');
	cd_links.each(function(link) {
		link.addEvent('click', function(e) {
			if(!link.hasClass('direct_link')) {
			new Event(e).stop();
			link1 = link;
			if(link.getProperty('href')!='#') {
				link1_value = link.getProperty('href');
				link1.setProperty('href','#');
				var id_tmp = link1_value.split('/')[1];
				var id = id_tmp.split('.')[0];
				content_items = $(id).getElement('ul').clone();
				if($(id).hasClass('sub_menu')) {
					content_items.getChildren().each(function(item) {
						item.addEvent('click', function(e2) {
							new Event(e2).stop();
							link2 = item;
							if(item.getProperty('href')!='#') {
								link2_value = $E('a',item).getProperty('href');
								item.setProperty('href','#');
								var id2 = link2_value.split('.')[0];
								content_items.getChildren().each(function(item2) {
									if(item2!=item) {
										var fx = item2.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
										fx.start({
												'opacity': [1,0],
												'height': 0,
												'padding': 0,
												'margin': 0
											});
										item2.addClass('no_over');
										item2.removeClass('yes_over');
									}
								});	
								content_items.getElements('a').each(function(item2) {
									if(item2!=item) {
										var fx = item2.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
										fx.start({
												'height': 0
											});
									}
								});
								content_items_top = content_items.getStyle('top').toInt();
								content_items_left = content_items.getStyle('left').toInt();
								content_items.setStyle('position','relative');
								var content_items_fx = content_items.effects({
															duration: 500, 
															transition: Fx.Transitions.Quart.easeOut,
															onComplete: function(){
																var back_fx = $E('a',$('back')).effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
																back_fx.start({'left': 0});
																$E('a',$('back')).addEvent('click', function(e3) {
																	menu2_back();
																});
																content_items2 = $(id2).getElement('ul').clone();
																content_items2.setStyle('opacity',0);
																$('content').adopt(content_items2);
																var box3_fx = $E('#box3',$('content')).effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
																box3_fx.start({
																	'top': [content_items_top+20,content_items_top],
																	'opacity': 1
																	});
															}
														});
								content_items_fx.start({
										'top': 30,
										'left': 600
									});
							}
						});
					})
				}
				content_items.setStyle('opacity',0);
				$('content').adopt(content_items);
				$('content').getChildren().each(function(el) {
					var fx = el.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
					var el_top = el.getStyle('top').toInt();
					el.setStyle('position','absolute');
					fx.start({
							'top': [el_top-20,el_top],
							'opacity': [0,1]
						});
				});
				var menu_fx = $E('a',main_menu).effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
				menu_fx.start({
						'left': 0
					});
				cd_links.each(function(link2) {
					if(link2!=link) {
						var fx = link2.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
						var link_top = link2.getStyle('top').toInt();
						fx.start({
								'top': link_top+20,
								'opacity': 0
							});
					}
				});
				restartMainMenu();
			}
				
			}
		});
	});
	var main_menu = $('main_menu');
	$E('a',main_menu).setStyle('left',90);
	restartMainMenu();
}

function restartMainMenu() {
	main_menu.addEvent('click', function(e) {
		new Event(e).stop();
		link1.setProperty('href',link1_value);
		var menu_fx = $E('a',main_menu).effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
		menu_fx.start({
				'left': 90
			});
		$$('.cd_link').each(function(link) {
			if(link.getStyle('opacity').toInt()==0) {
				var fx = link.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
				var link_top = link.getStyle('top').toInt();
				fx.start({
						'top': link_top-20,
						'opacity': 1
					});
			}
		});
		$('content').getChildren().each(function(el) {
			var el_fx = el.effects({
					duration: 500, 
					transition: Fx.Transitions.Quart.easeOut,
					onComplete: function(){
						$('content').empty();
					}
				});
			el.setStyle('position','absolute');
			var el_top = el.getStyle('top').toInt();
			el_fx.start({
					'top': [el_top,el_top-20],
					'opacity': 0
				});
			
		});
		
		var back_fx = $E('a',$('back')).effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
		back_fx.start({'left': 45});
	});
}

function menu2_back() {
	link2.setProperty('href',link2_value);
	var back_fx = $E('a',$('back')).effects({
			duration: 500, 
			transition: Fx.Transitions.Quart.easeOut,
			onComplete: function(){
				content_items_fx = content_items.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
				content_items_fx.start({
						'top': content_items_top,
						'left': content_items_left
					});
				content_items.removeClass('no_over');
				content_items.addClass('yes_over');
				content_items.getChildren().each(function(item2) {
					var fx = item2.effects({duration: 500, transition: Fx.Transitions.Quart.easeOut});
					fx.start({
							'opacity': 1,
							'height': 15,
							'padding-bottom': 10
						});
				});
			}
		});
	back_fx.start({'left': 45});
	var box3_fx = $E('#box3',$('content')).effects({
			duration: 500, 
			transition: Fx.Transitions.Quart.easeOut,
			onComplete: function(){
				$E('#box3',$('content')).remove();
			}
		});
	box3_fx.start({
		'top': [content_items_top,content_items_top+20],
		'opacity': 0
		});
}