var nav1_on = new Image();
nav1_on.src = def_path+"/images/nav1_on.jpg";
var nav2_on = new Image();
nav2_on.src = def_path+"/images/nav2_on.jpg";
var nav3_on = new Image();
nav3_on.src = def_path+"/images/nav3_on.jpg";
var nav4_on = new Image();
nav4_on.src = def_path+"/images/nav4_on.jpg";
var nav5_on = new Image();
nav5_on.src = def_path+"/images/nav5_on.jpg";
var nav6_on = new Image();
nav6_on.src = def_path+"/images/nav6_on.jpg";
var nav_h1_on = new Image();
nav_h1_on.src = def_path+"/images/header_nav1_on.jpg";
var nav_h2_on = new Image();
nav_h2_on.src = def_path+"/images/header_nav2_on.jpg";
var nav_h3_on = new Image();
nav_h3_on.src = def_path+"/images/header_nav3_on.jpg";

function roll_over() {
	var imgsrc = $(this).attr('src');
	var matches = imgsrc.match('_on');
	if (!matches) {
		imgsrcON = imgsrc.replace(/.jpg$/ig,"_on.jpg");
		$(this).attr("src", imgsrcON);
	}
}

function roll_out() {
	var imgsrc = $(this).attr('src');
	imgsrcOFF = imgsrc.replace(/_on.jpg$/ig,".jpg");
	$(this).attr("src", imgsrcOFF);
}

$(document).ready( function() {
	//rollovers
	$('#nav > ul > li > a > img').bind('mouseover',roll_over)   ;
	$('#nav > ul > li > a > img').bind('mouseout',roll_out);

	$('#headernav > ul > li.hlink > a > img').bind('mouseover',roll_over)   ;
	$('#headernav > ul > li.hlink > a > img').bind('mouseout',roll_out);

	$('#rightbutton > a > img').bind('mouseover',roll_over)   ;
	$('#rightbutton > a > img').bind('mouseout',roll_out);

	//table row links
	$("tr.link > td").click( function() {
		window.location.href = $(this).parents("tr").attr("title");
	});
	$("tr.link > td").hover( function() {
		$(this).parents("tr").addClass('hover');
	}, function() {
		$(this).parents("tr").removeClass('hover');
	}
	);

	//tooltips:
	$('img[title]').qtip({
		style: {
			name: 'dark',
			tip:true
		},
		position: {
			corner: {
				target: 'rightMiddle',
				tooltip: 'leftMiddle'
			}
		}
	});

	$('a[title]').qtip({
		style: {
			name: 'dark',
			tip:true
		},
		position: {
			corner: {
				target: 'rightMiddle',
				tooltip: 'leftMiddle'
			}
		}
	});
	$('span[title]').qtip({
		style: {
			name: 'dark',
			tip:true
		},
		position: {
			corner: {
				target: 'rightMiddle',
				tooltip: 'leftMiddle'
			}
		}
	});
	$('td[title]').qtip({
		style: {
			name: 'dark',
			tip:true
		},
		position: {
			corner: {
				target: 'rightMiddle',
				tooltip: 'leftMiddle'
			}
		}
	});
});