map_initialized = false;
  function initialize() {
    var latlng = new google.maps.LatLng(43.677325, -79.359995);
    var myOptions = {
      zoom: 13,
	    center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        myOptions);

    var homeMarker = new google.maps.Marker({
	position: latlng,
	map: map
   });
}

var intro_visible = true;
var contact_visible = false;
var resume_visible = false;
var gallery_root = "";
var gallery_num = 0;
var gallery_max = 0;

jQuery(document).ready(function() {
   doLinks();
});

function doLinks() {
   $("#ajaxtext").ajaxStart(function() {
	$("body").css("cursor", "progress");
   });
   $("#ajaxtext").ajaxStop(function() {
	$("body").css("cursor", "auto");
   });
   $("#ajaxgallery").ajaxStart(function() {
	$("body").css("cursor", "progress");
   });
   $("#ajaxgallery").ajaxStop(function() {
	$("body").css("cursor", "auto");
   });
   $(".headerclass").hover(function() {
      $(this).addClass("headerhover");
   },function() {
      $(this).removeClass("headerhover");
   });
   $(".headernolinkclass").hover(function() {
      $(this).addClass("headernolinkhover");
   },function() {
      $(this).removeClass("headernolinkhover");
   });
   $(".menuitemfirst").hover(function() {
      $(this).addClass("headerhover");
   },function() {
      $(this).removeClass("headerhover");
   });
   $(".menuitem").hover(function() {
      $(this).addClass("headerhover");
   },function() {
      $(this).removeClass("headerhover");
   });
   $(".submenuitemfirst").hover(function() {
      $(this).addClass("headerhover");
   },function() {
      $(this).removeClass("headerhover");
   });
   $(".submenuitem").hover(function() {
      $(this).addClass("headerhover");
   },function() {
      $(this).removeClass("headerhover");
   });
   $(".menuitemnolink").hover(function() {
      $(this).addClass("menuitemnolinkhover");
   },function() {
      $(this).removeClass("menuitemnolinkhover");
   });
   $(".gallerylink").hover(function() {
      $(this).addClass("headerhover");
   },function() {
      $(this).removeClass("headerhover");
   });
   $(".title").hover(function() {
      $(this).addClass("titlehover");
      $(this).css("color", "#38569B");
   },function() {
      $(this).removeClass("titlehover");
      $(this).css("color", "#387104");
   });
   $(".pagelink").hover(function() {
      $(this).addClass("pagelinkhover");
   },function() {
      $(this).removeClass("pagelinkhover");
   });
   $(".displaylink").hover(function() {
      $(this).addClass("displaylinkhover");
   },function() {
      $(this).removeClass("displaylinkhover");
   });
   $(".hidelink").hover(function() {
      $(this).addClass("hidelinkhover");
   },function() {
      $(this).removeClass("hidelinkhover");
   });
   $(".hidegallery").hover(function() {
      $(this).addClass("hidegalleryhover");
   },function() {
      $(this).removeClass("hidegalleryhover");
   });
   $(".expandable").hover(function() {
    $(this).addClass("expandhover");
    },function() {
    $(this).removeClass("expandhover");
    });
   $(".expandindent1").hover(function() {
    $(this).addClass("expandhover");
    },function() {
    $(this).removeClass("expandhover");
    });
   $("#techwritingheading").hover(function() {
		$("#techwritingmenu").css('display', 'inline');
    },function() {
		$("#techwritingmenu").css('display', 'none');
		  });
   $("#techwritingmenu").hover(function() {
		$("#techwritingmenu").css('display', 'inline');
    },function() {
		$("#techwritingmenu").css('display', 'none');
		  });
   $("#techwriting_samples").hover(function() {
		$("#samplesmenu").css('display', 'inline');
    },function() {
		$("#samplesmenu").css('display', 'none');
		  });
   $("#samplesmenu").hover(function() {
		$("#techwritingmenu").css('display', 'inline');
		$("#samplesmenu").css('display', 'inline');
    },function() {
		$("#techwritingmenu").css('display', 'none');
		$("#samplesmenu").css('display', 'none');
		  });
   $("#imageheading").hover(function() {
		$("#imagemenu").css('display', 'inline');
    },function() {
		$("#imagemenu").css('display', 'none');
		  });
   $("#imagemenu").hover(function() {
		$("#imagemenu").css('display', 'inline');
    },function() {
		$("#imagemenu").css('display', 'none');
		  });
   $("#websiteheading").hover(function() {
		$("#websitemenu").css('display', 'inline');
    },function() {
		$("#websitemenu").css('display', 'none');
		  });
   $("#websitemenu").hover(function() {
		$("#websitemenu").css('display', 'inline');
    },function() {
		$("#websitemenu").css('display', 'none');
		  });
    toggleContact();
    returnHome();
    displaylinks();
}

function hideThings(donthide) {
	hideWindow();
	if (donthide != "intro" && intro_visible) {
		$("#introbody").hide(0);
		intro_visible = false;
    		$("#introheading").removeClass("headerselected");
	}
	if (donthide != "contact" && contact_visible) {
		$("#contactbody").hide(0);
		contact_visible = false;
    		$("#contactheading").removeClass("headerselected");
	}
	if (donthide != "resume" && resume_visible) {
		resume_visible = false;
    		$("#resumeheading").removeClass("headerselected");
	}
}

