function showInfo(img, gamertag, show_avatar)
{
     var iframe = '<iframe class="gamercardframe" scrolling="no" height="140" width="204" src="http://gamercard.xbox.com/'+ gamertag +'.card"></iframe>';
	 if(show_avatar)
		iframe += '<img src="http://avatar.xboxlive.com/avatar/'+gamertag+'/avatar-body.png" style="position: absolute; top: -100px" />';
     
	 setInfoPosition(iframe,img);
}

function showInfoPSN(img, gamertag)
{
        setInfoPosition("<div class='psncard'>PSN-Nick<br/><strong>" + gamertag + "</strong></div>",img);
}


function showInfoWii(img, gamertag)
{
     setInfoPosition("<div class='wiicard'>Wii-Friendcode<br/><strong>" + gamertag + "</strong></div>",img);
}

function showInfoSteam(img, gamertag)
{
     setInfoPosition("<div class='steamcard'>Steam-ID<br/><strong>" + gamertag + "</strong></div>",img);
}

function setInfoPosition(inlinecode,img)
{
     var gc = document.getElementById('gamercard');
     var pos = absolutePosition(img);
     pos[0]+=90;
     pos[1]-=10; //300px Ava height
     gc.innerHTML = inlinecode;
     gc.style.left = pos[0] + "px";
     gc.style.top = pos[1] + "px";
     gc.className = 'gamercardshow';
     gc.style.display = 'inline';
	 gc.style.width = 'auto';
}

function hideInfo()
{
     var gc = document.getElementById('gamercard');
     gc.style.display = 'none';
     gc.className = 'infohidden';
     
}

function gotoInfo(gamertag)
{
   var gamercardwindow = window.open('http://live.xbox.com/member/'+gamertag);
}

function absolutePosition(element) {
    var top = 0, left = 0;
    do {
      top += element.offsetTop  || 0;
      left += element.offsetLeft || 0; 
      element = element.offsetParent;
    } while (element);
    return [left, top];
}