$(document).ready(function() {
	
	// hover
	
	$('.join span, #menu > li > a span, .button1 span').css({opacity:'0'})
	$('.join').hover(function(){
		$(this).find('span').stop().animate({opacity:'1'}) 
	}, function(){
		$(this).find('span').stop().animate({opacity:'0'}) 
	})
	
	$('.button1').hover(function(){
		$(this).find('span').stop().animate({opacity:'1'})
	}, function(){
		$(this).find('span').stop().animate({opacity:'0'})
	})
	
	//contact form
	$('#ContactForm').forms({
		ownerEmail:'ya.za0za@yandex.ru'
	})
	
	//menu
	$('#menu').superfish({
      delay:       600,
      animation:   {opacity:'show', height:'show'},
      speed:       400,
      autoArrows:  false,
      dropShadows: false
    });
	
	$('#menu > li').hover(function(){
		$(this).find('> a span').stop().animate({opacity:'1'},600);						   
	}, function(){
		if (!$(this).hasClass('active'))
		$(this).find('> a span').stop().animate({opacity:'0'},600);						   
	})
	
	//content switch
	var content=$('#content'),
		nav=$('.menu');
	nav.navs({
		useHash:true,
		hoverIn:function(li){
		},
		hoverOut:function(li){
		},
		hover:true
	})		
	nav.navs(function(n, _){
			content.cont_sw(n);
			$('#menu > li').find('>a span').stop().animate({opacity:'0'},600);
			if (_.n >=0) $('#menu > li').eq(_.n).find('>a span').stop().animate({opacity:'1'},600)
	})		
	content.cont_sw({
		showFu:function(){
			var _=this
			$.when(_.li.find('.box')).then(function(){					  
				_.next.css({display:'block'}).find('.box').stop().animate({height:'100%'}, 600, 'easeOutCirc')
			});	
			$('h1').stop().animate({paddingTop:'58', paddingBottom:'43'}, 600, 'easeOutCirc', function(){
				$('#content').css({position:'relative'});																   
			});
			fl=true;
			$('.block1').stop().animate({height:'920'})
		},
		hideFu:function(){
			var _=this
			_.li.find('.box').stop().animate({height:'0'}, 600, 'easeOutCirc' , function(){
				_.li.css({display:'none'});
			})
			$('h1').stop().animate({paddingTop:'218', paddingBottom:'173'}, 600, 'easeOutCirc');
			$('#content').css({position:'absolute'})
			$('.block1').stop().animate({height:'720'})
		},
		preFu:function(){
			var _=this
			_.li.css({position:'absolute', display:'none'});
			_.li.find('.box').css({height:'0'});
		}
	})
	
		
	//bg animate
	$('#bgSlider').bgSlider({
		slideshow:6000,
		duration:1000,
		pagination:false,
	  	images:['images/bg1.jpg','images/bg2.jpg','images/bg3.jpg'],
		preload:true,
		spinner:'.bg_spinner'
	})
		
 });