$(document).ready(function() {

	// preload images
	var imageList = ["./images/navigation/who_we_are_on.jpg",
		"./images/navigation/our_services_on.jpg",
		"./images/navigation/branding_on.jpg",
		"./images/navigation/interactive_web_design_on.jpg",
		"./images/navigation/copywriting_on.jpg",
		"./images/navigation/ecommerce_on.jpg",
		"./images/navigation/strategic_marketing_on.jpg",
		"./images/navigation/our_work_on.jpg",
		"./images/navigation/ow_branding_on.jpg",
		"./images/navigation/ow_interactive_on.jpg",
		"./images/navigation/ow_web_design_on.jpg",
		"./images/navigation/ow_copywriting_on.jpg",
		"./images/navigation/how_we_work_on.jpg",
		"./images/navigation/contact_us_on.jpg"];
		
	for(var i = 0; i < imageList.length; i++) {
		$("<img>").attr("src", imageList[i]);
	}

	// produce hover effects and trigger dropdowns
	$("#nav > ul > li, #nav > ul ul > li").hover(function() {
		var navImage = $(this).children("a").children("img").attr("src");
		$(this).children("a").children("img").attr("src", navImage.replace(/_off\.jpg/, "_on.jpg"));
		$(this).children("ul").show();
	}, function() {
		var navImage = $(this).children("a").children("img").attr("src");
		$(this).children("a").children("img").attr("src", navImage.replace(/_on\.jpg/, "_off.jpg"));
		$(this).children("ul").hide();
	});

});