var cordActive = 1;
var cordInactive = 0;
var subActive = 1;
var scrolling = false
var cordIsTrue = false;


var cords = new Array();
	
cords[0] = new Array();
cords[0]["x"] = -490;
cords[0]["y"] = 110;
cords[0]["active"] = "wegweiser";

cords[1] = new Array();
cords[1]["x"] = -1470;
cords[1]["y"] = 110;
cords[1]["active"] = "start";

cords[2] = new Array();
cords[2]["x"] = -2450;
cords[2]["y"] = 110;
cords[2]["active"] = "wirkung";


cords[3] = new Array();
cords[3]["x"] = -490;
cords[3]["y"] = -450;
cords[3]["active"] = "koenigsweg";

cords[4] = new Array();
cords[4]["x"] = -1470;
cords[4]["y"] = -450;
cords[4]["active"] = "leistung";

cords[5] = new Array();
cords[5]["x"] = -2450;
cords[5]["y"] = -450;
cords[5]["active"] = "methoden";


cords[6] = new Array();
cords[6]["x"] = -490;
cords[6]["y"] = -1010;
cords[6]["active"] = "hintergrund";

cords[7] = new Array();
cords[7]["x"] = -1470;
cords[7]["y"] = -1010;
cords[7]["active"] = "kontakt";

cords[8] = new Array();
cords[8]["x"] = -2450;
cords[8]["y"] = -1010;
cords[8]["active"] = "referenzen";


var setScrollMap = function (){
		
	
	$('submenu-'+cords[cordActive]["active"]).addClass('active')
		
	var allAnchors = $('submenu-'+cords[cordActive]["active"]).getElements('a');
	
	var scroll = new Fx.Scroll("scrollMapp-"+ cords[cordActive]["active"], {
		wait: false,
		duration: 1000,
		offset: {'x': 0, 'y': 0},
		transition: Fx.Transitions.Quad.easeInOut,
		onStart: function() { scrolling = true; }, 
		onComplete: function() { scrolling = false }
	});
	
	scroll.toElement('content-'+cords[cordActive]["active"]+(1));

	allAnchors.each(function(el, i) {
		if(i == 0)			
		$(el).addClass('active');
		
		subActive = 0;
		allAnchors.each(function(el, i) {
			if(i != subActive)			
			$(el).removeClass('active');
		});
		
		$(el).addEvent('click', function(event) {
			event = new Event(event).stop();
			if(scrolling == false){
				scroll.toElement('content-'+cords[cordActive]["active"]+(i+1));
				
				subActive = i;
				$(this).addClass('active');
				allAnchors.each(function(el, i) {
					if(i != subActive)			
					$(el).removeClass('active');
				});
			}
			
		});
		
	});
	
	if(cordInactive != 0 && cordInactive != cordActive){
		
		$('submenu-'+cords[cordInactive]["active"]).removeClass('active')
		
		var inactiveAnchors = $('submenu-'+cords[cordInactive]["active"]).getElements('a');
		inactiveAnchors.each(function(el, i) {
			$(el).removeEvents('click');
		});
	}
	
}



