jQuery.noConflict();

function scalePersonFieldAndImage(personid,imageid){ 
	// scale personfield
	var cssObj = {
  	position: "relative",
    top: "-6px",
		left: "-6px",
    margin: "0px -11px -11px 0px",
    border: "solid 1px #aaa"
   };
  jQuery(personid).css(cssObj);
  jQuery(personid).css("z-index", "10"); 
   //scale image
	var cssObj = {
		width: "72px",
		height: "72px"
   	};
   jQuery(imageid).css(cssObj);
	// change image src
	src = jQuery(imageid).attr('src');
	// basename
	img = src.replace( /.*\//, "" );
	// set attr
	src = jQuery(imageid).attr('src', 'http://www.oxfordgroup.dk/library/pictures/peoplePics_72_72/' + img);
}

function unScalePersonFieldAndImage(personid,imageid){ 
  // un-scale personfield
	var cssObj = {
    top: "0",
		left: "0",	    
		width: "auto",
		height: "auto",
    margin: "0 1px 1px 0",
    border: "solid 0px rgb(0,0,0)"
  };
  jQuery(personid).css(cssObj);
  jQuery(personid).css("z-index", "1"); 
  // unscale image
  var cssImg = {
    width: "62px",
    height: "62px"
  };
  jQuery(imageid).css(cssImg); 
}

jQuery(document).ready(function() {
	// do stuff when DOM is ready
 
	jQuery("div.personField").hover(
    function () {
		var id = jQuery(this).attr('id');
		// highlight text
		var number = id.split('_');
		var nameid = '#name_' + number[1].toString();
		var imageid = '#image_' + number[1].toString();
		var personid = '#' + id;
    jQuery(nameid).css( "background-color","#E9E7DA");
		// scale personfield
		scalePersonFieldAndImage(personid, imageid);
    }, 
    function () {
      // un-highlight text
	    var id = jQuery(this).attr('id');
	    var number = id.split('_');
	    var nameid = 'name_' + number[1].toString();
	    var imageid = '#image_' + number[1].toString();
	    var personid = '#' + id;
      jQuery("#" + nameid).css( "background-color","#FFF");

	    // un-scale personfield
			unScalePersonFieldAndImage(personid, imageid);
    }
	);


   jQuery("span.nameSpan").hover(
      function () {
				var id = jQuery(this).attr('id');
				var number = id.split('_');
				var personid = '#person_' + number[1].toString();
	   		var imageid = '#image_' + number[1].toString();						
	    	// scale personfieldand scale image
				scalePersonFieldAndImage(personid, imageid);
      }, 
      function () {
				var id = jQuery(this).attr('id');
				var number = id.split('_');
				var personid = '#person_' + number[1].toString();
	  		var imageid = '#image_' + number[1].toString();				
				// un-scale personfield and unscale image
				unScalePersonFieldAndImage(personid, imageid);	     
      }
  );
		


});