var visibleHeader = "";
var visibleLinks = "";

$(document).ready(function() {
	$('#top_area').mouseleave(hideSubHeaders);
	
	$('#top_area').append(function(index, html) {
		var aboutPrefix = '';
		var projectsPrefix = 'projects/';
		var photosPrefix = 'photos/';
		if(window.location.pathname.toLowerCase().match(/projects/)) {
			aboutPrefix = '../';
			projectsPrefix = '';
			photosPrefix = '../photos/';
		}
		else if(window.location.pathname.toLowerCase().match(/photos/)) {
			aboutPrefix = '../';
			projectsPrefix = '../projects/';
			photosPrefix = '';
		}
		return '<div id="header"><a href="'+aboutPrefix+'index.html"><span id="dudiak">dudiak</span><span id="dotcom">.com</span></a><span id="header_links"><a href="'+aboutPrefix+'index.html" id="me_link" onmouseover="showSubHeader(0);">me</a><a href="'+projectsPrefix+'index.html" id="project_link" onmouseover="showSubHeader(1);">projects</a><a href="'+photosPrefix+'index.html" id="photo_link" onmouseover="showSubHeader(2);">photos</a></span></div><div class="section_links" id="me_links"><a href="'+aboutPrefix+'index.html">about me</a><a href="'+aboutPrefix+'resume.html">resume</a></div><div class="section_links" id="project_links"><a href="'+projectsPrefix+'index.html">all</a><a href="'+projectsPrefix+'graphous.html">graphous</a><a href="'+projectsPrefix+'tunefinder.html">tunefinder</a><a href="'+projectsPrefix+'starrynight.html">starry night</a></div><div class="section_links" id="photo_links"><a href="'+photosPrefix+'index.html">all</a><a href="'+photosPrefix+'recent.html">most recent</a></div>'
	});
	
	$('#footer').append(function(index, html) {
		var aboutPrefix = '';
		if(window.location.pathname.toLowerCase().match(/(projects|photos)/)) {
			aboutPrefix = '../';
		}
		return '<div id="copyright">&copy 2011 Eric Dudiak</div><div id="about_image"><a href="'+aboutPrefix+'image.html">about background image</a></div>';
	});
	
	$('#copyright').delay(3000).fadeOut(2000);
	$('#about_image').delay(3000).fadeIn(2000);
	
	$('.project_list').wrap('<div class="project_list_rounded"><div class="rounded_background"><div class="rounded_cap"><div class="rounded_content"></div></div></div></div>');
	$('.project_list_rounded').prepend('<div class="rounded_header"><div class="rounded_cap"></div></div>').append('<div class="rounded_footer"><div class="rounded_cap"></div></div>');
});

function hideSubHeaders() {
	if(visibleHeader != "") {
		$(visibleHeader).removeClass('displayed');
		$(visibleLinks).slideUp();
	}
	
	visibleHeader = "";
	visibleLinks = "";
}

function showSubHeader(subHeaderNumber) {
	switch(subHeaderNumber) {
		case 0:
			var header = '#me_link';
			var links = '#me_links';
			break;
		case 1:
			var header = '#project_link';
			var links = '#project_links';
			break;
		case 2:
			var header = '#photo_link';
			var links = '#photo_links';
			break;
	}
	
	if(header != visibleHeader) {
		hideSubHeaders();
		
		$(header).addClass('displayed');
		$(links).slideDown();
		
		visibleHeader = header;
		visibleLinks = links;
	}
}