$(function() {

	$('nav').hover(function() {
		$('#overlay').delay(60).fadeIn(200);
	
	}, function() {
		$('#overlay').delay(100).fadeOut(200);
	
	});	
			$("#start h1").lettering('lines');

/*
	$('nav li').bind('mouseenter',function(){
		console.log("TEST");
	
	}).bind('mouseleave',function(){

	});
*/

	

	
	var $oe_menu		= $('.topnav');
				var $oe_menu_items	= $oe_menu.children('li');
				var $oe_overlay		= $('#overlay');

                $oe_menu_items.bind('mouseenter',function(){
					var $this = $(this);
					$this.addClass('slided selected');
					$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){
						$oe_menu_items.not('.slided').children('div').hide();
						$this.removeClass('slided');
					});
				}).bind('mouseleave',function(){
					var $this = $(this);
					$this.removeClass('selected').children('div').css('z-index','1').slideUp(200);
					
				});
	
	

		
	
	$('#ref_back').click(function() {
		$('#loader').fadeIn(200);
		$('#project_info p').fadeOut(450, function() {
			$('#preview_img').empty().css({display: 'none', opacity: '0'});
			$('#ref_prev, #ref_next, .ref_wrapper').fadeIn();
		});
		$('#ref_back, #loader').fadeOut();
	}).hide();
	
	$('.referenzen').each(function() {
		$(this).css('width', $(this).find('li').length * (150+16)  +  'px')
	});
	
	$('.ref_wrapper.left').each(function() {
		$(this).animate({scrollLeft: '+=' + $(this).find('ul li').length * (150+17)}, 10);
  	});

	$('#ref_next').click(function() {
		
		$('.ref_wrapper.right').animate({
			scrollLeft: '+=498'
		}, 500);

		$('.ref_wrapper.left').animate({
			scrollLeft: '-=498'
		}, 500);

	});
	
	
	$('#ref_prev').click(function() {
		$('.ref_wrapper.right').animate({
			scrollLeft: '-=498'
		}, 500);

		$('.ref_wrapper.left').animate({
			scrollLeft: '+=498'
		}, 500);
	});
	
	
	$('.ref_wrapper li a').click(function(e) {
		$('#ref_prev, #ref_next, .ref_wrapper').fadeOut(100);
		$('#loader').fadeIn(200);
		var img = $(this).find('img');
		$('#preview_img').css({
			top: img.offset().top -185,
			left: img.offset().left -35,
			position: 'absolute',
			opacity: '0',
			display: 'block',
			float: 'none'
		}).append('<img src=' + $(this).find('img').attr('src') + ' />').animate({
			top: '8px', 
			left: '8px', 
			opacity: '1'
		}, function() {
		$('#project_info p').empty();
		loadRefCont($('#project_info p'), img.attr('alt'), '.entry div', $('#project_info p, #ref_back'));

		$('#preview_img').css({
				position: 'absolute',
				top: '8px',
				left: '8px',
				marginRight: '25px',
				marginBottom: '10px'
			}).find('img');
			//.insetBorder({inset: 4, borderColor: 'rgb(50,50,50)'});
			
		
		});
		
		
		
		e.preventDefault();
	}).tipsy({fade: true});
	
//	$('.referenz').insetBorder({inset: 7, borderColor: 'rgb(50,50,50)'});

	
	function loadRefCont(element, url, container, fadeIn) {
		element.load(url + " " + container, function() {
			fadeIn.fadeIn();
			$('#loader').fadeOut(200);
		});
	}
	

	
	$('.arrow').toggle(function() {
		$(this).text('>>');	
		$(this).parent().parent().animate({right: '0'}, 500, 'linear', function() {
			$('#bgs_wrapper').delay(350).css('overflow', 'visible');
		});
	}, function() {
		$(this).text('<<');
		$('#bgs_wrapper').css('overflow', 'hidden');
		$(this).parent().parent().animate({right: ($('#bg_switcher').outerWidth() - 35) * (-1)}, {duration: 500, easing: 'linear'});
	});
	
	
	$('.formbody input, .formbody textarea').tipsy({trigger: 'focus', gravity: 'w'})
	
	
	$('#loader').fadeOut(200);
	
	});