");
containerTemplate.push("close");
// Build the container
var node = document.createElement('div');
node.id = 'sharePageContainer';
node.innerHTML = containerTemplate.join("\n");
// Add the classes
var classes = ['blinklist', 'delicious', 'digg', 'facebook', 'furl', 'google', 'magnolia', 'netscape', 'newsvine', 'reddit', 'stumbleupon', 'tailrank', 'technorati', 'windowslive', 'yahoomyweb'];
// Position the container
var position = this._positionContainer(obj);
node.style.left = position.left + 'px';
node.style.top = position.top + 'px';
// Add the container to the document
document.body.appendChild( node );
},
/**
* Finds the absolute position of an object on the page
*
* @param obj The object to find the position of
*
* @return Object with 'x' and 'y' proprieties for the object's location absolute on the page
*/
_getObjectPosition: function(obj)
{
var x = 0;
var y = 0;
do
{
if (obj.offsetLeft)
{
x += obj.offsetLeft;
}
if (obj.offsetTop)
{
y += obj.offsetTop;
}
}
while ( obj = obj.offsetParent );
// Return an object
return {x : (x * 1), y : (y * 1)}
},
/**
* Calculates the position of the share container
*
* @param obj The node to align to
* @return The new position
*/
_positionContainer: function(obj)
{
var position = this._getObjectPosition(obj);
var left = (position.x - 250);
var top = (position.y - 125);
// Bound top left
if (left < 40)
{
left = 40;
}
if (top < 40)
{
top = 40;
}
// Bound bottom right
if ( (document.body.offsetWidth - 540) < left)
{
left = (document.body.offsetWidth - 540);
}
if ( (document.body.offsetHeight - 300) < top)
{
top = (document.body.offsetHeight - 300);
}
// Return the position
return {left : left, top : top}
},
/**
* Updates the position and sizing of the overlay (and creates it if it doesn't exist)
*/
_updateOverlay: function()
{
// Add the overlay if it doesn't already exist
if (!document.getElementById('sharePageOverlay'))
{
var overlay = document.createElement('div');
overlay.id = 'sharePageOverlay';
overlay.style.position = 'absolute';
overlay.style.left = '0px';
overlay.style.top = '0px';
overlay.style.background = '#000';
overlay.style.zIndex = 500;
overlay.style.opacity = 0.6;
overlay.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=60)';
document.body.appendChild( overlay );
}
// Resize the overlay
var overlay = document.getElementById('sharePageOverlay');
overlay.className = 'hidden';
overlay.style.width = document.body.offsetWidth + 'px';
overlay.style.height = (document.documentElement.clientHeight < document.body.offsetWidth ? document.body.offsetWidth : document.documentElement.clientHeight) + 'px';
overlay.className = '';
},
/**
* Builds the params for the ajax email request
*/
_buildFormParams: function()
{
var params = [];
// Add the share information
params.push( 'url=' + this.currentUrl );
params.push( 'title=' + this.currentTitle );
// Add the user information
var inputs = document.getElementById('sharePageContainer').getElementsByTagName('input');
for (var x = 0; x < 3; x++)
{
params.push( encodeURIComponent(inputs[x].name) + '=' + encodeURIComponent(inputs[x].value) );
}
// Return the built params
return params.join('&');
}
}