var $j = jQuery.noConflict();


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"] = -500;
cords[0]["y"] = 137;
cords[0]["active"] = "kontakt";

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

cords[2] = new Array();
cords[2]["x"] = -2500;
cords[2]["y"] = 137;
cords[2]["active"] = "buero";


cords[3] = new Array();
cords[3]["x"] = -500;
cords[3]["y"] = -405;
cords[3]["active"] = "login";

cords[4] = new Array();
cords[4]["x"] = -1500;
cords[4]["y"] = -405;
cords[4]["active"] = "aktuelles";

cords[5] = new Array();
cords[5]["x"] = -2500;
cords[5]["y"] = -405;
cords[5]["active"] = "leistungen";


cords[6] = new Array();
cords[6]["x"] = -500;
cords[6]["y"] = -950;
cords[6]["active"] = "impressum";

cords[7] = new Array();
cords[7]["x"] = -1500;
cords[7]["y"] = -950;
cords[7]["active"] = "projekte";

/*cords[8] = new Array();
cords[8]["x"] = -2500;
cords[8]["y"] = -950;
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.5});
					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);
			
		});
		
		
		$('click-login').addEvent('click', function(event) {
			
			startScrollContainer(event, 3);
			
		});
		
		$('click-impressum').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"] - 460 && left < cords[i]["x"] + 460 && top > cords[i]["y"] - 230 && top < cords[i]["y"] + 230){
		
						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();
					
				}
			
			}
		});
		
})


$j(window).resize(function() {
  	var newwidth = $j(window).width();
  	$j(".project").css('width',newwidth);
});

$j(document).ready(function() {
							
	var newwidth = $j(window).width();
	$j(".project").css('width',newwidth);
	
	var browserWidth = $j(window).width();
	if ((browserWidth) <= '1024'){
	  $j(".plink").fancybox({
		'scrolling'		: 'no',
		'titleShow'		: false,
		'showNavArrows'	: false,
		'my_top	'		: 50,
		'onClosed'		: function() {
		}
	  });
	} else {
	  $j(".plink").fancybox({
		'scrolling'		: 'no',
		'titleShow'		: false,
		'my_top	'		: 147,
		'onClosed'		: function() {
		}
	  });
	}

	
	
	
	
	
	$j(".contactlink").fancybox({
		'scrolling'		: 'no',
		'titleShow'		: false,
		'onStart'		: function (){
			$j("#contact_sucess").hide();	
		},
		'onClosed'		: function() {
			$j("#contact_error").hide();
		}
	});
	
	$j("#contactform").bind("submit", function() {

		if ($j("#firma").val().length < 1 || $j("#anrede").val().length < 1 || $j("#vorname").val().length < 1 || $j("#name").val().length < 1 || $j("#strasse").val().length < 1 || $j("#nr").val().length < 1
			 || $j("#plz").val().length < 1 || $j("#ort").val().length < 1 || $j("#tel").val().length < 1 || $j("#telefon").val().length < 1 || $j("#email").val().length < 1 || $j("#nachricht").val().length < 1) {
			$j("#contact_error").show();
			
			return false;
		}
		
	
		$j.fancybox.showActivity();
	
		$j.ajax({
			type		: "POST",
			cache	: false,
			url		: "data/contact.php",
			data		: $j(this).serializeArray(),
			success: function(data) {
				$j("#contact_sucess").show();
				$j.fancybox.close();
			}
		});
	
		return false;
	});
	
	$j(".pimglink").click(function(){
		
		var newSrc = $j(this).attr("href");
		/*$j(this).parents(".bigimg").attr({"src":newSrc});*/
		
		$j(this).parents(".project").children(".wrapper").children(".leftproject").children("p").children(".bigimg").attr('src', newSrc);
		return false;
		
	})
	
	$j(".pimglink").hover(function(){
		
		var newSrc = $j(this).attr("href");
		/*$j(this).parents(".bigimg").attr({"src":newSrc});*/
		
		$j(this).parents(".project").children(".wrapper").children(".leftproject").children("p").children(".bigimg").attr('src', newSrc);
		return false;
		
	})
	
	
	
	
	//Tooltips
	
	$j(".fadeimg").css({'opacity':0.5});
	$j(".fadeimg").hover(function(){
		$j(this).animate({ opacity: 1.0 }, 500);

	}, function() {
		$j(this).animate({ opacity: 0.5 }, 500);
	})
	
	$j(".tip_trigger").hover(function(){
		tipclone = $j(this).find('.tip').clone()
		tipclone.appendTo('body');
		tip = tipclone ;
	}, function() {
		tip.hide();
		tip.remove();//Hide tooltip		  
	}).mousemove(function(e) {
		if(typeof(tip) !== 'undefined' && tip != null){
			
			var mousex = e.pageX + 10; //Get X coodrinates
			var mousey = e.pageY - 30; //Get Y coordinates
			var tipWidth = tip.width(); //Find width of tooltip
			var tipHeight = tip.height(); //Find height of tooltip
			
			//Distance of element from the right edge of viewport
			var tipVisX = $j(window).width() - (mousex + tipWidth);
			//Distance of element from the bottom of viewport
			var tipVisY = $j(window).height() - (mousey + tipHeight);
			  
			if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
				mousex = e.pageX - tipWidth - 30;
			} 
			mousey = e.pageY - tipHeight - 30;
			tip.css({  top: mousey, left: mousex });
			tip.show(); //Show tooltip
		}
	});
	
	/*$j(".leftslider").click(function(){
		var newLeft = parseInt($j(".teamslider").css("left").replace("px",""));
		if(newLeft < 0)
		$j(".teamslider").animate({left: '+=204'});
		return false;
		
	})
	
	$j(".rightslider").click(function(){
		var newLeft = parseInt($j(".teamslider").css("left").replace("px",""));
		if(newLeft >= -930)
		$j(".teamslider").animate({left: '-=204'});
		return false;
		
	})
	*/
	
	/*$j(".teambox").hover(function(){
	},function(){
		window.clearInterval(scrolling);
	}).mousemove(function(e){
      
	  	var mousex = e.pageX;
		var winCenter = $j(window).width() / 2;
		var newLeft = parseInt($j(".teamslider").css("left").replace("px",""));
		if( mousex < (winCenter+100) &&  mousex > (winCenter-100)){
			window.clearInterval(scrolling);
		}
		if( mousex > (winCenter+100)){
			window.clearInterval(scrolling);
			scrolling = window.setInterval(function(){
				newLeft = parseInt($j(".teamslider").css("left").replace("px",""));
				if(newLeft >= -930)
				$j(".teamslider").css({left:newLeft-5});
			},50);
		
		}
		if( mousex < (winCenter-100)){
			window.clearInterval(scrolling);
			scrolling = window.setInterval(function(){
				newLeft = parseInt($j(".teamslider").css("left").replace("px",""));
				if(newLeft < 0)
				$j(".teamslider").css({left:newLeft+5});
			},50);
			
		}
		
   }); */

	
});