$(function (){
	$('.btn').css('opacity' , .5);
	$('#content').hide();
	$(".wetSocks").hide();
	$('#browserIcons').hide();
	$('#menu').hide();
	$('.footerText').hide();
	
	$("#content").fadeIn('slow');
	$(".wetSocks").delay(400).fadeIn('slow');
	$("#menu").delay(800).fadeIn('slow');
	$("#browserIcons").delay(1000).fadeIn('slow');
	$('.footerText').delay(1100).fadeIn('slow');
	
	$('.tracked').live('click',function(){
		var label = $(this).attr('id');
		_gaq.push(['_trackEvent', label, 'clicked']);
	});
	
	$(".btn").hover(
		function(){
			$(this).stop().animate({
				opacity: 1,
			}, 300, function(){
			
			});
		}, function(){
			$(this).stop().animate({
				opacity: .5,
			}, 300, function(){
			
			});
		});
		
	$('.btn').click(function(){
		//window.open(this.title);
		window.location=$(this).find("a").attr("href");
	});

	window.onload = window.onresize = draw();
	
	//draw();
	
	function draw(x, y) {
		var winW = 0;
		var winH = 0;
		
		if (parseInt(navigator.appVersion)>3) {
		 if (navigator.appName=="Netscape") {
		  winW = window.innerWidth-16;
		  winH = window.innerHeight-16;
		 }
		 if (navigator.appName.indexOf("Microsoft")!=-1) {
		  winW = document.body.offsetWidth-20;
		  winH = document.body.offsetHeight-20;
		 }
		}
		
		winH += 30;
		
		$('<canvas id="canvas" width="'+winW+'" height="'+winH+'"></canvas>').appendTo('body');
		//$('<canvas id="canvas" width="'+window.screen.width+'" height="'+window.screen.height+'"></canvas>').appendTo('body');
		
		var canvas = document.getElementById("canvas");
		var ctx = canvas.getContext("2d");

		var halfWidth = canvas.width / 2;
		var halfHeight = canvas.height / 2;

		var gradientCenterX = x != undefined? x: halfWidth;
		var gradientCenterY = y != undefined? y: halfHeight;

		// set up gradient
		var grad = ctx.createRadialGradient(
			gradientCenterX, gradientCenterY, 0,
			halfWidth, halfHeight, halfWidth);

		var stops = {0.0: '#015385', 1: '#002a5c'};

		for (var position in stops) {
			var color = stops[position];

			grad.addColorStop(position, color);
		}

		// draw gradient
		ctx.fillStyle = grad;
		ctx.fillRect(0, 0, canvas.width, canvas.height);
		
	}
	
	function move(event) {
		draw(event.x - event.srcElement.offsetLeft,
			event.y - event.srcElement.offsetTop);
	}

});