$(function() {
	/* Menübalken Animation */
    /*var $el, leftPos, newWidth,
        $mainNav = $(".navMAin ul");

    $mainNav.append("<li id='magic-line'></li>");
    var $magicLine = $("#magic-line");

    $magicLine
        .width(100)
        .css("left", $(".active a, .trail a").position().left+46)
        .data("origLeft", $magicLine.position().left)
        .data("origWidth", $magicLine.width());

    $(".navMAin li a").hover(function() {
        $el = $(this);
        leftPos = $el.position().left;
        newWidth = 100;
        $magicLine.stop().animate({
            left: leftPos+46,
            width: newWidth
        });
    }, function() {
        $magicLine.stop().animate({
            left: $magicLine.data("origLeft"),
            width: $magicLine.data("origWidth")
        });
    });
    */
    /* Sticky Navigation */
    /*var theLoc = $('.navMAin').position().top;
 	$(window).scroll(function() {
        if(theLoc >= $(window).scrollTop()) {
            if($('.navMAin').hasClass('fixed')) {
                $('.navMAin').removeClass('fixed');
            }
        } else {
            if(!$('.navMAin').hasClass('fixed')) {
                $('.navMAin').addClass('fixed');
            }
        }
    });
    
 	// Easter Eggs 
 	$(".easterEggTrigger").hover(
  function () {
    $(".mod_slogan_random").fadeIn(400);
  }, 
  function () {
    $(".mod_slogan_random").fadeOut(400);
  });

*/
    
    /* Float im Grid aufheben */
    
    /*VideoControls*/
    $("#videoPortrait").hover(
  		function () {
    		document.getElementById('videoPortrait').play();
  		}, 
  		function () {
  		document.getElementById('videoPortrait').pause();
  		});

	/* Twitterfeeed */
	$(".tweet").tweet({
            username: "1stof8",
            join_text: "auto",
            count: 2,
            auto_join_text_default: "haben wir gesagt,", 
            auto_join_text_ed: "wir",
            auto_join_text_ing: "waren wir",
            auto_join_text_reply: "anworteten wir",
            auto_join_text_url: "entdeckten wir das:",
            loading_text: "loading tweets..."
        });
     
     /* Kontaktformular */
        
    //$("#kontaktformular").validationEngine();
    // Linien zu Inputs hinzufügen
   	$("#kontaktformular input#ctrl_1").after('<div class="inputLine line_1"></div>');
   	$("#kontaktformular input#ctrl_2").after('<div class="inputLine line_2"></div>');
   	$('#kontaktformular textarea#ctrl_3').wrap('<div class="areaWrapper" />');
   	$("#kontaktformular textarea#ctrl_3").after('<div class="textareaLine_1"></div>');
   	$("#kontaktformular textarea#ctrl_3").after('<div class="textareaLine_2"></div>');
   	
   	$(".startpunkt input#ctrl_email").after('<div class="inputLine line_mail"></div>');
   	$(".startpunkt input#ctrl_registration").after('<div class="inputLine line_registration"></div>');

   	// InputLines Kontaktformular
	$('input#ctrl_1').focus(function() {
		$(".line_1").animate({
        	width: '380',
  		}, 400 );
	});
	
	$('input#ctrl_1').blur(function() {
  		$(".line_1").animate({
        	width: '50',
  		}, 200 );
	});
	
	$('input#ctrl_2').focus(function() {
  		$(".line_2").animate({
        	width: '380',
  		}, 200 );
	});
	
	$('input#ctrl_2').blur(function() {
  		$(".line_2").animate({
        	width: '50',
  		}, 200 );
	});
	
	// Inputlines Nwewsletter
	
	$('input#ctrl_email').focus(function() {
		$(".line_mail").animate({
        	width: '380',
  		}, 400 );
	});
	
	$('input#ctrl_email').blur(function() {
  		$(".line_mail").animate({
        	width: '50',
  		}, 200 );
	});
	
	$('input#ctrl_registration').focus(function() {
  		$(".line_registration").animate({
        	width: '380',
  		}, 200 );
	});
	
	$('input#ctrl_registration').blur(function() {
  		$(".line_registration").animate({
        	width: '50',
  		}, 200 );
	});
	
	//TextareaLines Animationen
	$('textarea#ctrl_3').focus(function() {
  		$(".textareaLine_1").animate({
        		width: '399'
  		}, 200, function() {
    		$(".textareaLine_2").animate({
        		height: '100'
       		}, 200 );
  					  			
  		});
	});
	
	$('textarea#ctrl_3').blur(function() {
		$(".textareaLine_2").animate({
        		height: '0'
  			}, 200 );
  			$("input.submit").animate({
  				top:	'0'
  			}, 200, function() {
  			$(".textareaLine_1").animate({
        		width: '50'
  			}, 200 );
  			});
	});
	
	//Arbeiten
	
	$(".mod_cataloglist .item").hover(
  	function () {
    	$(this).find(".vorschaubild").fadeOut(300);
  	}, 
  	function () {
    	$(this).find(".vorschaubild").fadeIn(300);
  	});

	//arbeiten Detail 
	$(".thumbs .image a").click(function() {
  		var bildlink = $(this).attr("href");
  		$("#bigimage img").fadeOut(800, function (){
  			$(this).attr('src', bildlink).fadeIn(800);
  		});
  		return false;
	});

	
	
     
});

















