var soul_on = new Image(); soul_on.src = def_path+"/images/icon_soul_on.gif";
var abyss_on = new Image(); abyss_on.src = def_path+"/images/icon_abyss_on.gif";

function soul_over(){
  var imgsrc = $(this).children('img').attr('src');
	imgsrcNew = imgsrc.replace(/.gif$/ig,"_on.gif");
	$(this).children('img').attr('src',imgsrcNew);
}

function soul_out(){
  var imgsrc = $(this).children('img').attr('src');
	imgsrcNew = imgsrc.replace(/_on.gif$/ig,".gif");
	$(this).children('img').attr('src',imgsrcNew);
}




$(document).ready(function(){
   //rollovers 
	 $('.soul > a').bind('mouseover',soul_over);
	 $('.soul > a').bind('mouseout',soul_out);
	 
	 //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'
        }
		 } 
		});
});