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;

        var nameLink = '#namelink_' + number[1].toString();
        jQuery(nameLink).attr("style", "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;
        var nameLink = '#namelink_' + number[1].toString();
        jQuery(nameLink).attr("style", "");

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


    jQuery("a.linkStyle").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
          var nameLink = '#namelink_' + number[1].toString();
          jQuery(nameLink).attr("style", "");
          
          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
          var nameLink = '#namelink_' + number[1].toString();
          jQuery(nameLink).attr("style","");
          
          unScalePersonFieldAndImage(personid, imageid);
      }
  );



});