$(document).ready(function(){


//Allgemeine Aktionen #################################

// Social Media Top
$('#header div.topsocial').css("top","-50px");

$('#header div.topsocial').hover(function() {
	$(this).animate({top: "0px"}, "fast");
}, function() {
	$(this).animate({top: "-50px"}, "fast");
});
// Navi .active Klasse wechseln

$("#navi ul li a:first").addClass("active");
$("#navi ul li a").click(function() {
	$("#navi ul li a").removeClass("active");
	$(this).addClass("active");
});

// ScrollTo
$('#navi').localScroll({
   target:'#content_wrapper'
});

// Tooltip
$("li[title]").tooltip({ 
	position: "center left",
	offset: [3, -5]
});

// Person #################################

// Skills
$('#skills_diag ul.diag li.balken').hover(function() {
	$(this).animate({fontSize: "14px", backgroundColor: "#fff", color: "#000"}, "fast");
}, function() {
	$(this).animate({fontSize: "12px", backgroundColor: "#000",color: "#aaa"}, "fast");
});

// Leistungen #################################

// Slide Bar
$('#leistungen div.sliderbar a').hover(function() {
	$('#leistungen div.sliderbar a.active').removeClass('active');
	$(this).addClass('active');
});

$('#leistungen div.sliderbar a.l1').hover(function() {
	$('#leistungen div.slidercont.active').removeClass('active').fadeOut('fast', function() {
		$('#leistungen div.l1').fadeIn('fast').addClass('active');
	});	
});
$('#leistungen div.sliderbar a.l2').hover(function() {
	$('#leistungen div.slidercont.active').removeClass('active').fadeOut('fast', function() {
		$('#leistungen div.l2').fadeIn('fast').addClass('active');
	});	
});
$('#leistungen div.sliderbar a.l3').hover(function() {
	$('#leistungen div.slidercont.active').removeClass('active').fadeOut('fast', function() {
		$('#leistungen div.l3').fadeIn('fast').addClass('active');
	});	
});

//Projektablauf

$('#leistungen div#ablauf_diag a').click(function() {
	$('#leistungen div#ablauf_diag a').removeClass('active');
	$(this).addClass('active');
});

$('#leistungen div#ablauf_diag a.p1').click(function() {
	$('#leistungen div.ablauf_info div.active').removeClass('active').fadeOut('fast', function() {
		$('#leistungen div.ablauf_info div.p1').fadeIn('fast').addClass('active');
	});	
});
$('#leistungen div#ablauf_diag a.p2').click(function() {
	$('#leistungen div.ablauf_info div.active').removeClass('active').fadeOut('fast', function() {
		$('#leistungen div.ablauf_info div.p2').fadeIn('fast').addClass('active');
	});	
});
$('#leistungen div#ablauf_diag a.p3').click(function() {
	$('#leistungen div.ablauf_info div.active').removeClass('active').fadeOut('fast', function() {
		$('#leistungen div.ablauf_info div.p3').fadeIn('fast').addClass('active');
	});	
});
$('#leistungen div#ablauf_diag a.p4').click(function() {
	$('#leistungen div.ablauf_info div.active').removeClass('active').fadeOut('fast', function() {
		$('#leistungen div.ablauf_info div.p4').fadeIn('fast').addClass('active');
	});	
});
$('#leistungen div#ablauf_diag a.p5').click(function() {
	$('#leistungen div.ablauf_info div.active').removeClass('active').fadeOut('fast', function() {
		$('#leistungen div.ablauf_info div.p5').fadeIn('fast').addClass('active');
	});	
});

// Portfolio #################################

$("a.pirobox_gall img").piroBox_ext({
    piro_speed : 900,
    bg_alpha : 0.5,
    piro_scroll : true //pirobox always positioned at the center of the page
});

$('#portfolio div.info').animate({top: "-100px" }, 200 );

$('#portfolio div.project').hover(function() {
	$(this).find('div.info').animate({top: "80px" }, 200 );
}, function() {
	$(this).find('div.info').animate({top: "-100px" }, 200 );
});

// Kontakt #################################

$('#kontakt div.social img').fadeTo("fast", 0.6);

$('#kontakt div.social img').hover(function() {
	$(this).fadeTo("fast", 1);
}, function() {
	$(this).fadeTo("fast", 0.6);
});

//Karte
$('#karte').gMap({ 
	markers: [{ latitude: 49.0204725788566,
    longitude: 12.0958569162897,
    html: "Tettnang, Germany",
    popup: false }],
    zoom: 16 
});

//Form Validation
$("#contactform").RSV({
        rules: [
                "required,vorname,Bitte geben Sie einen Vornamen ein.",
                "required,nachname,Bitte geben Sie Ihren Nachnamen ein.",
                "required,mail,Bitte geben Sie eine Mailadresse ein.",
                "valid_email,mail,Bitte geben Sie eine gültige Mailadresse ein.",
				"required,text,Bitte geben Sie eine Nachricht ein.",
				"required,datenschutz,Bitte bestätigen Sie die Datenschutzbestimmungen.",
        ]
});

// Impressum #################################


//END
});