$(function() {

    var $sidebar   = $("#floatMenu"),
        $window    = $(window),
        offset     = $sidebar.offset(),
        topPadding = 0;

    $window.scroll(function() {
        if ($window.scrollTop() > offset.top) {
            $sidebar.stop().animate({
                marginTop: $window.scrollTop() - offset.top + topPadding
            });
			
        }		else {
            $sidebar.stop().animate({
                marginTop: 0
            });
        }
});
});

$(document).ready(function(){	
	//Animação home
	$('.animacao').cycle({ 
	fx:      'scrollHorz',
	next: '#proximo',
	prev: '#anterior',
    delay:   -2000,
	timeout: 8000,
	cleartypeNoBg: true
	});
}); 
/**************************** WHO EFFECTS ****************************/
$("#content-top").css("position","relative");
$("#content-top").css("top","0px");
setTimeout(function(){
	$("#content-top").css("top","0");	
},1000);

if ($.browser.msie){
	$("#our-stars").css("top","0");
	$("#who").css("display","none");
	$("#nav-content-top-who").removeClass('active');
	$("#nav-content-top-our-stars").addClass('active');
	$("#our-stars").css("display","block");
	
} else {
	setTimeout(function(){
		$("#our-stars").css("top","0");
		setTimeout(function(){
			$("#our-stars").css("display","none");
		},500);
	},1000);
}
/**************************** WHO EFFECTS ****************************/

/**************************** NAV WHO EFFECTS ****************************/
$(function(){
	$("#nav-who, #nav-trabalhos, #back-who").click(function(){
		if($("#content-top").hasClass("active")){
			$("#content-top").slideUp(1000);
			$("#back-who").fadeOut(500);
			$("#content-top").removeClass("active");	
			$("#setas-carousel").fadeIn(1800);
			
		} else {
			$("#content-top").slideDown(1000);
			setTimeout(function(){
				$("#back-who").fadeIn(500);
			},1000);
			$("#content-top").addClass("active");
			$("#setas-carousel").fadeOut(500);
			// carregaSlider();
		}
	});
});
/**************************** NAV WHO EFFECTS ****************************/

/**************************** SHOWREEL EFFECTS ****************************/
$(function(){
	$("#effect-play-showreel, #nav-sobre, #showreel a, #link-showreel, #link-showreel-pt").click(function(){
		if($("#showreel").hasClass('active')){
			$("#showreel").removeClass('active');
			$("#showreel").animate({left:"-100%"},1200);
			$("#layer").css("display","none");
			setTimeout(function(){
				$("#layer").css("background","#00ffa8");
				$("#showreel div").css("display","none");
				setTimeout(function(){
					$("#showreel div").css("display","block");
				},100);
			}, 400);
			
		} else {
			$("#showreel").addClass('active');
			$("#layer").css("display","block");
			$("#layer").css("background","#fff");
			$("#showreel").animate({left:0},1200);
			/*
			$("#showreel div").css("display","block");
			*/
		}
	});
});
/**************************** SHOWREEL EFFECTS ****************************/

/**************************** NAV EFFECTS ****************************/
function rollover(target, from, to) {
	target.mouseenter(function() {
		$(this).stop();
		$(this).animate({
			backgroundPosition: '0 -'+to+'px'
		}, 100, 'easeOutQuad');
	});
	target.mouseleave(function() {
		$(this).stop();
		$(this).animate({
			backgroundPosition: '0 -'+from+'px'
		}, 100, 'easeInQuad');
	});
}

$(document).ready(function() {
	$('nav a').mouseenter(function() {
		var span = $(this).find('span');
		span.stop();
		span.animate({
			width: $(this).width()
		}, 250);
	});
	$('nav a').mouseleave(function() {
		var span = $(this).find('span');
		span.stop();
		span.animate({
			width: 0
		}, 250);
	});		
});

/**************************** NAV EFFECTS ****************************/

/**************************** SOCIAL NETWORKS EFFECTS **********************/
$(function(){
	$("#twitter").hover(function(){
		$("#flickr").css("opacity","0.5");
		$("#rss").css("opacity","0.5");
		
	}, function(){
		$("#twitter").css("opacity","1");
		$("#flickr").css("opacity","1");
		$("#rss").css("opacity","1");
	});
		
	$("#flickr").hover(function(){
		$("#twitter").css("opacity","0.5");
		$("#rss").css("opacity","0.5");
		
	}, function(){
		$("#twitter").css("opacity","1");
		$("#flickr").css("opacity","1");
		$("#rss").css("opacity","1");
	});
	
	$("#rss").hover(function(){
		$("#twitter").css("opacity","0.5");
		$("#flickr").css("opacity","0.5");
		
	}, function(){
		$("#twitter").css("opacity","1");
		$("#flickr").css("opacity","1");
		$("#rss").css("opacity","1");
	});
	
	$("#twitter02").hover(function(){
		$("#flickr02").css("opacity","0.5");
		$("#rss02").css("opacity","0.5");
		
	}, function(){
		$("#twitter02").css("opacity","1");
		$("#flickr02").css("opacity","1");
		$("#rss02").css("opacity","1");
	});
		
	$("#flickr02").hover(function(){
		$("#twitter02").css("opacity","0.5");
		$("#rss02").css("opacity","0.5");
		
	}, function(){
		$("#twitter02").css("opacity","1");
		$("#flickr02").css("opacity","1");
		$("#rss02").css("opacity","1");
	});
	
	$("#rss02").hover(function(){
		$("#twitter02").css("opacity","0.5");
		$("#flickr02").css("opacity","0.5");
		
	}, function(){
		$("#twitter02").css("opacity","1");
		$("#flickr02").css("opacity","1");
		$("#rss02").css("opacity","1");
	});
	

});
/**************************** SOCIAL NETWORKS EFFECTS **********************/

