$(document).ready(function(){
		switch (window.location.hash) {
			case "#social":
				document.title = "John Bloomfield - Social";
				initSocial();
				break;
			case "#about":
				document.title = "John Bloomfield - About";
				initAbout();
				break;
			case "#contact":
				document.title = "John Bloomfield - Contact";
				initContact();
				break;
			default:
				initSocial();
				break;
		}
		// detect nav clicks
		$('h2').hide(); // hide the headings when JS is active.
		//$('.icon').hover(showTooltip,hideTooltip);
		$('#nav-social a').click(showSocial);
		$('#nav-about a').click(showAbout);
		$('#nav-contact a').click(showContact);
		
		// drag & drop functionality
		$(".icon").draggable({
			helper:'clone',
			drag: function(event, ui) { $('.tooltip').hide(); }
		});
		$(".icon").click(function(){ return false });
		
		$("#dropzone").droppable({
			accept: ".icon",
			activeClass: 'active',
			hoverClass: 'hover',
			drop: function(ev, ui) {
				window.location = $(ui.draggable).clone().find('a').attr('href');
			}
		});
});

function showTooltip() {
	$(this).find("span").show();
}

function hideTooltip() {
	$(this).find("span").hide();
}

function initSocial() {
	$('#con-mid').hide();
	$('body').removeClass();
	$('body').addClass('social');
	$('.section').hide();
	$('#social').show();
	setTimeout("$('#con-mid').stop().slideDown('slow');", 1000);
}

function initAbout() {
	$('#con-mid').hide();
	$('body').removeClass();
	$('body').addClass('about');
	$('.section').hide();
	$('#about').show();
	setTimeout("$('#con-mid').stop().slideDown('slow');", 1000);
}

function initContact() {
	$('#con-mid').hide();
	$('body').removeClass();
	$('body').addClass('contact');
	$('.section').hide();
	$('#contact').show();
	setTimeout("$('#con-mid').stop().slideDown('slow');", 1000);
}

function showSocial() {
	document.title = "John Bloomfield - Social";
	if(!$('body').hasClass('social')) {
		$('#con-mid').stop().slideUp('slow', function(){
			$('.section').hide();
			$('#social').show(function(){
				// callback
				$('#con-mid').stop().slideDown('slow');
			});
		});
		$('body').removeClass();
		$('body').addClass('social');	
	}
}

function showAbout() {
	document.title = "John Bloomfield - About";
	if(!$('body').hasClass('about')) {
		$('#con-mid').stop().slideUp('slow', function(){
			$('.section').hide();
			$('#about').show(function(){
				// callback
				$('#con-mid').stop().slideDown('slow');
			});
		});
		$('body').removeClass();
		$('body').addClass('about');	
	}
}

function showContact() {
	document.title = "John Bloomfield - Contact";
	if(!$('body').hasClass('contact')) {
		$('#con-mid').stop().slideUp('slow', function(){
			$('.section').hide();
			$('#contact').show(function(){
				// callback
				$('#con-mid').stop().slideDown('slow');
			});
		});
		$('body').removeClass();
		$('body').addClass('contact');	
	}
}