/* * Copyright (c) 2009 Simo Kinnunen. * Licensed under the MIT license. * * @version 1.09 */ var Cufon=(function(){var m=function(){return m.replace.apply(null,arguments)};var x=m.DOM={ready:(function(){var C=false,E={loaded:1,complete:1};var B=[],D=function(){if(C){return}C=true;for(var F;F=B.shift();F()){}};if(document.addEventListener){document.addEventListener("DOMContentLoaded",D,false);window.addEventListener("pageshow",D,false)}if(!window.opera&&document.readyState){(function(){E[document.readyState]?D():setTimeout(arguments.callee,10)})()}if(document.readyState&&document.createStyleSheet){(function(){try{document.body.doScroll("left");D()}catch(F){setTimeout(arguments.callee,1)}})()}q(window,"load",D);return function(F){if(!arguments.length){D()}else{C?F():B.push(F)}}})(),root:function(){return document.documentElement||document.body}};var n=m.CSS={Size:function(C,B){this.value=parseFloat(C);this.unit=String(C).match(/[a-z%]*$/)[0]||"px";this.convert=function(D){return D/B*this.value};this.convertFrom=function(D){return D/this.value*B};this.toString=function(){return this.value+this.unit}},addClass:function(C,B){var D=C.className;C.className=D+(D&&" ")+B;return C},color:j(function(C){var B={};B.color=C.replace(/^rgba\((.*?),\s*([\d.]+)\)/,function(E,D,F){B.opacity=parseFloat(F);return"rgb("+D+")"});return B}),fontStretch:j(function(B){if(typeof B=="number"){return B}if(/%$/.test(B)){return parseFloat(B)/100}return{"ultra-condensed":0.5,"extra-condensed":0.625,condensed:0.75,"semi-condensed":0.875,"semi-expanded":1.125,expanded:1.25,"extra-expanded":1.5,"ultra-expanded":2}[B]||1}),getStyle:function(C){var B=document.defaultView;if(B&&B.getComputedStyle){return new a(B.getComputedStyle(C,null))}if(C.currentStyle){return new a(C.currentStyle)}return new a(C.style)},gradient:j(function(F){var G={id:F,type:F.match(/^-([a-z]+)-gradient\(/)[1],stops:[]},C=F.substr(F.indexOf("(")).match(/([\d.]+=)?(#[a-f0-9]+|[a-z]+\(.*?\)|[a-z]+)/ig);for(var E=0,B=C.length,D;E0){E=" "+E}}else{if(B400}if(I==500){I=400}for(var J in G){if(!k(G,J)){continue}J=parseInt(J,10);if(!F||JD){D=J}K.push(J)}if(ID){I=D}K.sort(function(M,L){return(E?(M>=I&&L>=I)?ML:(M<=I&&L<=I)?M>L:MO){O=K}if(I>N){N=I}if(Kcufoncanvas{text-indent:0;}@media screen{cvml\\:shape,cvml\\:rect,cvml\\:fill,cvml\\:shadow{behavior:url(#default#VML);display:block;antialias:true;position:absolute;}cufoncanvas{position:absolute;text-align:left;}cufon{display:inline-block;position:relative;vertical-align:'+(h?"middle":"text-bottom")+";}cufon cufontext{position:absolute;left:-10000in;font-size:1px;}a cufon{cursor:pointer}}@media print{cufon cufoncanvas{display:none;}}").replace(/;/g,"!important;"));function c(i,j){return a(i,/(?:em|ex|%)$|^[a-z-]+$/i.test(j)?"1em":j)}function a(l,m){if(m==="0"){return 0}if(/px$/i.test(m)){return parseFloat(m)}var k=l.style.left,j=l.runtimeStyle.left;l.runtimeStyle.left=l.currentStyle.left;l.style.left=m.replace("%","em");var i=l.style.pixelLeft;l.style.left=k;l.runtimeStyle.left=j;return i}function f(l,k,j,n){var i="computed"+n,m=k[i];if(isNaN(m)){m=k.get(n);k[i]=m=(m=="normal")?0:~~j.convertFrom(a(l,m))}return m}var g={};function d(p){var q=p.id;if(!g[q]){var n=p.stops,o=document.createElement("cvml:fill"),i=[];o.type="gradient";o.angle=180;o.focus="0";o.method="sigma";o.color=n[0][1];for(var m=1,l=n.length-1;m":{"d":"28,-174r129,66r0,16r-129,66r0,-19r108,-55r-108,-54r0,-20","w":185},"`":{"d":"61,-190v-24,2,-24,-20,-37,-30v-10,-13,-15,-20,-15,-27v0,-8,6,-13,13,-13v21,3,28,51,39,70","w":85},"\u00a0":{"w":64}}}); /* * jQuery Expander plugin * Version 0.4 (12/09/2008) * @requires jQuery v1.1.1+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * */ (function($) { $.fn.expander = function(options) { var opts = $.extend({}, $.fn.expander.defaults, options); var delayedCollapse; return this.each(function() { var $this = $(this); var o = $.meta ? $.extend({}, opts, $this.data()) : opts; var cleanedTag, startTags, endTags; var allText = $this.html(); var startText = allText.slice(0, o.slicePoint).replace(/\w+$/,''); startTags = startText.match(/<\w[^>]*>/g); if (startTags) {startText = allText.slice(0,o.slicePoint + startTags.join('').length).replace(/\w+$/,'');} if (startText.lastIndexOf('<') > startText.lastIndexOf('>') ) { startText = startText.slice(0,startText.lastIndexOf('<')); } var endText = allText.slice(startText.length); // create necessary expand/collapse elements if they don't already exist if (!$('span.details', this).length) { // end script if text length isn't long enough. if ( endText.replace(/\s+$/,'').split(' ').length < o.widow ) { return; } // otherwise, continue... if (endText.indexOf(' -1) { endTags = endText.match(/<(\/)?[^>]*>/g); for (var i=0; i < endTags.length; i++) { if (endTags[i].indexOf(' -1) { var startTag, startTagExists = false; for (var j=0; j < i; j++) { startTag = endTags[j].slice(0, endTags[j].indexOf(' ')).replace(/(\w)$/,'$1>'); if (startTag == rSlash(endTags[i])) { startTagExists = true; } } if (!startTagExists) { startText = startText + endTags[i]; var matched = false; for (var s=startTags.length - 1; s >= 0; s--) { if (startTags[s].slice(0, startTags[s].indexOf(' ')).replace(/(\w)$/,'$1>') == rSlash(endTags[i]) && matched == false) { cleanedTag = cleanedTag ? startTags[s] + cleanedTag : startTags[s]; matched = true; } }; } } } endText = cleanedTag && cleanedTag + endText || endText; } $this.html([ startText, '', o.expandPrefix, '', o.expandText, '', '', '', endText, '' ].join('') ); } var $thisDetails = $('span.details', this), $readMore = $('span.read-more', this); $thisDetails.hide(); $readMore.find('a').click(function() { $readMore.hide(); if (o.expandEffect === 'show' && !o.expandSpeed) { o.beforeExpand($this); $thisDetails.show(); o.afterExpand($this); delayCollapse(o, $thisDetails); } else { o.beforeExpand($this); $thisDetails[o.expandEffect](o.expandSpeed, function() { $thisDetails.css({zoom: ''}); o.afterExpand($this); delayCollapse(o, $thisDetails); }); } return false; }); if (o.userCollapse) { $this .find('span.details').append('' + o.userCollapsePrefix + '' + o.userCollapseText + ''); $this.find('span.re-collapse a').click(function() { clearTimeout(delayedCollapse); var $detailsCollapsed = $(this).parents('span.details'); reCollapse($detailsCollapsed); o.onCollapse($this, true); return false; }); } }); function reCollapse(el) { el.hide() .prev('span.read-more').show(); } function delayCollapse(option, $collapseEl) { if (option.collapseTimer) { delayedCollapse = setTimeout(function() { reCollapse($collapseEl); option.onCollapse($collapseEl.parent(), false); }, option.collapseTimer ); } } function rSlash(rString) { return rString.replace(/\//,''); } }; // plugin defaults $.fn.expander.defaults = { slicePoint: 100, // the number of characters at which the contents will be sliced into two parts. // Note: any tag names in the HTML that appear inside the sliced element before // the slicePoint will be counted along with the text characters. widow: 4, // a threshold of sorts for whether to initially hide/collapse part of the element's contents. // If after slicing the contents in two there are fewer words in the second part than // the value set by widow, we won't bother hiding/collapsing anything. expandText: 'read more', // text displayed in a link instead of the hidden part of the element. // clicking this will expand/show the hidden/collapsed text expandPrefix: '… ', collapseTimer: 0, // number of milliseconds after text has been expanded at which to collapse the text again expandEffect: 'fadeIn', expandSpeed: '', // speed in milliseconds of the animation effect for expanding the text userCollapse: true, // allow the user to re-collapse the expanded text. userCollapseText: '[collapse expanded text]', // text to use for the link to re-collapse the text userCollapsePrefix: ' ', beforeExpand: function($thisEl) {}, afterExpand: function($thisEl) {}, onCollapse: function($thisEl, byUser) {} }; })(jQuery); /* Copyright (c) 2007 Paul Bakaus (paul.bakaus@googlemail.com) and Brandon Aaron (brandon.aaron@gmail.com || http://brandonaaron.net) * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses. * * $LastChangedDate$ * $Rev$ * * Version: @VERSION * * Requires: jQuery 1.2+ */ (function($){ $.dimensions = { version: '@VERSION' }; // Create innerHeight, innerWidth, outerHeight and outerWidth methods $.each( [ 'Height', 'Width' ], function(i, name){ // innerHeight and innerWidth $.fn[ 'inner' + name ] = function() { if (!this[0]) return; var torl = name == 'Height' ? 'Top' : 'Left', // top or left borr = name == 'Height' ? 'Bottom' : 'Right'; // bottom or right return this.css('display') != 'none' ? this[0]['client' + name] : num( this, name.toLowerCase() ) + num(this, 'padding' + torl) + num(this, 'padding' + borr); }; // outerHeight and outerWidth $.fn[ 'outer' + name ] = function(options) { if (!this[0]) return; var torl = name == 'Height' ? 'Top' : 'Left', // top or left borr = name == 'Height' ? 'Bottom' : 'Right'; // bottom or right options = $.extend({ margin: false }, options || {}); var val = this.css('display') != 'none' ? this[0]['offset' + name] : num( this, name.toLowerCase() ) + num(this, 'border' + torl + 'Width') + num(this, 'border' + borr + 'Width') + num(this, 'padding' + torl) + num(this, 'padding' + borr); return val + (options.margin ? (num(this, 'margin' + torl) + num(this, 'margin' + borr)) : 0); }; }); // Create scrollLeft and scrollTop methods $.each( ['Left', 'Top'], function(i, name) { $.fn[ 'scroll' + name ] = function(val) { if (!this[0]) return; return val != undefined ? // Set the scroll offset this.each(function() { this == window || this == document ? window.scrollTo( name == 'Left' ? val : $(window)[ 'scrollLeft' ](), name == 'Top' ? val : $(window)[ 'scrollTop' ]() ) : this[ 'scroll' + name ] = val; }) : // Return the scroll offset this[0] == window || this[0] == document ? self[ (name == 'Left' ? 'pageXOffset' : 'pageYOffset') ] || $.boxModel && document.documentElement[ 'scroll' + name ] || document.body[ 'scroll' + name ] : this[0][ 'scroll' + name ]; }; }); $.fn.extend({ position: function() { var left = 0, top = 0, elem = this[0], offset, parentOffset, offsetParent, results; if (elem) { // Get *real* offsetParent offsetParent = this.offsetParent(); // Get correct offsets offset = this.offset(); parentOffset = offsetParent.offset(); // Subtract element margins offset.top -= num(elem, 'marginTop'); offset.left -= num(elem, 'marginLeft'); // Add offsetParent borders parentOffset.top += num(offsetParent, 'borderTopWidth'); parentOffset.left += num(offsetParent, 'borderLeftWidth'); // Subtract the two offsets results = { top: offset.top - parentOffset.top, left: offset.left - parentOffset.left }; } return results; }, offsetParent: function() { var offsetParent = this[0].offsetParent; while ( offsetParent && (!/^body|html$/i.test(offsetParent.tagName) && $.css(offsetParent, 'position') == 'static') ) offsetParent = offsetParent.offsetParent; return $(offsetParent); } }); function num(el, prop) { return parseInt($.curCSS(el.jquery?el[0]:el,prop,true))||0; }; })(jQuery); /** * jwplayerControlbar component of the JW Player. * * @author jeroen * @version 1.0alpha * @lastmodifiedauthor zach * @lastmodifieddate 2010-04-11 */ (function($) { var controlbars = {}; /** Hooking the jwplayerControlbar up to jQuery. **/ $.fn.jwplayerControlbar = function(player, domelement) { controlbars[player.id] = $.extend({}, $.fn.jwplayerControlbar.defaults, player.config.plugins.controlbar); buildElements(player, domelement); buildHandlers(player); }; $.fn.jwplayerControlbar.positions = { BOTTOM: 'BOTTOM', TOP: 'TOP', OVER: 'OVER' }; /** Map with config for the jwplayerControlbar plugin. **/ $.fn.jwplayerControlbar.defaults = { fontsize: 10, fontcolor: '000000', position: $.fn.jwplayerControlbar.positions.BOTTOM, leftmargin: 0, rightmargin: 0, scrubber: 'none' }; /** Draw the jwplayerControlbar elements. **/ function buildElements(player, domelement) { // Draw the background. domelement.parents(":first").append('
'); $("#" + player.id + '_jwplayerControlbar').css('position', 'absolute'); $("#" + player.id + '_jwplayerControlbar').css('height', player.skin.controlbar.elements.background.height); switch (controlbars[player.id].position) { case $.fn.jwplayerControlbar.positions.TOP: $("#" + player.id + '_jwplayerControlbar').css('top', 0); break; default: $("#" + player.id + '_jwplayerControlbar').css('top', player.height()); domelement.parents(":first").css('height', parseInt(domelement.parents(":first").css('height').replace('px', '')) + player.skin.controlbar.elements.background.height); break; } $("#" + player.id + '_jwplayerControlbar').css('background', 'url(' + player.skin.controlbar.elements.background.src + ') repeat-x center left'); // Draw all elements on top of the bar. buildElement('capLeft', 'left', true, player); buildElement('playButton', 'left', false, player); buildElement('pauseButton', 'left', true, player); buildElement('divider1', 'left', true, player); buildElement('elapsedText', 'left', true, player); buildElement('timeSliderRail', 'left', false, player); buildElement('timeSliderBuffer', 'left', false, player); buildElement('timeSliderProgress', 'left', false, player); buildElement('timeSliderThumb', 'left', false, player); buildElement('capRight', 'right', true, player); // TODO if (false) { buildElement('fullscreenButton', 'right', false, player); buildElement('normalscreenButton', 'right', true, player); buildElement('divider2', 'right', true, player); } if (!$.fn.jwplayerUtils.isiPad()) { buildElement('volumeSliderRail', 'right', false, player); buildElement('volumeSliderProgress', 'right', true, player); buildElement('muteButton', 'right', false, player); buildElement('unmuteButton', 'right', true, player); buildElement('divider3', 'right', true, player); } buildElement('durationText', 'right', true, player); } /** Draw a single element into the jwplayerControlbar. **/ function buildElement(element, align, offset, player) { var nam = player.id + '_' + element; $('#' + player.id + '_jwplayerControlbar').append('
'); $('#' + nam).css('position', 'absolute'); $('#' + nam).css('top', '0px'); if (element.indexOf('Text') > 0) { $('#' + nam).html('00:00'); $('#' + nam).css('font', controlbars[player.id].fontsize + 'px/' + (player.skin.controlbar.elements.background.height + 1) + 'px Arial,sans-serif'); $('#' + nam).css('text-align', 'center'); $('#' + nam).css('font-weight', 'bold'); $('#' + nam).css('cursor', 'default'); var wid = 14 + 3 * controlbars[player.id].fontsize; $('#' + nam).css('color', '#' + controlbars[player.id].fontcolor.substr(-6)); } else if (element.indexOf('divider') === 0) { $('#' + nam).css('background', 'url(' + player.skin.controlbar.elements.divider.src + ') repeat-x center left'); var wid = player.skin.controlbar.elements.divider.width; } else { $('#' + nam).css('background', 'url(' + player.skin.controlbar.elements[element].src + ') repeat-x center left'); var wid = player.skin.controlbar.elements[element].width; } if (align == 'left') { $('#' + nam).css(align, controlbars[player.id].leftmargin); if (offset) { controlbars[player.id].leftmargin += wid; } } else if (align == 'right') { $('#' + nam).css(align, controlbars[player.id].rightmargin); if (offset) { controlbars[player.id].rightmargin += wid; } } $('#' + nam).css('width', wid); $('#' + nam).css('height', player.skin.controlbar.elements.background.height); } /** Add interactivity to the jwplayerControlbar elements. **/ function buildHandlers(player) { // Register events with the buttons. buildHandler('playButton', 'play', player); buildHandler('pauseButton', 'pause', player); buildHandler('muteButton', 'mute', player, true); buildHandler('unmuteButton', 'mute', player, false); buildHandler('fullscreenButton', 'fullscreen', player, true); buildHandler('normalscreenButton', 'fullscreen', player, false); addSliders(player); // Register events with the player. player.buffer(bufferHandler); player.state(stateHandler); player.time(timeHandler); player.mute(muteHandler); player.volume(volumeHandler); player.complete(completeHandler); // Trigger a few events so the bar looks good on startup. resizeHandler({ id: player.id, fulscreen: player.fullscreen(), width: player.width(), height: player.height() }); timeHandler({ id: player.id, duration: player.duration(), position: 0 }); bufferHandler({ id: player.id, bufferProgress: 0 }); muteHandler({ id: player.id, mute: player.mute() }); stateHandler({ id: player.id, newstate: $.fn.jwplayer.states.IDLE }); volumeHandler({ id: player.id, volume: player.volume() }); } /** Set a single button handler. **/ function buildHandler(element, handler, player, args) { var nam = player.id + '_' + element; $('#' + nam).css('cursor', 'pointer'); if (handler == 'fullscreen') { $('#' + nam).mouseup(function(evt) { evt.stopPropagation(); player.fullscreen(!player.fullscreen()); resizeHandler({ id: player.id, fullscreen: player.fullscreen(), width: player.width(), height: player.height() }); }); } else { $('#' + nam).mouseup(function(evt) { evt.stopPropagation(); if (!$.fn.jwplayerUtils.isNull(args)) { player[handler](args); } else { player[handler](); } }); } } /** Set the volume drag handler. **/ function addSliders(player) { var bar = '#' + player.id + '_jwplayerControlbar'; var trl = '#' + player.id + '_timeSliderRail'; var vrl = '#' + player.id + '_volumeSliderRail'; $(bar).css('cursor', 'pointer'); $(trl).css('cursor', 'pointer'); $(vrl).css('cursor', 'pointer'); $(bar).mousedown(function(evt) { if (evt.pageX >= $(trl).offset().left - window.pageXOffset && evt.pageX <= $(trl).offset().left - window.pageXOffset + $(trl).width()) { controlbars[player.id].scrubber = 'time'; } else if (evt.pageX >= $(vrl).offset().left - window.pageXOffset && evt.pageX <= $(vrl).offset().left - window.pageXOffset + $(trl).width()) { controlbars[player.id].scrubber = 'volume'; } }); $(bar).mouseup(function(evt) { evt.stopPropagation(); sliderUp(evt.pageX, player); }); $(bar).mousemove(function(evt) { if (controlbars[player.id].scrubber == 'time') { controlbars[player.id].mousedown = true; var xps = evt.pageX - $(bar).offset().left - window.pageXOffset; $('#' + player.id + '_timeSliderThumb').css('left', xps); } }); } /** The slider has been moved up. **/ function sliderUp(msx, player) { controlbars[player.id].mousedown = false; if (controlbars[player.id].scrubber == 'time') { var xps = msx - $('#' + player.id + '_timeSliderRail').offset().left + window.pageXOffset; var wid = $('#' + player.id + '_timeSliderRail').width(); var pos = xps / wid * controlbars[player.id].currentDuration; if (pos < 0) { pos = 0; } else if (pos > controlbars[player.id].currentDuration) { pos = controlbars[player.id].currentDuration - 3; } player.seek(pos); if (player.model.state != $.fn.jwplayer.states.PLAYING) { player.play(); } } else if (controlbars[player.id].scrubber == 'volume') { var xps = msx - $('#' + player.id + '_volumeSliderRail').offset().left - window.pageXOffset; var wid = $('#' + player.id + '_volumeSliderRail').width(); var pct = Math.round(xps / wid * 100); if (pct < 0) { pct = 0; } else if (pct > 100) { pct = 100; } if (player.model.mute) { player.mute(false); } player.volume(pct); } controlbars[player.id].scrubber = 'none'; } /** Update the buffer percentage. **/ function bufferHandler(event) { if (!$.fn.jwplayerUtils.isNull(event.bufferPercent)) { controlbars[event.id].currentBuffer = event.bufferPercent; } var wid = $('#' + event.id + '_timeSliderRail').width(); var bufferWidth = isNaN(Math.round(wid * controlbars[event.id].currentBuffer / 100)) ? 0 : Math.round(wid * controlbars[event.id].currentBuffer / 100); $('#' + event.id + '_timeSliderBuffer').css('width', bufferWidth); } /** Update the mute state. **/ function muteHandler(event) { if (event.mute) { $('#' + event.id + '_muteButton').css('display', 'none'); $('#' + event.id + '_unmuteButton').css('display', 'block'); $('#' + event.id + '_volumeSliderProgress').css('display', 'none'); } else { $('#' + event.id + '_muteButton').css('display', 'block'); $('#' + event.id + '_unmuteButton').css('display', 'none'); $('#' + event.id + '_volumeSliderProgress').css('display', 'block'); } } /** Update the playback state. **/ function stateHandler(event) { // Handle the play / pause button if (event.newstate == $.fn.jwplayer.states.BUFFERING || event.newstate == $.fn.jwplayer.states.PLAYING) { $('#' + event.id + '_pauseButton').css('display', 'block'); $('#' + event.id + '_playButton').css('display', 'none'); } else { $('#' + event.id + '_pauseButton').css('display', 'none'); $('#' + event.id + '_playButton').css('display', 'block'); } // Show / hide progress bar if (event.newstate == $.fn.jwplayer.states.IDLE) { $('#' + event.id + '_timeSliderBuffer').css('display', 'none'); $('#' + event.id + '_timeSliderProgress').css('display', 'none'); $('#' + event.id + '_timeSliderThumb').css('display', 'none'); } else { $('#' + event.id + '_timeSliderBuffer').css('display', 'block'); if (event.newstate != $.fn.jwplayer.states.BUFFERING) { $('#' + event.id + '_timeSliderProgress').css('display', 'block'); $('#' + event.id + '_timeSliderThumb').css('display', 'block'); } } } /** Handles event completion **/ function completeHandler(event) { timeHandler($.extend(event, { position: 0, duration: controlbars[event.id].currentDuration })); } /** Update the playback time. **/ function timeHandler(event) { if (!$.fn.jwplayerUtils.isNull(event.position)) { controlbars[event.id].currentPosition = event.position; } if (!$.fn.jwplayerUtils.isNull(event.duration)) { controlbars[event.id].currentDuration = event.duration; } var progress = (controlbars[event.id].currentPosition === controlbars[event.id].currentDuration === 0) ? 0 : controlbars[event.id].currentPosition / controlbars[event.id].currentDuration; var railWidth = $('#' + event.id + '_timeSliderRail').width(); var thumbWidth = $('#' + event.id + '_timeSliderThumb').width(); var railLeft = $('#' + event.id + '_timeSliderRail').position().left; var progressWidth = isNaN(Math.round(railWidth * progress)) ? 0 : Math.round(railWidth * progress); var thumbPosition = railLeft + progressWidth; $('#' + event.id + '_timeSliderProgress').css('width', progressWidth); if (!controlbars[event.id].mousedown) { $('#' + event.id + '_timeSliderThumb').css('left', thumbPosition); } $('#' + event.id + '_durationText').html(timeFormat(controlbars[event.id].currentDuration)); $('#' + event.id + '_elapsedText').html(timeFormat(controlbars[event.id].currentPosition)); } /** Format the elapsed / remaining text. **/ function timeFormat(sec) { str = '00:00'; if (sec > 0) { str = Math.floor(sec / 60) < 10 ? '0' + Math.floor(sec / 60) + ':' : Math.floor(sec / 60) + ':'; str += Math.floor(sec % 60) < 10 ? '0' + Math.floor(sec % 60) : Math.floor(sec % 60); } return str; } /** Flip the player size to/from full-browser-screen. **/ function resizeHandler(event) { controlbars[event.id].width = event.width; controlbars[event.id].fullscreen = event.fullscreen; if (event.fullscreen) { $('#' + event.id + '_normalscreenButton').css('display', 'block'); $('#' + event.id + '_fullscreenButton').css('display', 'none'); // TODO if (false) { $(window).resize(function() { resizeBar(player); }); } } else { $('#' + event.id + '_normalscreenButton').css('display', 'none'); $('#' + event.id + '_fullscreenButton').css('display', 'block'); // TODO if (false) { $(window).resize(null); } } resizeBar(event); timeHandler(event); bufferHandler(event); } /** Resize the jwplayerControlbar. **/ function resizeBar(event) { var lft = controlbars[event.id].left; var top = controlbars[event.id].top; var wid = controlbars[event.id].width; var hei = $('#' + event.id + '_jwplayerControlbar').height(); if (controlbars[event.id].position == 'over') { lft += 1 * controlbars[event.id].margin; top -= 1 * controlbars[event.id].margin + hei; wid -= 2 * controlbars[event.id].margin; } if (controlbars[event.id].fullscreen) { lft = controlbars[event.id].margin; top = $(window).height() - controlbars[event.id].margin - hei; wid = $(window).width() - 2 * controlbars[event.id].margin; $('#' + event.id + '_jwplayerControlbar').css('z-index', 99); } else { $('#' + event.id + '_jwplayerControlbar').css('z-index', 97); } $('#' + event.id + '_jwplayerControlbar').css('left', lft); $('#' + event.id + '_jwplayerControlbar').css('top', top); $('#' + event.id + '_jwplayerControlbar').css('width', wid); $('#' + event.id + '_timeSliderRail').css('width', (wid - controlbars[event.id].leftmargin - controlbars[event.id].rightmargin)); } /** Update the volume level. **/ function volumeHandler(event) { var progress = isNaN(event.volume / 100) ? 1 : event.volume / 100; var railWidth = $('#' + event.id + '_volumeSliderRail').width(); var railRight = parseInt($('#' + event.id + '_volumeSliderRail').css('right').toString().replace('px', ''), 10); var progressWidth = isNaN(Math.round(railWidth * progress)) ? 0 : Math.round(railWidth * progress); $('#' + event.id + '_volumeSliderProgress').css('width', progressWidth); $('#' + event.id + '_volumeSliderProgress').css('right', (railWidth + railRight - progressWidth)); } })(jQuery); /** * JW Player controller component * * @author zach * @version 1.0alpha * @lastmodifieddate 2010-04-11 */ (function($) { var mediaParams = function() { return { volume: 100, fullscreen: false, mute: false, width: 480, height: 320, duration: 0, source: 0, sources: [], buffer: 0, position: 0, state: $.fn.jwplayer.states.IDLE }; }; $.fn.jwplayerController = function(player) { return { play: play(player), pause: pause(player), seek: seek(player), stop: stop(player), volume: volume(player), mute: mute(player), resize: resize(player), fullscreen: fullscreen(player), load: load(player), mediaInfo: mediaInfo(player), addEventListener: addEventListener(player), removeEventListener: removeEventListener(player), sendEvent: sendEvent(player) }; }; function play(player) { return function() { try { switch (player.model.state) { case $.fn.jwplayer.states.IDLE: player.addEventListener($.fn.jwplayer.events.JWPLAYER_MEDIA_BUFFER_FULL, player.media.play); player.media.load(player.model.sources[player.model.source].file); break; case $.fn.jwplayer.states.PAUSED: player.media.play(); break; } return $.jwplayer(player.id); } catch (err) { player.sendEvent($.fn.jwplayer.events.JWPLAYER_ERROR, err); } return false; }; } /** Switch the pause state of the player. **/ function pause(player) { return function() { try { switch (player.model.state) { case $.fn.jwplayer.states.PLAYING: case $.fn.jwplayer.states.BUFFERING: player.media.pause(); break; } return $.jwplayer(player.id); } catch (err) { player.sendEvent($.fn.jwplayer.events.JWPLAYER_ERROR, err); } return false; }; } /** Seek to a position in the video. **/ function seek(player) { return function(position) { try { switch (player.model.state) { case $.fn.jwplayer.states.PLAYING: case $.fn.jwplayer.states.PAUSED: case $.fn.jwplayer.states.BUFFERING: player.media.seek(position); break; } return $.jwplayer(player.id); } catch (err) { player.sendEvent($.fn.jwplayer.events.JWPLAYER_ERROR, err); } return false; }; } /** Stop playback and loading of the video. **/ function stop(player) { return function() { try { player.media.stop(); return $.jwplayer(player.id); } catch (err) { player.sendEvent($.fn.jwplayer.events.JWPLAYER_ERROR, err); } return false; }; } /** Get / set the video's volume level. **/ function volume(player) { return function(arg) { try { switch ($.fn.jwplayerUtils.typeOf(arg)) { case "function": player.addEventListener($.fn.jwplayer.events.JWPLAYER_MEDIA_VOLUME, arg); break; case "number": player.media.volume(arg); return true; case "string": player.media.volume(parseInt(arg, 10)); return true; default: return player.model.volume; } return $.jwplayer(player.id); } catch (err) { player.sendEvent($.fn.jwplayer.events.JWPLAYER_ERROR, err); } return false; }; } /** Get / set the mute state of the player. **/ function mute(player) { return function(arg) { try { switch ($.fn.jwplayerUtils.typeOf(arg)) { case "function": player.addEventListener($.fn.jwplayer.events.JWPLAYER_MEDIA_MUTE, arg); break; case "boolean": player.media.mute(arg); break; default: return player.model.mute; } return $.jwplayer(player.id); } catch (err) { player.sendEvent($.fn.jwplayer.events.JWPLAYER_ERROR, err); } return false; }; } /** Resizes the video **/ function resize(player) { return function(arg1, arg2) { try { switch ($.fn.jwplayerUtils.typeOf(arg1)) { case "function": player.addEventListener($.fn.jwplayer.events.JWPLAYER_RESIZE, arg1); break; case "number": player.media.resize(arg1, arg2); break; case "string": player.media.resize(arg1, arg2); break; default: break; } return $.jwplayer(player.id); } catch (err) { player.sendEvent($.fn.jwplayer.events.JWPLAYER_ERROR, err); } return false; }; } /** Jumping the player to/from fullscreen. **/ function fullscreen(player) { return function(arg) { try { switch ($.fn.jwplayerUtils.typeOf(arg)) { case "function": player.addEventListener($.fn.jwplayer.events.JWPLAYER_FULLSCREEN, arg); break; case "boolean": player.media.fullscreen(arg); break; default: return player.model.fullscreen; } return $.jwplayer(player.id); } catch (err) { player.sendEvent($.fn.jwplayer.events.JWPLAYER_ERROR, err); } return false; }; } /** Loads a new video **/ function load(player) { return function(arg) { try { switch ($.fn.jwplayerUtils.typeOf(arg)) { case "function": player.addEventListener($.fn.jwplayer.events.JWPLAYER_MEDIA_LOADED, arg); break; default: player.media.load(arg); break; } return $.jwplayer(player.id); } catch (err) { player.sendEvent($.fn.jwplayer.events.JWPLAYER_ERROR, err); } return false; }; } /** Returns the meta **/ function mediaInfo(player) { return function() { try { var result = {}; for (var mediaParam in mediaParams()) { result[mediaParam] = player.model[mediaParam]; } return result; } catch (err) { $.fn.jwplayerUtils.log("error", err); } return false; }; } /** Add an event listener. **/ function addEventListener(player) { return function(type, listener, count) { try { if (player.listeners[type] === undefined) { player.listeners[type] = []; } player.listeners[type].push({ listener: listener, count: count }); } catch (err) { $.fn.jwplayerUtils.log("error", err); } return false; }; } /** Remove an event listener. **/ function removeEventListener(player) { return function(type, listener) { try { for (var lisenterIndex in player.listeners[type]) { if (player.listeners[type][lisenterIndex] == listener) { player.listeners[type].slice(lisenterIndex, lisenterIndex + 1); break; } } } catch (err) { $.fn.jwplayerUtils.log("error", err); } return false; }; } /** Send an event **/ function sendEvent(player) { return function(type, data) { data = $.extend({ id: player.id, version: player.version }, data); if ((player.config.debug !== undefined) && (player.config.debug.toString().toLowerCase() == 'console')) { $.fn.jwplayerUtils.log(type, data); } for (var listenerIndex in player.listeners[type]) { try { player.listeners[type][listenerIndex].listener(data); } catch (err) { $.fn.jwplayerUtils.log("There was an error while handling a listener", err); } if (player.listeners[type][listenerIndex].count === 1) { delete player.listeners[type][listenerIndex]; } else if (player.listeners[type][listenerIndex].count > 0) { player.listeners[type][listenerIndex].count = player.listeners[type][listenerIndex].count - 1; } } }; } })(jQuery); /** * Core component of the JW Player (initialization, API). * * @author jeroen * @version 1.0alpha * @lastmodifiedauthor zach * @lastmodifieddate 2010-04-11 */ (function($) { /** Map with all players on the page. **/ var players = {}; /** Hooking the controlbar up to jQuery. **/ $.fn.jwplayer = function(options) { return this.each(function() { $.fn.jwplayerUtils.log("Starting setup", this); return setupJWPlayer($(this), 0, options); }); }; function setupJWPlayer(player, step, options) { try { switch (step) { case 0: var model = $.fn.jwplayerModel(player, options); var jwplayer = { model: model, listeners: {} }; return setupJWPlayer(jwplayer, step + 1); break; case 1: player.controller = $.fn.jwplayerController(player); players[player.model.config.id] = player; setupJWPlayer($.extend(player, api(player)), step + 1); return player; break; case 2: $.fn.jwplayerSkinner(player, function() { setupJWPlayer(player, step + 1); }); break; case 3: $.fn.jwplayerView(player); setupJWPlayer(player, step + 1); break; case 4: $.fn.jwplayerModel.setActiveMediaProvider(player); if ((player.media === undefined) || !player.media.hasChrome) { setupJWPlayer(player, step + 1); } break; case 5: $.fn.jwplayerDisplay($.jwplayer(player.id), player.model.domelement); if (player.media === undefined) { player.sendEvent($.fn.jwplayer.events.JWPLAYER_READY); } else { setupJWPlayer(player, step + 1); } break; case 6: if (!$.fn.jwplayerUtils.isiPhone()) { $.fn.jwplayerControlbar($.jwplayer(player.id), player.model.domelement); } setupJWPlayer(player, step + 1); break; case 7: player.sendEvent($.fn.jwplayer.events.JWPLAYER_READY); setupJWPlayer(player, step + 1); break; default: if (player.config.autostart === true) { player.play(); } break; } } catch (err) { $.fn.jwplayerUtils.log("Setup failed at step " + step, err); } } /** Map with config for the controlbar plugin. **/ $.fn.jwplayer.defaults = { autostart: false, file: undefined, height: 295, image: undefined, skin: undefined, volume: 90, width: 480, mute: false, bufferlength: 5, start: 0, position: 0, debug: undefined, flashplayer: undefined, repeat: false }; /** A factory for API calls that either set listeners or return data **/ function dataListenerFactory(player, dataType, eventType) { return function(arg) { switch ($.fn.jwplayerUtils.typeOf(arg)) { case "function": if (!$.fn.jwplayerUtils.isNull(eventType)) { player.addEventListener(eventType, arg); } break; default: if (!$.fn.jwplayerUtils.isNull(dataType)) { return player.controller.mediaInfo()[dataType]; } return player.controller.mediaInfo(); } return $.jwplayer(player.id); }; } function api(player) { if (!$.fn.jwplayerUtils.isNull(player.id)) { return player; } return { play: player.controller.play, pause: player.controller.pause, stop: player.controller.stop, seek: player.controller.seek, resize: player.controller.resize, fullscreen: player.controller.fullscreen, volume: player.controller.volume, mute: player.controller.mute, load: player.controller.load, addEventListener: player.controller.addEventListener, removeEventListener: player.controller.removeEventListener, sendEvent: player.controller.sendEvent, ready: dataListenerFactory(player, null, $.fn.jwplayer.events.JWPLAYER_READY), error: dataListenerFactory(player, null, $.fn.jwplayer.events.JWPLAYER_ERROR), complete: dataListenerFactory(player, null, $.fn.jwplayer.events.JWPLAYER_MEDIA_COMPLETE), state: dataListenerFactory(player, 'state', $.fn.jwplayer.events.JWPLAYER_PLAYER_STATE), buffer: dataListenerFactory(player, 'buffer', $.fn.jwplayer.events.JWPLAYER_MEDIA_BUFFER), time: dataListenerFactory(player, null, $.fn.jwplayer.events.JWPLAYER_MEDIA_TIME), position: dataListenerFactory(player, 'position'), duration: dataListenerFactory(player, 'duration'), width: dataListenerFactory(player, 'width'), height: dataListenerFactory(player, 'height'), meta: dataListenerFactory(player, null, $.fn.jwplayer.events.JWPLAYER_MEDIA_META), id: player.model.config.id, config: player.model.config, version: '0.1-alpha', skin: player.skin }; } function jwplayer(selector) { if ($.fn.jwplayerUtils.isNull(selector)) { for (var player in players) { return api(players[player]); } } else { if (selector.indexOf('#') === 0) { selector = selector.substr(1, selector.length); } return api(players[selector]); } return null; } $.fn.jwplayer.states = { IDLE: 'IDLE', BUFFERING: 'BUFFERING', PLAYING: 'PLAYING', PAUSED: 'PAUSED' }; $.fn.jwplayer.events = { JWPLAYER_READY: 'jwplayerReady', JWPLAYER_FULLSCREEN: 'jwplayerFullscreen', JWPLAYER_RESIZE: 'jwplayerResize', //JWPLAYER_LOCKED: 'jwplayerLocked', //JWPLAYER_UNLOCKED: 'jwplayerLocked', JWPLAYER_ERROR: 'jwplayerError', JWPLAYER_MEDIA_BUFFER: 'jwplayerMediaBuffer', JWPLAYER_MEDIA_BUFFER_FULL: 'jwplayerMediaBufferFull', JWPLAYER_MEDIA_ERROR: 'jwplayerMediaError', JWPLAYER_MEDIA_LOADED: 'jwplayerMediaLoaded', JWPLAYER_MEDIA_COMPLETE: 'jwplayerMediaComplete', JWPLAYER_MEDIA_TIME: 'jwplayerMediaTime', JWPLAYER_MEDIA_VOLUME: 'jwplayerMediaVolume', JWPLAYER_MEDIA_META: 'jwplayerMediaMeta', JWPLAYER_MEDIA_MUTE: 'jwplayerMediaMute', JWPLAYER_PLAYER_STATE: 'jwplayerPlayerState' }; /** Extending jQuery **/ $.extend({ 'jwplayer': jwplayer }); /** Automatically initializes the player for all