var preload = new Image();
preload.src = './images/nav_hilite.png';
preload.src = './images/subnav_bg_0.png';
preload.src = './images/subnav_bg_1.png';

var navids= ['yoga','language','photography','life'];

var gpSubMenu =  {
	a : null,
	t : [],
	i : [],
	s : [],

	reg: function(id) {
		gpSubMenu.i[id] = $('#nav_'+id);
		gpSubMenu.s[id] = $('#subnav_'+id);
	},
	open: function(id) {
		$('div.subnav').stop(true,true);
		for(var i in navids)
			gpSubMenu.fclose(navids[i]);
		clearTimeout(gpSubMenu.t[id]);

		var pos = gpSubMenu.i[id].offset();
		gpSubMenu.s[id].css('top', pos.top-15+'px');

		gpSubMenu.i[id].css('background','url(http://www.luke.org/images/nav_hilite.png)');
		gpSubMenu.s[id].slideDown(400);
	},
	close: function(id) {
		gpSubMenu.t[id] = setTimeout(function(){
			gpSubMenu.fclose(id)
		}, 450)
	},
	fclose:function(id) {
		gpSubMenu.i[id].css('background','none');
		gpSubMenu.s[id].hide(1);
	}
}

$(document).ready(function() {
	for(var i in navids)
		gpSubMenu.reg(navids[i]);

	//console.debug('TEST1')
	$('.navItem').hover(
		function(){gpSubMenu.open($(this).attr("id").replace(/(sub)?nav\_/,""))},
		function(){gpSubMenu.close($(this).attr("id").replace(/(sub)?nav\_/,""))}
	);

	$('.subnavItem').hover(
		function(){
			$(this).css('background','url(http://www.luke.org/images/subnav_bg_1.png)');
			clearTimeout(gpSubMenu.t[$(this).parent().attr("id").replace(/(sub)?nav\_/,"")]);
		},
		function()
		{
			$(this).css('background','url(http://www.luke.org/images/subnav_bg_0.png)');
			gpSubMenu.close($(this).parent().attr("id").replace(/(sub)?nav\_/,""))
		}
	);

});