$(function(){

	if(typeof console === "undefined") {
		console = { log: function() { } };
	}
	
	var $ = jQuery;

	var glow = {

		glowOn: function(){
			$('.box').animate({boxShadow: '0 0 10px #ccc'});
			glow.glowOff();
		},

		glowOff: function(){
			$('.box').animate({boxShadow: '0 0 5px #ccc'});
			glow.glowOn();
		},

		init: function(){
			glow.glowOn();
			//glow.glowOff();
		}

	}

	var VC	=	{
	
		forms: function(){
			$("#contact-message, #mailing-list-message").hide();
		
			$('.default').each(function() {
				var default_value = this.value;
				$(this).focus(function() {
					if(this.value == default_value) {
					this.value = '';
					}
				});
				$(this).blur(function() {
					if(this.value == '') {
					this.value = default_value;
					}
				});
			});
			
			$("#freeform").submit(function(e){
				e.preventDefault();
				
				$.ajax({
					type: "POST",
					url: $(this).attr("action"),
					data: $(this).serialize(),
					success: function(){
						$("#contact-message").show();
						$("#freeform").hide();						
					}
				});
				
				return false;		
			});

			$("#mailinglist_form").submit(function(e){
				e.preventDefault();
				
				$.ajax({
					type: "POST",
					url: $(this).attr("action"),
					data: $(this).serialize(),
					success: function(){
						$("#mailing-list-message").show();
						$("#mailinglist_form").hide();						
					}
				});
				
				return false;		
			});
		},

		navigation: function(){
			$('#companies h1').hover(function() {
				$('#companies').addClass('over');
			}, function() {
				$('#companies').removeClass('over');
			});
			$('#companies h1').click(function() {
				$('#companies').toggleClass('on');
			});
		},

		wraps: function(){
			$('#blocks').wrapInner('<div id="blocks-fade"></div>');
			$('#header .wrapper').wrap('<div id="blocks-logo"></div>');
			$("#blocks").css("opacity", "0").delay(1000).animate({opacity: 100},{duration: 5000});

			$('#header .wrapper').append('<span class="box box1"></span><span class="box box2"></span><span class="box box3"></span>');
			$('#projects a').append('<span></span>');
		},

		init: function(){
			
			VC.wraps();
			//VC.typography();
			VC.forms();
			VC.navigation();

		}
			
	};
	
	VC.init();

});
