function createTextBlock(p, c, r, ro) {
    var h = jQuery(".headshot").height();
    var w = jQuery(".headshot").width();
    
    switch(ro) {
            case 'up':
                nx = p.left;
                ny = p.top - h;
                break;
            case 'left':
                nx = p.left - w;
                ny = p.top;
                break;
            case 'right':
                nx = p.left + w;
                ny = p.top;
                break;
            default:
                nx = p.left;
                ny = p.top + h;
    }
    
    var aw = w-10;
    var ah = w-20;

    var mainText = jQuery('#' + r + '_' + c).find('.mainText').html();
    var box = '<div id=\"details_box\" style=\"font-size:1em;position:absolute; overflow:auto; padding: 10px 5px; width:'+aw+'px; min-height:'+ah+'px; background-color:#F6F6F6;color:#00AEEE; left:' + nx + 'px; top:' + ny + 'px;\">' + mainText + '</div>';	

    jQuery(box).appendTo('#teamGallery');
}


jQuery(document).ready( function() {	
    jQuery('.my_link').hide();
    //jQuery('.hover', 'img').hide();

    //jQuery('.headshot').find('.hover').hide();
    jQuery('.headshot').find('.mainText').hide();
    jQuery('.headshot').find('.personText').hide();



    jQuery('.headshot').hover( function() {
            if(jQuery(this).find('.my_link').html() != '') {
                    jQuery(this).find('.im').show();
                    var im = jQuery(this).find('.main_image');
                    var alt = jQuery(this).find('.hover_image');
                    var cur = im.attr('src');
                    im.attr('src',alt.attr('src'));
                    alt.attr('src',cur);
                    jQuery(this).find('.hover').show();

                    var d = jQuery(this).parent().find('.to_show');
                    jQuery(d).find('span.off').hide();
                    jQuery(d).find('span.over').show();

                    var myName = jQuery(this).attr('id');
                    var rc = myName.split('_');
                    var r = rc[0];
                    var c = rc[1];
                    var pos = jQuery(this).position();
                    //alert(pos.left);
                    ro = jQuery(this).find('.my_rollover_dir').html();
                    createTextBlock(pos, c, r, ro);


            }
    }, function() {
            var d = jQuery(this).parent().find('.to_show');
            //jQuery('.hover').hide();
            jQuery(d).find('span.off').show();
            jQuery(d).find('span.mainText').hide();
            var im = jQuery(this).find('.main_image');
                    var alt = jQuery(this).find('.hover_image');
                    var cur = im.attr('src');
                    im.attr('src',alt.attr('src'));
                    alt.attr('src',cur);
            jQuery('#details_box').remove();
    });
});