// JavaScript Document
var portfolio_count;
var old_portfolio = 0;
var current_portfolio = 0;

$(document).ready(function(){

 
	$("a.KontaktLink").click(function() {
		$("#contactback").slideDown();
	});
	$("a.exit").click(function() {
		$("#contactback").slideUp();
	});
	$("#sendbutton").click(function() {
		$("#contactback").slideUp();
	});
	
	$("a.backlink").click(function() {
		$("#Impressum").fadeOut();
		$("#Kontakt").fadeOut();
		$("#Leistungen").fadeOut();
		$("#Agentur").fadeOut();
	});
	$("a.ImpressumLink").click(function() {
		$("#Impressum").slideDown();
		$("#Leistungen").fadeOut();
		$("#Agentur").fadeOut();
	});
	$("a.LeistungenLink").click(function() {
		$("#Leistungen").slideDown();
		$("#Impressum").fadeOut();
		$("#Agentur").fadeOut();
	});
	$("a.AgenturLink").click(function() {
		$("#Agentur").slideDown();
		$("#Leistungen").fadeOut();
		$("#Impressum").fadeOut();
	});
	

  portfolio_count = $("div.box").size();
  current_portfolio = 0;
  $("div.box:eq("+current_portfolio+")").css('left', '0px');
	$("a.portfolioarrowright").click(function() {
	if(current_portfolio == portfolio_count - 1) {
	} else {
	  $("div.box:eq("+current_portfolio+")").css('left', '0px');
		portfolioright_rotate();
	}
	});
	function portfolioright_rotate() {
  current_portfolio = (old_portfolio + 1) % portfolio_count;
  $("div.box:eq(" + old_portfolio + ")").animate({left: -740},"slow", function() {
	  $(this).css('left', '740px');
	});
  $("div.box:eq(" + current_portfolio + ")")
	.animate({left: 0},"slow");
  old_portfolio = current_portfolio;
}



  portfolio_count = $("div.box").size();
  $("div.box:eq("+current_portfolio+")").css('right', '0px');
	$("a.portfolioarrowleft").click(function() {
	if(current_portfolio == 0) {
		$current_portfolio == portfolio_count + 1;
		portfolioleft_rotate();
	} else {
	  $("div.box:eq("+current_portfolio+")").css('right', '0px');
		portfolioleft_rotate();
	}
	});
	function portfolioleft_rotate() {
  current_portfolio = (old_portfolio - 1) % portfolio_count;
  $("div.box:eq(" + old_portfolio + ")").animate({left:740},"slow", function() {
	  $(this).css('left', '740px');
	});
  $("div.box:eq(" + current_portfolio + ")")
	.animate({left: 0},"slow");
  old_portfolio = current_portfolio;
}
	});