def_path = "http://lycan.slbloodlines.com/";
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 writeMeter(id,amount,maxamount,w){
  constant = w/maxamount;
  $("#"+id).css('width',(constant*amount)+"px");
}
function writeLumenMeter(lumens,w){
  constant = w/50;
  //200px/5L 40px/L
  $('#lumenmeter').css('width',(constant*lumens)+"px");
}
function writePrismMeter(id,amount,maxamount,w){
  constant = w/maxamount;
	$("#"+id).css('width',(constant*amount)+"px");
}

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);
}

function residentReplace()
{
	$("h1").each(function(){
  	removeResident($(this));
  });
	$("a").each(function(){
  	removeResident($(this));
  });
	$("span.name").each(function(){
		removeResident($(this));
	});
}
function removeResident(el)
{
	var inside = el.html();
	var innerArray = inside.split(" ");
	if(innerArray[1] == "Resident") 
		el.html(innerArray[0]);
}

$(document).ready(function(){
   residentReplace();
	 //rollovers
   $('#navlist > li > a > img').bind('mouseover',roll_over)   ;
   $('#navlist > 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);

	 
});