function toggleContact() {
	/* keeping the contact page inline as it's easier to deal with the Google Map stuff that way */
	$("#contactheading").click(function() {
	        hideThings("contact");
		hideGallery();
		if (contact_visible) {
			$("#contactbody").hide(0);
			contact_visible = false;
    			$(this).removeClass("headerselected");
		} else {
			if (map_initialized == false) {
				initialize();
				map_initialized = true;
				/* $("#contactbody").show(0); */
				/*
			} else {
				$("#contactbody").show(400);
				*/
			}
			$("#contactbody").show(0);
			contact_visible = true;
    			$(this).addClass("headerselected");
		}
	});
	/*
	$("#contactlink").click(function() {
		$("#contactbody").hide(400);
		contact_visible = false;
    		$("#contactheading").removeClass("headerselected");
	});
	*/
	$("#contactmain").click(function() {
		$("#contactbody").hide(0);
		contact_visible = false;
    		$("#contactheading").removeClass("headerselected");
		$("#introbody").show(0);
		intro_visible = true;
	});
}

function returnHome() {
	$("#title").click(function() {
	        hideThings("intro");
		hideGallery();
		$("#introbody").show(0);
		intro_visible = true;
	});
	$("#introlink").click(function() {
		$("#introbody").hide(0);
		intro_visible = false;
    		$("#introheading").removeClass("headerselected");
	});
}

function displaylinks() {
	$("#resumeheading").click(function() {
    		$("#resumeheading").addClass("headerselected");
		resume_visible = true;
		displayWindow("resume.html", "resume");
	});
	$("#techwriting_experience").click(function() {
		$("#techwritingmenu").css('display', 'none');
		displayWindow("techwriting.html", "");
	});
	$("#techwriting_planning").click(function() {
		$("#techwritingmenu").css('display', 'none');
		displayWindow("planning.html", "");
	});
	$("#techwriting_perlbook").click(function() {
		$("#techwritingmenu").css('display', 'none');
		displayWindow("perlbook.html", "");
	});
	$("#image_photography").click(function() {
		$("#imagemenu").css('display', 'none');
		displayWindow("photography.html", "");
	});
	$("#image_photoshop").click(function() {
		$("#imagemenu").css('display', 'none');
		displayWindow("photoshop.html", "");
	});
	$("#website_design").click(function() {
		$("#websitemenu").css('display', 'none');
		displayWindow("web_design.html", "");
	});
	$("#website_development").click(function() {
		$("#websitemenu").css('display', 'none');
		displayWindow("web_development.html", "");
	});
	$("#website_portfolio").click(function() {
		$("#websitemenu").css('display', 'none');
		displayWindow("web_portfolio.html", "");
	});
	$("#samples_outliner").click(function() {
		$("#techwritingmenu").css('display', 'none');
		$("#samplesmenu").css('display', 'none');
		gallery_root = "samples/outliner";
		gallery_num = 1;
		gallery_max = 20;
		displayGallery("samples/outliner1.html", "");
	});
	$("#samples_perlbook").click(function() {
		$("#techwritingmenu").css('display', 'none');
		$("#samplesmenu").css('display', 'none');
		gallery_root = "samples/pattern";
		gallery_num = 1;
		gallery_max = 18;
		displayGallery("samples/pattern1.html", "");
	});
	$("#samples_other").click(function() {
		$("#techwritingmenu").css('display', 'none');
		$("#samplesmenu").css('display', 'none');
		displayWindow("samples_other.html", "");
	});
	$(".hidelink").click(function() {
		hideThings("intro");
		$("#introbody").show(0);
		intro_visible = true;
	});
	$(".hidegallery").click(function() {
		hideGallery();
		$("#introbody").show(0);
		intro_visible = true;
	});
	$("#galleryprev").click(function() {
		var filename;
		if (gallery_num == 1) {
			gallery_num = gallery_max;

		} else {
			gallery_num = gallery_num - 1;
		}
		filename = gallery_root + gallery_num + ".html";
		$("#ajaxgallery").load(filename);
	});
	$("#gallerynext").click(function() {
		var filename;
		if (gallery_num == gallery_max) {
			gallery_num = 1;
		} else {
			gallery_num = gallery_num + 1;
		}
		filename = gallery_root + gallery_num + ".html";
		$("#ajaxgallery").load(filename);
	});
	$("#gallerystart").click(function() {
		var filename;
		gallery_num = 1;
		filename = gallery_root + gallery_num + ".html";
		$("#ajaxgallery").load(filename);
	});
}

function displayWindow(url, donthide) {
	hideThings(donthide);
	hideGallery();
	$("#ajaxtext").load(url);
        $("#displaywindow").css("z-index", "500");
	$("#displaywindow").show(0);
}

function hideWindow() {
        $("#displaywindow").css("z-index", "-1");
	$("#ajaxtext").load("blank.html");
	$("#displaywindow").hide(0);
}

function displayGallery(url, donthide) {
	hideThings(donthide);
	$("body").css("cursor", "progress");
	$("#ajaxgallery").load(url);
        $("#gallerywindow").css("z-index", "500");
	$("#gallerywindow").show(0);
}

function hideGallery() {
        $("#gallerywindow").css("z-index", "-1");
	$("#ajaxgallery").load("blank.html");
	$("#gallerywindow").hide(0);
}