/**
* Global JavaScript Definitions
*
* @author Matt Gifford
* @copyright 2009 Timeshifting Interactive Limited
* @version 2.0
*/
var viewHandler = WebPage;
var onloadHandler = function()
{
if (viewHandler !== WebPage)
{
// Extend the base page class and create the xhtml object
viewHandler.inheritsFrom( WebPage );
xhtml = new viewHandler();
}
else
{
// Create a generic page xhtml object
xhtml = new WebPage();
}
// Main page initialization
xhtml.init();
}
// Queue onload handler
if (typeof(dojo) != 'undefined') dojo.addOnLoad(onloadHandler);
else if (typeof(YAHOO) != 'undefined') YAHOO.util.Event.onDOMReady(onloadHandler);
else if (typeof(window.jQuery) != 'undefined') $(document).ready(onloadHandler);
else window.onload = onloadHandler;
/**
* Creates a new WebPage object with methods used by all pages, can be extended to add page specific methods.
*
* @author Matt Gifford
* @copyright 2009 Timeshifting Interactive Limited
*/
function WebPage()
{
// Step 1. Define Properties
var _instance = this;
this.initialized = false;
this.debug = false;
this.emptyFunction = function() {};
this.log = function(msg) { if (typeof(console) != 'undefined') { console.log(msg); } };
// Step 2. Define Public Methods
/**
* Sets up the initial page state and event handlers
*/
this.init = function()
{
this.initAnchors();
this.initInputButtons();
// Set class as initialized
this.initialized = true;
}
/**
* Adds standard event handlers to process in-page links and offsite links
*/
this.initAnchors = function()
{
var links = document.getElementsByTagName('a');
for (var x = 0; x < links.length; x++)
{
// 1. Make offsite links and pdfs open in a new tab/window
if (/\b(offsite|pdf)\b/.exec(links[x].className))
{
links[x].onclick = function()
{
window.open(this.href,'_blank');
return false;
}
}
// 2. Set the active class on links to the current page
if ((links[x].href == window.location.href || links[x].href == window.location.href + 'index.html') && links[x].href.indexOf('#') == -1)
{
if (links[x].className.indexOf('active') == -1)
{
links[x].className += ' active';
}
}
}
}
/**
* Adds rollover support to input[type=image] elements
*/
this.initInputButtons = function()
{
var rolloverCache = [];
var inputs = document.getElementsByTagName('input');
for (var x = 0; x < inputs.length; x++)
{
// Check if it's an image button with a roll over
if (inputs[x].type == 'image' && inputs[x].className.indexOf('hasRollover') != -1)
{
// 1. Add event handlers to swap the images
inputs[x].onmouseover = function()
{
this.src = this.src.replace(/\.(gif|jpg|png)/, '-over.$1');
}
inputs[x].onmouseout = function()
{
this.src = this.src.replace(/-over\.(gif|jpg|png)/, '.$1');
}
// 2. Pre-cache the rollover image
var newImage = new Image();
newImage.src = inputs[x].src.replace(/\.(gif|jpg|png)/i, '-over.$1');
rolloverCache[rolloverCache.length] = newImage;
}
}
}
/**
* Shares the current page on the specified network
*
* @param network The network to share on (optional, displays full share dialog if omitted)
*/
this.share = function(network)
{
// Update the share params
this.shareUpdate();
// Select the correct url to throw
switch (network)
{
case 'Facebook':
var url = 'http://www.facebook.com/sharer.php?u=%url%&t=%title%';
break;
case 'Twitter':
var url = 'http://twitter.com/home?status=Currently+reading+%url%';
break;
case 'Digg':
var url = 'http://digg.com/submit?url=%url%&title=%title%';
break;
case 'MySpace':
var url = 'http://www.myspace.com/Modules/PostTo/Pages/?u=%url%&t=%title%';
break;
default:
// No network specified, so display share box
xhtml.shareDialog();
return;
}
// Confirm, add the content and throw
if (confirm('Would you like to post this item to your ' + network + ' account?') == true)
{
url = url.replace('%url%', encodeURIComponent(document.getElementById('shareURL').getAttribute('content')));
url = url.replace('%title%', encodeURIComponent(document.getElementById('shareTitle').getAttribute('content')));
// Throw the url
if (network == 'Facebook')
{
window.open(url,'sharer','toolbar=0,status=0,width=626,height=436');
}
else
{
window.open(url, '_blank');
}
return false;
}
}
/**
* Updates the share this meta tags from the anchor clicked on
*
* @param obj The anchor clicked on
*/
this.shareUpdate = function(obj)
{
if (arguments.length && obj && obj.getAttribute('rel') != '')
{
// Update with the supplied values
document.getElementById('shareURL').setAttribute('content', obj.getAttribute('rel'));
document.getElementById('shareTitle').setAttribute('content', obj.getAttribute('title'));
}
else
{
document.getElementById('shareURL').setAttribute('content', window.location.href);
document.getElementById('shareTitle').setAttribute('content', document.title);
}
}
/**
* Displays the share this dialog (social networking or email)
*/
this.shareDialog = function(obj)
{
// Update the share params, if new ones were supplied
if (arguments.length)
{
xhtml.shareUpdate(obj);
}
// Kill any existing share dialog
if (!!document.getElementById('share') == true)
{
document.body.removeChild( document.getElementById('share') );
}
// Build the dialog html
var html = [];
html.push('');
html.push('