/* Simple drop down menus and image rollovers
		- Enclosing .nav divs must have CSS width equal to image width.
		- Use theming section to modify color, font, width of drop down etc..
		- Note the styling, particular on content that falls below the drop down menus.
*/


$(document).ready(function(){

	$(".nav_item").hover(
		function () {
			$(this).find("ul").fadeIn(300);
		}, 
		function () {
			$(this).find("ul").fadeOut(300);
		}
	);
	
	/* images must use the _off and _on flags at the end of the file name */
	$(".rollover").hover(
		function () {
			$(this).attr("src",$(this).attr("src").replace("_off","_on"));
		}, 
		function () {
			$(this).attr("src",$(this).attr("src").replace("_on","_off"));
		}
	);

});

/*
$(".nav_item").mouseover(function () {
	$(this).find("ul").show();
});
$(".nav_item").mouseout(function () {
	$(this).find("ul").hide();
});
*/

/*
$(".rollover").mouseover(function () {
	$(this).attr("src",$(this).attr("src").replace("_off","_on"));
});
$(".rollover").mouseout(function () {
	$(this).attr("src",$(this).attr("src").replace("_on","_off"));
});
});
*/