$(document).ready(function() {
	/*
		images must be of form tab_<name>_off.jpg, tab_<name>_on.jpg, tab_<name>_hover.jpg
	*/
	/*
		these must correspond to the <a id=...>'s inside tab_button classes
	*/
	var tabs = ["overview", "admin", "donqa", "clinician", "staff", "billing"]

	/* relative path to images! */
	var imagepath = "../images/am/";
	
$('.tab_button').each(function() {
		var imgname = $(this).find('a').attr('id');
		var linkbox = $(this).find('a');

		var name_begin = imgname.indexOf('_') + 1;
		var name = imgname.substring(name_begin, imgname.length);  
		linkbox.mouseover(function() {
			var display = $("#" + name).css("display");
			if (display != "inline" && display != "block") {
				$(this).find('img').attr('src', imagepath + imgname + "_hover.jpg");
			}
		//$("#debug").html("debug: " + $("#" + name).css("display"));
		});
		linkbox.mouseout(function() {
			var display = $("#" + name).css("display");
			if (display != "inline" && display != "block") {
				$(this).find('img').attr('src', imagepath + imgname + "_off.jpg");
			}
		});
	});

	/* set all tabs hidden Except first one */
	hide_tab_content(tabs, 1);

	$('.tab_button').click(function(e) {
		e.preventDefault();
		var page = $(this).find('a').attr('id');

		hide_tab_content(tabs, 0);
		set_images(page);

		for (var i = 0; i < tabs.length; i++) {
			if ("tab_" + tabs[i] == page) {
				$("#" + tabs[i]).css("display", "inline");
				break;
			}
		}

		//$("#debug").html("debug: tab found: " + page);
	});

	/* set all tabs hidden starting from index (in tabs array)*/
	function hide_tab_content(tabs, index) {
		for (var i = index; i < tabs.length; i++) {
			$("#" + tabs[i]).css("display", "none");
		}
	}

	/*
		set all images to their _off values
		except for the tab name given in on_tab which is set to on

		images must be of form:
		tab_<name>_off/on.jpg
	 */
	function set_images(on_tab) {
		$('.tab_button').each(function() {
			var name = $(this).find('a').attr('id');

			if (name == on_tab) {
				$(this).find('img').attr('src', imagepath + name + "_on.jpg");
			} else {
				$(this).find('img').attr('src', imagepath + name + "_off.jpg");
			}
		});
	}
});