// generate variations on an image filename, viz.
// name_type.ext
// so: button_over.gif, button_off.gif, button_active.gif
// etc.
// use these later for rollover effects 
function genSrc(obj){
	var parts = obj.attr("src").split(".");
	var ext = parts.pop();
	parts = parts.join("").split("_");
	var kind = parts.pop();
	var name = parts.join("_");
	obj.attr({
		oversrc : name + "_over." + ext,
		//offsrc : name + "_" + kind + "." + ext,
		offsrc : name + "_off." + ext,
		activesrc : name + "_active." + ext,
		altover : name + "_altover." + ext,
		altoff : name + "_altoff." + ext
	});
}

function tri_toggle(img, text){
	img.attr({ 
		oversrc : img.attr("altover"), 
		offsrc : img.attr("altoff"),
		altover : img.attr("oversrc"),
		altoff : img.attr("offsrc")
	});
	text.slideToggle();
}


function make_triangle_menu(jq_obj){
	var a = jq_obj.children("a");
	var im = a.children("img");
	var text = jq_obj.children("div");
	im.css({ border : "none", verticalAlign : "text-top"});
	text.css({ display : "none" });
	
	genSrc(im);
	
	im.hover( function(){
			$(this).attr("src",$(this).attr("oversrc"));
		}, function(){
			$(this).attr("src",$(this).attr("offsrc"));
	});	

	a.hover( function(){
			im.attr("src",im.attr("oversrc"));
		}, function(){
			im.attr("src",im.attr("offsrc"));
	});	

	a.attr("href","javascript: void false");
	a.click(function(){tri_toggle(im, text);});
}


$(function(){
	
	//////////////////////////////////////////////
	// main menu
	
	$('ul.jd_menu_vertical').jdMenu({ offsetX : 10, offsetY : 10});

	//////////////////////////////////////////////	
	// upper left, main rollover menu square bullet images
	
	$('img.squarebullet').css({"vertical-align":"text-top"});	

	$('img.squarebullet').each(function(){genSrc($(this));});
	
	$('a.menu').hover( function(){
			var child = $(this).children("img.squarebullet");
			child.attr("src",child.attr("oversrc"));
		}, function(){
			var child = $(this).children("img.squarebullet");
			child.attr("src",child.attr("offsrc"));
	});
	
	
	//////////////////////////////////////////////
	// upper left, main rollover menu images
	
	$('img.menubutton').each(function(){genSrc($(this));});
	
	$('img.menubutton').hover( function(){
			$(this).attr("src",$(this).attr("oversrc"));
		}, function(){
			$(this).attr("src",$(this).attr("offsrc"));
	});

	
	//////////////////////////////////////////////
	// open/close detail triangles
	
	$('div.menu_tri').each(function(){make_triangle_menu($(this));});
	
});