// fade effect

$(document).ready(function(){
	
						   	$(".navigation").fadeTo(1, 0.5);
						   	$(".navigation").hover(function(){
						   	$(this).fadeTo("slow", 1.0);
						   	},function(){
						   	$(this).fadeTo("slow", 0.5);
						   	});
						   	});
						   	
						   	
$(document).ready(function(){
						   $("#text p").fadeTo(1, 0.5);
						   $("#text p").hover(function(){
						   $(this).fadeTo("slow", 1.0);
						   },function(){
						   $(this).fadeTo("slow", 0.5);
						   });
						   });
		
// logo
		
$(document).ready(function(){
							$('.logo').append('<span class="hover"></span>').each(function () {
	 						var $span = $('> span.hover', this).css('opacity', 0);
							$(this).hover(function () {
	  						$span.stop().fadeTo(500, 1);
							}, function () {
	  						$span.stop().fadeTo(500, 0);
							});
});
});		
		
	
// project pictures

$(document).ready(function(){
							$(".infoleft a").hover(function() {
							$(this).next("em").animate({opacity: "show", top: "0"}, "slow");
							}, function() {
							$(this).next("em").animate({opacity: "hide", top: "0"}, "slow");
							});
							$('.fadeThis01').append('<span class="hover"></span>').each(function () {
	 						var $span = $('> span.hover', this).css('opacity', 0);
							$(this).hover(function () {
	  						$span.stop().fadeTo(500, 1);
							}, function () {
	  						$span.stop().fadeTo(500, 0);
							});
});
});

$(document).ready(function(){
							$(".infoleft a").hover(function() {
							$(this).next("em").animate({opacity: "show", top: "0"}, "slow");
							}, function() {
							$(this).next("em").animate({opacity: "hide", top: "0"}, "slow");
							});
							$('.fadeThis02').append('<span class="hover"></span>').each(function () {
	 						var $span = $('> span.hover', this).css('opacity', 0);
							$(this).hover(function () {
	  						$span.stop().fadeTo(500, 1);
							}, function () {
	  						$span.stop().fadeTo(500, 0);
							});
});
});					

$(document).ready(function(){
							$(".infoleft a").hover(function() {
							$(this).next("em").animate({opacity: "show", top: "0"}, "slow");
							}, function() {
							$(this).next("em").animate({opacity: "hide", top: "0"}, "slow");
							});
							$('.fadeThis03').append('<span class="hover"></span>').each(function () {
	 						var $span = $('> span.hover', this).css('opacity', 0);
							$(this).hover(function () {
	  						$span.stop().fadeTo(500, 1);
							}, function () {
	  						$span.stop().fadeTo(500, 0);
							});
});
});

$(document).ready(function(){
							$(".infoleft a").hover(function() {
							$(this).next("em").animate({opacity: "show", top: "0"}, "slow");
							}, function() {
							$(this).next("em").animate({opacity: "hide", top: "0"}, "slow");
							});
							$('.fadeThis04').append('<span class="hover"></span>').each(function () {
	 						var $span = $('> span.hover', this).css('opacity', 0);
							$(this).hover(function () {
	  						$span.stop().fadeTo(500, 1);
							}, function () {
	  						$span.stop().fadeTo(500, 0);
							});
});
});

$(document).ready(function(){
							$(".infoleft a").hover(function() {
							$(this).next("em").animate({opacity: "show", top: "0"}, "slow");
							}, function() {
							$(this).next("em").animate({opacity: "hide", top: "0"}, "slow");
							});
							$('.fadeThis05').append('<span class="hover"></span>').each(function () {
	 						var $span = $('> span.hover', this).css('opacity', 0);
							$(this).hover(function () {
	  						$span.stop().fadeTo(500, 1);
							}, function () {
	  						$span.stop().fadeTo(500, 0);
							});
});
});

					
// box effect - open

$(document).ready(function(){
							$(".info a").hover(function() {
							$(this).next("em").animate({opacity: "show", top: "-8"}, "slow");
							}, function() {
							$(this).next("em").animate({opacity: "hide", top: "0"}, "fast");
							});
							$(".open").fadeTo(1, 0.6);
							$(".open").hover(function(){
						   	$(this).fadeTo("slow", 1.0);
						   	},function(){
						   	$(this).fadeTo("slow", 0.6);
						   	});
							$(".open").click(function(){
							$("#box").slideDown("slow")
							.animate({opacity: "1.0"}, "slow")
							return false;
							});
});
	
	
// box effect - close

$(document).ready(function(){
							$(".close").fadeTo(1, 0.6);
							$(".close").hover(function(){
						   	$(this).fadeTo("slow", 1.0);
						   	},function(){
						   	$(this).fadeTo("slow", 0.6);
						   	});
							$(".close").click(function(){
							$("#box").animate({opacity: "0.0"}, "slow")
							.slideUp("slow")
							return false;
							});
});


// colorchoose

$(document).ready(function(){
							$(".colorchoose").hover(function() {
							$(this).next("em").animate({opacity: "show", top: "-8"}, "slow");
							}, function() {
							$(this).next("em").animate({opacity: "hide", top: "0"}, "fast");
							});
							$(".colorchoose").fadeTo("slow", 0.6);
							$(".colorchoose").hover(function(){
						   	$(this).fadeTo("slow", 1.0);
						   	},function(){
						   	$(this).fadeTo("slow", 0.6);
						   	});
});


// footer panel

$(document).ready(function(){

	$(".btn-slide").click(function(){
		$("#panel").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});
});