// define a temporary shortcut for the jQuery function
var $J = jQuery;
// detect IE, and add an `ie` and `ie6` classes to the element if found;
// this is used for various CSS & JS workarounds.
$J(document).ready(function () {
if ( !! /MSIE/.test(navigator.userAgent) ) $J('html').addClass('ie');
if ( !! /MSIE 6/.test(navigator.userAgent) ) $J('html').addClass('ie6');
});
//*** TMUtility Class *********************************************************/
var TMUtility = new function () {
return {
debug: false,
start: new Date().getTime(),
timestamp: function () {
return (new Date().getTime() - this.start)+'ms';
},
trace: function () {
// abort if not debugging
if ( ! this.debug) return;
// this is supposed to turn the `arguments` object into a proper
// array, but doesn't appear to work..
// var args = [].splice.call(arguments, 0);
// collect the arguments as an array
var args = [];
var i = 0;
while (i < arguments.length) args[i] = arguments[i++];
// attempt to trace to the console
try { console.log(args) } catch ($x) {}
// create an element to trace into visually
if ( ! $J('body #tm-util-trace').length )
$J('').attr({ id:'tm-util-trace' }).appendTo($J('body'));
// add an item into the list
$J('#tm-util-trace').prepend(
$J('')
.append( $J('').html( this.timestamp() ) )
.append( $J('').html( args.join(' ') ) )
);
}
};
}();
/*** TMMasthead Class *********************************************************/
var TMMasthead = function ($element, $data, $options) {
this.initialize.apply(this, arguments);
}
$J.extend(TMMasthead, {
PREFIX: 'tm-masthead-',
DEFAULT_FADE_MS: 'slow' // 'fast'|'slow'|integer_ms
});
$J.extend(TMMasthead.prototype, {
element: null,
content: null,
menu: null,
imageMap: null,
tabs: [],
data: null,
timer: null,
index: 0,
hover: null,
initialize: function ($element, $data, $options) {
TMUtility.trace('TMMasthead instance initialized');
// store the data
this.data = $data;
// get the options
$options = $options || {};
if ( $options.cufon !== false ) $options.cufon = true;
// set the `use-cufon` class, if applicable
if ( ! $J('.ie').length && $options.cufon ) {
$J('html').addClass('use-cufon');
}
// reference elements
this.element = $J($element).bind('mouseenter mouseleave', { scope:this }, this.onMouseEvent);
this.content = $J('.'+TMMasthead.PREFIX+'content', this.element);
this.menu = $J('.'+TMMasthead.PREFIX+'menu', this.element);
this.imageMap = $J('map', this.element);
// set the `hover` flag
this.hover = false;
// create the tabs
var tab, d;
var tray = $J('.'+TMMasthead.PREFIX+'tray', this.element);
for (var i=0; i')
.css({ opacity:0 })
.bind('load', { scope:this }, this.onImageEvent)
.attr({ src:d.src });
// determine if this is anchor-linked, or image-mapped
if ( d.map ) {
// image-mapped; determine if