// JavaScript Document

$(document).ready(function(){
	
	
				//Preloader for References
				$("#referenzen1").preloader();
				$("#referenzen2").preloader();
				
				//Change the Select Forms
				$("form.jqtransform").jqTransform();
				
				//Lightbox
				$("a[rel=group_deine_lieblingsraver],a[rel=group_farbreiz],a[rel=group_pfadwerk],a[rel=group_shaun_lawton],a[rel=group_snippit],a[rel=group_life_action_app],a[rel=group_corporate],a[rel=group_frontend]").fancybox({
					'overlayOpacity'	:	'0.6',
					'overlayColor'		:	'#000000',
					'titleShow' : 'true',
					'titlePosition' : 'inside'
				});
				
				//BTN Hover
				$('.btn').hover(
					function(){
						$(this).find('.start').addClass('start_show_hover');
						$(this).find('.end').addClass('end_show_hover');
					}
				);
				$('.btn').mouseleave(
						function(){
							$(this).find('.start').removeClass('start_show_hover');
							$(this).find('.end').removeClass('end_show_hover');
						}
					);
					
				//Slider for Details and Testimonials
				var sliderCounter = new Object();
				var setupSlider = function(containers) {
							
					$.each(containers, function(){
						var container = $(this);
						var slides = container.find('ul li');
						
						var width_of_slide = slides.eq(0).width();
						var nr_of_slides = slides.length - 1; //starting at 0
			
						container.data('counter', 0);
						
						container.find('.right').click(function(){
							if(container.data('counter') < nr_of_slides){
								container.data('counter', container.data('counter') + 1);
								container.find('ul').stop().animate({left:('-' + width_of_slide * (container.data('counter')) + 'px')},{queue:false,duration:400});
								container.find('.left').removeClass('inactive');
							}
							
							if(container.data('counter') == nr_of_slides){
									container.find('.right').addClass('inactive');
							}
						});
					
						container.find('.left').click(function(){
							
							if(container.data('counter') > 0){
								container.data('counter', container.data('counter') - 1);
								container.find('ul').stop().animate({left:('-' + width_of_slide * (container.data('counter')) + 'px')},{queue:false,duration:400});
								container.find('.right').removeClass('inactive');
							}
							
							if(container.data('counter') == 0){
								container.find('.left').addClass('inactive');
								}
						});		
						
					});
				};
				
				setupSlider($('.details_wrap'));
				setupSlider($('.testimonials_wrap'));
	
	
				//waypoints
				var mainmenu = $('.menue').find('ul.links');
				$('.menu_waypoint').waypoint(function() {
					var waypoint = $(this);
					var classname = waypoint.attr('id');
					mainmenu.find('a').removeClass('active');
					mainmenu.find('a.'+classname).addClass('active');
				}, {
					   offset: '20px'
				});
	
				//Menue Open/Close
				$('#menue_toggler').toggle(
						
						function(){
							$('.main_nav_link,.logo').fadeOut();
							$('.menue_content').stop().delay(500).animate({width:'10px'},{duration:500});
							$('.icon').removeClass('close').addClass('open');
						},
						function(){
							$('.menue_content').stop().animate({width:'900px'},{duration:500});
							$('.main_nav_link,.logo').delay(500).fadeIn();
							$('.icon').removeClass('open').addClass('close');
						}
				);
					
					
				//Referenz Navigation
				$('#nav_text_1,#nav_point_1').click(
						function(){
							$('#referenzen2').hide();
							$('#referenzen1').show();
							$('#nav_point_2').removeClass('active');
							$('#nav_point_1').addClass('active');
							
						}
				);
				$('#nav_text_2,#nav_point_2').click(
						function(){
							$('#referenzen1').hide();	
							$('#referenzen2').show();
							$('#nav_point_1').removeClass('active');
							$('#nav_point_2').addClass('active');
							
						}
				);
				
				
				//Tooltip
							
					$('.show_tooltip').click(function(){
						var button = $(this);
						if(!button.hasClass('active')){
							button.addClass('active');
							button.closest('.portfolio_wrap').find('.tooltip').fadeIn();
							button.closest('.project_section').find('.details_wrap').stop().animate({height:'161px'},{queue:false,duration:400});
						

						} else{
							button.removeClass('active');
							button.closest('.portfolio_wrap').find('.tooltip').fadeOut();
							button.closest('.project_section').find('.details_wrap').stop().animate({height:'0px'},{queue:false,duration:400});
						
						}
					});
					
					$('.close').click(
							function(){
								var closebutton = $(this);
								var show_tooltip = closebutton.closest('.portfolio_wrap').find('.show_tooltip');
								show_tooltip.removeClass('active');
								
								closebutton.closest('.portfolio_wrap').find('.tooltip').fadeOut();
								closebutton.closest('.project_section').find('.details_wrap').stop().animate({height:'0px'},{queue:false,duration:400});								

							}
					);
					
					
				//Scroll To
				
				$('a[href*=#top],a[href*=#portfolio],a[href*=#about],a[href*=#contact]').bind("click", function(event) {
					event.preventDefault();
					var ziel = $(this).attr("href");
					//$('.main_nav_link').removeClass('active'); //done in waypoint function
					//$(this).addClass('active');
					var top = $(ziel).offset().top - 100;
					$('html,body').animate({scrollTop: top}, 400);
				});
				
				

				
				
});