//onload
var elemW;
var elemH;
var lastbox;
var posX;
var posY;
var nextzindex = 99;


var isiPad = navigator.userAgent.match(/iPad/i) != null;


$(window).load(function() {
	elemW = $('#boxOne').width();
	elemH = $('#boxOne').height();
	
	//für Startseite
	$('.linkrefstart').click(function() {
			posX =  $('#main').css("margin-left");
		 	posY =  $('#main').css("margin-top");
			$('#main').animate({"margin-left": '-'+elemW, "margin-top": '-'+elemH*2}, 1000, function(){});
			$('#navi').hide();
			var u = this.href;
			$.get(u, function(data){
				$('#boxEight').html(cleanCode(data,"<!--start-->","<!--stop-->"));
				$('.linkback').click(function() {
					$('#main').animate({"margin-left": posX, "margin-top": posY}, 1000, function(){ $('#navi').show(); });					
					return false;
				});
			});
			return false;
		});		
	
	$.ajax({
	  url: "freelancer.htm",
	  dataType: "html",
	  success: function(data){
		$('#boxTwo').html(cleanCode(data,"<!--start-->","<!--stop-->"));
		//alert(data);
	  }
	});
	$.ajax({
	  url: "webdesign.htm",
	  dataType: "html",
	  success: function(data){
		$('#boxThree').html(cleanCode(data,"<!--start-->","<!--stop-->"));
	  }
	});
	$.ajax({
	  url: "design.htm",
	  dataType: "html",
	  success: function(data){
		$('#boxFour').html(cleanCode(data,"<!--start-->","<!--stop-->"));
	  }
	});
	$.ajax({
	  url: "kontakt.php",
	  dataType: "html",
	  success: function(data){
		$('#boxFive').html(cleanCode(data,"<!--start-->","<!--stop-->"));
	  }
	});
	
	/*
	$.get("freelancer.htm", function(data){
		$('#boxTwo').html(cleanCode(data,"<!--start-->","<!--stop-->"));
	});
	$.get("webdesign.htm", function(data){
		$('#boxThree').html(cleanCode(data,"<!--start-->","<!--stop-->"));
	});
	
	$.get("design.htm", function(data){
		$('#boxFour').html(cleanCode(data,"<!--start-->","<!--stop-->"));
	});
	
	$.get("kontakt.php", function(data){
		$('#boxFive').html(cleanCode(data,"<!--start-->","<!--stop-->"));
	});
	*/
	
	/*
	$.get("kontakt.php", function(data){
		$('#boxSix').html(cleanCode(data,"<!--start-->","<!--stop-->"));
	});
	*/
	$('#link1').click(function() {
		$('#main').animate({"margin-left": '-'+elemW,"margin-top": '0px'}, 1000, function(){ 
		 	posX =  $('#main').css("margin-left");
		 	posY =  $('#main').css("margin-top");
		});		
		$('.mainnav').removeClass("active");
		$(this).addClass("active");
		return false;
	});	
	
	$('#link2').click(function() {
		$('#main').animate({"margin-left": '-'+elemW*2,"margin-top": '0px'}, 1000, function(){ 
		 	posX =  $('#main').css("margin-left");
		 	posY =  $('#main').css("margin-top");
			});
		
		
		jQuery.each($('.refbox'), function() {
			var tp = Math.round(Math.random()*300);
			var rgt = Math.round(Math.random()*600)+200;
			$(this).css({"top": tp+"px","left": rgt+"px"});
	    });
								
		$('.refbox').draggable({containment: 'parent',
		   start: function(event, ui) {
				nextzindex++;
				$(this).css({"z-index": nextzindex});	
			   }
		   });
		
		//ipad
		
		if(isiPad){
		    var moveMe = function(e) {  
			  e.preventDefault();  
			  var orig = e.originalEvent; 
			  nextzindex++;
			  $(this).css({  
				top: (orig.changedTouches[0].pageY - 100),  
				left: (orig.changedTouches[0].pageX - 130),
				zIndex: nextzindex
			  });  
			};  
			$('.refbox').bind("touchmove", moveMe);  
		}
		
		$('.linkref').click(function() {
			$('#main').animate({"margin-left": '-'+elemW, "margin-top": '-'+elemH*2}, 1000, function(){});
			$('#navi').hide();
			var u = this.href;
			
			$.ajax({
			  url: u,
			  dataType: "html",
			  success: function(data){
				$('#boxEight').html(cleanCode(data,"<!--start-->","<!--stop-->"));
				$('.linkback').click(function() {
					$('#main').animate({"margin-left": posX, "margin-top": posY}, 1000, function(){ $('#navi').show(); });					
					return false;
				});
			  }
			});
			return false;
		});		
		$('.mainnav').removeClass("active");
		$(this).addClass("active");
		return false;
	});
	
	$('#link3').click(function() {
		$('#main').animate({"margin-left": '0px',"margin-top": '-'+elemH}, 1000, function(){ 
		 	posX =  $('#main').css("margin-left");
		 	posY =  $('#main').css("margin-top");
		});
		jQuery.each($('.refbox2'), function() {
			var tp = Math.round(Math.random()*300);
			var rgt = Math.round(Math.random()*600)+200;
			$(this).css({"top": tp+"px","left": rgt+"px"});
	    });
							
		$('.refbox2').draggable({containment: 'parent',
		   start: function(event, ui) {
				nextzindex++;
				$(this).css({"z-index": nextzindex});	
			   }
		   });
		
		//ipad		
		if(isiPad){
		    var moveMe = function(e) {  
			  e.preventDefault();  
			  var orig = e.originalEvent; 
			  nextzindex++;
			  $(this).css({  
				top: (orig.changedTouches[0].pageY - 100),  
				left: (orig.changedTouches[0].pageX - 130),
				zIndex: nextzindex
			  });  
			};  
			$('.refbox2').bind("touchmove", moveMe);  
		}
		
		$('.linkref').click(function() {
			$('#main').animate({"margin-left": '-'+elemW, "margin-top": '-'+elemH*2}, 1000, function(){});
			$('#navi').hide();
			var u = this.href;
			$.ajax({
			  url: u,
			  dataType: "html",
			  success: function(data){
				$('#boxEight').html(cleanCode(data,"<!--start-->","<!--stop-->"));
				$('.linkback').click(function() {
					$('#main').animate({"margin-left": posX, "margin-top": posY}, 1000, function(){ $('#navi').show(); });					
					return false;
				});
			  }
			});
			
			return false;
		});		
		$('.mainnav').removeClass("active");
		$(this).addClass("active");	
		return false;
	});
	
	$('#link4').click(function() {
		$('#main').animate({"margin-left": '-'+elemW,"margin-top": '-'+elemH}, 1000, function(){ 
		 	posX =  $('#main').css("margin-left");
		 	posY =  $('#main').css("margin-top");
		});		
		$('#kontaktform').submit(function() { 	
			$.post("kontakt.php", { 
				   anrede: $('input:radio[name=anrede]:checked').val(), 
				   vorname: $('#vorname').val(), 
				   nachname: $('#nachname').val(), 
				   firma: $('#firma').val(), 
				   telefon: $('#telefon').val(), 
				   email: $('#email').val(),
				   nachricht: $('#nachricht').val(), 
				   submit: $('#submit').val()
			}, function(data){
				var ausgabe = cleanCode(data,"<!--errorstart-->","<!--errorstop-->")
				$("#errorausgabe").html(ausgabe);
				if(ausgabe.indexOf("Vielen Dank") != -1) $("#kontaktform").hide();
		   });
			return false; 
		});
		
		$('.mainnav').removeClass("active");
		$(this).addClass("active");
		return false;
	});
	/*
	$('#link5').click(function() {
		$('#main').animate({"margin-left": '-'+elemW*2,"margin-top": '-'+elemH}, 1000, function(){ 
		 	posX =  $('#main').css("margin-left");
		 	posY =  $('#main').css("margin-top");
		});		
		$('.mainnav').removeClass("active");
		$(this).addClass("active");
		return false;
	});
	*/	
});

function cleanCode(d,a,e) {
	d = d.substring(d.indexOf(a),d.indexOf(e))
	return d;
}