window.addEvent('domready', function(){
		
		var left = $('contentContainer').getStyle("left").toInt();
		var top = $('contentContainer').getStyle("top").toInt();

		var scrollContainer = new Fx.Morph('contentContainer', {duration: 700, transition: Fx.Transitions.Sine.easeOut,onStart: function() { showContainer(); },onComplete: function() { hideContainer(); } });
		var dragContainer = new Fx.Morph('contentContainer', {duration:200, transition: Fx.Transitions.Sine.easeOut,onStart: function() { showContainer(); },onComplete: function() { hideContainer(); } });
		
		var startScrollContainer = function(event,i){
	
			event = new Event(event).stop();
			scrollContainer.start({
				'left': [$('contentContainer').getStyle("left").toInt(), cords[i]["x"]],
				'top': [$('contentContainer').getStyle("top").toInt(), cords[i]["y"]]
				
				});
			
			cordInactive = cordActive;
			cordActive = i;
			setScrollMap();
		
		}
		var showContainer = function (){
			
			for (var i = 1; i <= cords.length; i++) {
			var showContainerFx = new Fx.Morph('content'+(i)).set({'opacity': 1.0});
			showContainerFx.start();
			if(i == (cordActive+1))
			$('link'+i).removeClass('active');
		}
			
		}
		
		var hideContainer = function (){
			
			for (var i = 1; i <= cords.length; i++) {
			
				if(i == (cordActive+1)){
					var showContainerFx = new Fx.Morph('content'+i).set({'opacity': 1.0});
					showContainerFx.start();
					$('content'+i).setStyle('cursor','default');
					$('link'+i).addClass('active');
				}
				else{
					var showContainerFx = new Fx.Morph('content'+i).set({'opacity': 0.4});
					showContainerFx.start();
					$('content'+i).setStyle('cursor','move');
					$('link'+i).removeClass('active');
				}
			}
		}
		
		var allParentAnchors = $('mainmenu').getElements('a');
		
		allParentAnchors.each(function(el, i) {
								 
			$(el).addEvent('click', function(event) {
				event = new Event(event).stop();
				$(this).addClass('active');
				
			});
			
		});
		
		
			
		$('link1').addEvent('click', function(event) {
			
			startScrollContainer(event, 0);
			

		});		
		$('link2').addEvent('click', function(event) {
			
			startScrollContainer(event, 1);
			
		});
		
		$('link3').addEvent('click', function(event) {
			
			startScrollContainer(event, 2);
			
		});
		
		
		
		$('link4').addEvent('click', function(event) {
			
			startScrollContainer(event, 3);
			
		});
		$('link5').addEvent('click', function(event) {
			
			startScrollContainer(event, 4);
			
		});
		$('link6').addEvent('click', function(event) {
			
			startScrollContainer(event, 5);
			
		});
		
		$('link7').addEvent('click', function(event) {
			
			startScrollContainer(event, 6);
			
		});
		$('link8').addEvent('click', function(event) {
			
			startScrollContainer(event, 7);
			
		});
		$('link9').addEvent('click', function(event) {
			
			startScrollContainer(event, 8);
			
		});
		
		$('clink-leistung').addEvent('click', function(event) {
			
			startScrollContainer(event, 4);
			
		});
		
		$('clink-wirkung').addEvent('click', function(event) {
			
			startScrollContainer(event, 2);
			
		});
		
		$('clink-methode').addEvent('click', function(event) {
			
			startScrollContainer(event, 5);
			
		});
		
		$('clink-hintergrund').addEvent('click', function(event) {
			
			startScrollContainer(event, 6);
			
		});
		
		
		setScrollMap();
		hideContainer();
		
		var myDrag = new Drag('contentContainer', {
			snap: 20,
			onSnap: function(el){
				/*el.addClass('dragging');*/
				cordIsTrue = false;
				showContainer();
			},
			onComplete: function(el){
				/*el.removeClass('dragging');*/
				
				left = $('contentContainer').getStyle("left").toInt()
				top = $('contentContainer').getStyle("top").toInt()
				
				
				for (var i = 0; i < cords.length; i++) {
					
					if(left > cords[i]["x"] - 490 && left < cords[i]["x"] + 490 && top > cords[i]["y"] - 240 && top < cords[i]["y"] + 240){
		
						dragContainer.start({'left': [$('contentContainer').getStyle("left").toInt(), cords[i]["x"]],'top': [$('contentContainer').getStyle("top").toInt(), cords[i]["y"]]});
						cordInactive = cordActive;
						cordActive = i
						cordIsTrue = true;
						setScrollMap();
					}
					
				}
				if(cordIsTrue == false){
					dragContainer.start({'left': [$('contentContainer').getStyle("left").toInt(), cords[cordActive]["x"]],'top': [$('contentContainer').getStyle("top").toInt(), cords[cordActive]["y"]]});
					cordIsTrue = true;
					setScrollMap();
					
				}
			
			}
		});
		
})