// PUMP Nightclub Javascript Routines // (c) 2011 PUMP nightclub Inc. var PUMP = { remoteAddr: '', // Users Remote IP Address, as seen by the webserver init: function() { this.initChat(); // Get the users Remote IP Address (auto execute of javascript stores above new Ajax.Request('/asp/remoteinfo.asp', { method: 'get', parameters: {} }); }, toggleChat: function () { if ($('pumpchat')) { Effect.toggle('pumpchat', 'blind', { duration: 0.5}); } }, initChat: function () { if ($('pumpchat')) { $('chatToggle').observe('click', function() { PUMP.toggleChat(); }); } }, setCookieWithDomain: function(c_name,value,expiredays,path,domain) { var exdate=new Date(); exdate.setDate(exdate.getDate()+expiredays); document.cookie=c_name+ '=' +escape(value)+((expiredays==null) ? '' : ';expires='+exdate.toUTCString())+((path==null) ? '' : ';path='+path)+((domain) ? ';domain='+domain : ''); }, setCookie: function(c_name,value,expiredays,path) { var exdate=new Date(); exdate.setDate(exdate.getDate()+expiredays); document.cookie=c_name+ '=' +escape(value)+((expiredays==null) ? '' : ';expires='+exdate.toUTCString())+((path==null) ? '' : ';path='+path); }, getCookie: function(c_name) { if (document.cookie.length>0) { c_start=document.cookie.indexOf(c_name + '='); if (c_start!=-1) { c_start=c_start + c_name.length+1; c_end=document.cookie.indexOf(';',c_start); if (c_end==-1) c_end=document.cookie.length; return unescape(document.cookie.substring(c_start,c_end)); } } return ''; } }; Object.extend(Date.prototype, { strftime: function(format) { var day = this.getDay(), month = this.getMonth(); var hours = this.getHours(), minutes = this.getMinutes(); function pad(num) { return num.toPaddedString(2); }; return format.gsub(/\%([aAbBcdDHiImMpSwyY])/, function(part) { switch(part[1]) { case 'a': return $w("Sun Mon Tue Wed Thu Fri Sat")[day]; break; case 'A': return $w("Sunday Monday Tuesday Wednesday Thursday Friday Saturday")[day]; break; case 'b': return $w("Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec")[month]; break; case 'B': return $w("January February March April May June July August September October November December")[month]; break; case 'c': return this.toString(); break; case 'd': return this.getDate(); break; case 'D': return pad(this.getDate()); break; case 'H': return pad(hours); break; case 'i': return (hours === 12 || hours === 0) ? 12 : (hours + 12) % 12; break; case 'I': return pad((hours === 12 || hours === 0) ? 12 : (hours + 12) % 12); break; case 'm': return pad(month + 1); break; case 'M': return pad(minutes); break; case 'p': return hours > 11 ? 'PM' : 'AM'; break; case 'S': return pad(this.getSeconds()); break; case 'w': return day; break; case 'y': return pad(this.getFullYear() % 100); break; case 'Y': return this.getFullYear().toString(); break; } }.bind(this)); } }); //------------------------------------------------------------------------- // Error logging utility //------------------------------------------------------------------------- function log(msg) { setTimeout(function() { throw new Error(msg); }, 0); } //------------------------------------------------------------------------- // HTML Encoder/Decoder Object //------------------------------------------------------------------------- Encoder = { // When encoding do we convert characters into html or numerical entities EncodeType : "entity", // entity OR numerical isEmpty : function(val) { if (val) { return ((val===null) || val.length==0 || /^\s+$/.test(val)); } else { return true; } }, // Convert HTML entities into numerical entities HTML2Numerical : function(s) { var arr1 = new Array(' ','¡','¢','£','¤','¥','¦','§','¨','©','ª','«','¬','­','®','¯','°','±','²','³','´','µ','¶','·','¸','¹','º','»','¼','½','¾','¿','à','á','â','ã','Ä','å','æ','ç','è','é','ê','ë','ì','í','î','ï','ð','ñ','ò','ó','ô','õ','Ö','×','ø','ù','ú','û','Ü','ý','þ','ß','à','á','â','ã','ä','å','æ','ç','è','é','ê','ë','ì','í','î','ï','ð','ñ','ò','ó','ô','õ','ö','÷','Ø','ù','ú','û','ü','ý','þ','ÿ','"','&','<','>','œ','œ','š','š','ÿ','ˆ','˜',' ',' ',' ','‌','‍','‎','‏','–','—','‘','’','‚','“','”','„','†','†','‰','‹','›','€','ƒ','α','β','γ','δ','ε','ζ','η','θ','ι','κ','λ','μ','ν','ξ','ο','π','ρ','σ','τ','υ','φ','χ','ψ','ω','α','β','γ','δ','ε','ζ','η','θ','ι','κ','λ','μ','ν','ξ','ο','π','ρ','ς','σ','τ','υ','φ','χ','ψ','ω','ϑ','ϒ','ϖ','•','…','′','′','‾','⁄','℘','ℑ','ℜ','™','ℵ','←','↑','→','↓','↔','↵','←','↑','→','↓','↔','∀','∂','∃','∅','∇','∈','∉','∋','∏','∑','−','∗','√','∝','∞','∠','∧','∨','∩','∪','∫','∴','∼','≅','≈','≠','≡','≤','≥','⊂','⊃','⊄','⊆','⊇','⊕','⊗','⊥','⋅','⌈','⌉','⌊','⌋','⟨','⟩','◊','♠','♣','♥','♦'); var arr2 = new Array(' ','¡','¢','£','¤','¥','¦','§','¨','©','ª','«','¬','­','®','¯','°','±','²','³','´','µ','¶','·','¸','¹','º','»','¼','½','¾','¿','À','Á','Â','Ã','Ä','Å','Æ','Ç','È','É','Ê','Ë','Ì','Í','Î','Ï','Ð','Ñ','Ò','Ó','Ô','Õ','Ö','×','Ø','Ù','Ú','Û','Ü','Ý','Þ','ß','à','á','â','ã','ä','å','æ','ç','è','é','ê','ë','ì','í','î','ï','ð','ñ','ò','ó','ô','õ','ö','÷','ø','ù','ú','û','ü','ý','þ','ÿ','"','&','<','>','Œ','œ','Š','š','Ÿ','ˆ','˜',' ',' ',' ','‌','‍','‎','‏','–','—','‘','’','‚','“','”','„','†','‡','‰','‹','›','€','ƒ','Α','Β','Γ','Δ','Ε','Ζ','Η','Θ','Ι','Κ','Λ','Μ','Ν','Ξ','Ο','Π','Ρ','Σ','Τ','Υ','Φ','Χ','Ψ','Ω','α','β','γ','δ','ε','ζ','η','θ','ι','κ','λ','μ','ν','ξ','ο','π','ρ','ς','σ','τ','υ','φ','χ','ψ','ω','ϑ','ϒ','ϖ','•','…','′','″','‾','⁄','℘','ℑ','ℜ','™','ℵ','←','↑','→','↓','↔','↵','⇐','⇑','⇒','⇓','⇔','∀','∂','∃','∅','∇','∈','∉','∋','∏','∑','−','∗','√','∝','∞','∠','∧','∨','∩','∪','∫','∴','∼','≅','≈','≠','≡','≤','≥','⊂','⊃','⊄','⊆','⊇','⊕','⊗','⊥','⋅','⌈','⌉','⌊','⌋','〈','〉','◊','♠','♣','♥','♦'); return this.swapArrayVals(s,arr1,arr2); }, // Convert Numerical entities into HTML entities NumericalToHTML : function(s) { var arr1 = new Array(' ','¡','¢','£','¤','¥','¦','§','¨','©','ª','«','¬','­','®','¯','°','±','²','³','´','µ','¶','·','¸','¹','º','»','¼','½','¾','¿','À','Á','Â','Ã','Ä','Å','Æ','Ç','È','É','Ê','Ë','Ì','Í','Î','Ï','Ð','Ñ','Ò','Ó','Ô','Õ','Ö','×','Ø','Ù','Ú','Û','Ü','Ý','Þ','ß','à','á','â','ã','ä','å','æ','ç','è','é','ê','ë','ì','í','î','ï','ð','ñ','ò','ó','ô','õ','ö','÷','ø','ù','ú','û','ü','ý','þ','ÿ','"','&','<','>','Œ','œ','Š','š','Ÿ','ˆ','˜',' ',' ',' ','‌','‍','‎','‏','–','—','‘','’','‚','“','”','„','†','‡','‰','‹','›','€','ƒ','Α','Β','Γ','Δ','Ε','Ζ','Η','Θ','Ι','Κ','Λ','Μ','Ν','Ξ','Ο','Π','Ρ','Σ','Τ','Υ','Φ','Χ','Ψ','Ω','α','β','γ','δ','ε','ζ','η','θ','ι','κ','λ','μ','ν','ξ','ο','π','ρ','ς','σ','τ','υ','φ','χ','ψ','ω','ϑ','ϒ','ϖ','•','…','′','″','‾','⁄','℘','ℑ','ℜ','™','ℵ','←','↑','→','↓','↔','↵','⇐','⇑','⇒','⇓','⇔','∀','∂','∃','∅','∇','∈','∉','∋','∏','∑','−','∗','√','∝','∞','∠','∧','∨','∩','∪','∫','∴','∼','≅','≈','≠','≡','≤','≥','⊂','⊃','⊄','⊆','⊇','⊕','⊗','⊥','⋅','⌈','⌉','⌊','⌋','〈','〉','◊','♠','♣','♥','♦'); var arr2 = new Array(' ','¡','¢','£','¤','¥','¦','§','¨','©','ª','«','¬','­','®','¯','°','±','²','³','´','µ','¶','·','¸','¹','º','»','¼','½','¾','¿','à','á','â','ã','Ä','å','æ','ç','è','é','ê','ë','ì','í','î','ï','ð','ñ','ò','ó','ô','õ','Ö','×','ø','ù','ú','û','Ü','ý','þ','ß','à','á','â','ã','ä','å','æ','ç','è','é','ê','ë','ì','í','î','ï','ð','ñ','ò','ó','ô','õ','ö','÷','Ø','ù','ú','û','ü','ý','þ','ÿ','"','&','<','>','œ','œ','š','š','ÿ','ˆ','˜',' ',' ',' ','‌','‍','‎','‏','–','—','‘','’','‚','“','”','„','†','†','‰','‹','›','€','ƒ','α','β','γ','δ','ε','ζ','η','θ','ι','κ','λ','μ','ν','ξ','ο','π','ρ','σ','τ','υ','φ','χ','ψ','ω','α','β','γ','δ','ε','ζ','η','θ','ι','κ','λ','μ','ν','ξ','ο','π','ρ','ς','σ','τ','υ','φ','χ','ψ','ω','ϑ','ϒ','ϖ','•','…','′','′','‾','⁄','℘','ℑ','ℜ','™','ℵ','←','↑','→','↓','↔','↵','←','↑','→','↓','↔','∀','∂','∃','∅','∇','∈','∉','∋','∏','∑','−','∗','√','∝','∞','∠','∧','∨','∩','∪','∫','∴','∼','≅','≈','≠','≡','≤','≥','⊂','⊃','⊄','⊆','⊇','⊕','⊗','⊥','⋅','⌈','⌉','⌊','⌋','⟨','⟩','◊','♠','♣','♥','♦'); return this.swapArrayVals(s,arr1,arr2); }, // Numerically encodes all unicode characters numEncode : function(s){ if(this.isEmpty(s)) return ""; var e = ""; for (var i = 0; i < s.length; i++) { var c = s.charAt(i); if (c < " " || c > "~") { c = "&#" + c.charCodeAt() + ";"; } e += c; } return e; }, // HTML Decode numerical and HTML entities back to original values htmlDecode : function(s){ var c,m,d = s; if(this.isEmpty(d)) return ""; // convert HTML entites back to numerical entites first d = this.HTML2Numerical(d); // look for numerical entities " arr=d.match(/&#[0-9]{1,5};/g); // if no matches found in string then skip if(arr!=null){ for(var x=0;x= -32768 && c <= 65535){ // decode every single match within string d = d.replace(m, String.fromCharCode(c)); }else{ d = d.replace(m, ""); //invalid so replace with nada } } } return d; }, // encode an input string into either numerical or HTML entities htmlEncode : function(s,dbl){ if(this.isEmpty(s)) return ""; // do we allow double encoding? E.g will & be turned into &amp; dbl = dbl | false; //default to prevent double encoding // if allowing double encoding we do ampersands first if(dbl){ if(this.EncodeType=="numerical"){ s = s.replace(/&/g, "&"); }else{ s = s.replace(/&/g, "&"); } } // convert the xss chars to numerical entities ' " < > s = this.XSSEncode(s,false); if(this.EncodeType=="numerical" || !dbl){ // Now call function that will convert any HTML entities to numerical codes s = this.HTML2Numerical(s); } // Now encode all chars above 127 e.g unicode s = this.numEncode(s); // now we know anything that needs to be encoded has been converted to numerical entities we // can encode any ampersands & that are not part of encoded entities // to handle the fact that I need to do a negative check and handle multiple ampersands &&& // I am going to use a placeholder // if we don't want double encoded entities we ignore the & in existing entities if(!dbl){ s = s.replace(/&#/g,"##AMPHASH##"); if(this.EncodeType=="numerical"){ s = s.replace(/&/g, "&"); }else{ s = s.replace(/&/g, "&"); } s = s.replace(/##AMPHASH##/g,"&#"); } // replace any malformed entities s = s.replace(/&#\d*([^\d;]|$)/g, "$1"); if(!dbl){ // safety check to correct any double encoded & s = this.correctEncoding(s); } // now do we need to convert our numerical encoded string into entities if(this.EncodeType=="entity"){ s = this.NumericalToHTML(s); } return s; }, // Encodes the basic 4 characters used to malform HTML in XSS hacks XSSEncode : function(s,en){ if(!this.isEmpty(s)){ en = en || true; // do we convert to numerical or html entity? if(en){ s = s.replace(/\'/g,"'"); //no HTML equivalent as &apos is not cross browser supported s = s.replace(/\"/g,"""); s = s.replace(//g,">"); }else{ s = s.replace(/\'/g,"'"); //no HTML equivalent as &apos is not cross browser supported s = s.replace(/\"/g,"""); s = s.replace(//g,">"); } return s; }else{ return ""; } }, // returns true if a string contains html or numerical encoded entities hasEncoded : function(s){ if(/&#[0-9]{1,5};/g.test(s)){ return true; }else if(/&[A-Z]{2,6};/gi.test(s)){ return true; }else{ return false; } }, // will remove any unicode characters stripUnicode : function(s){ return s.replace(/[^\x20-\x7E]/g,""); }, // corrects any double encoded & entities e.g &amp; correctEncoding : function(s){ return s.replace(/(&)(amp;)+/,"$1"); }, // Function to loop through an array swaping each item with the value from another array e.g swap HTML entities with Numericals swapArrayVals : function(s,arr1,arr2){ if(this.isEmpty(s)) return ""; var re; if(arr1 && arr2){ // array lengths must match if(arr1.length == arr2.length){ for(var x=0,i=arr1.length;x 0) ? item.date.substring(0, item.date.indexOf(':') - 3) : item.date; if (/billboard\.com/.test(item.link)) { item.icon = '/img/icon-bb.gif'; item.source = 'Billboard.com'; } else if (/canoe\.ca/.test(item.link)) { item.icon = '/img/icon-jam.gif'; item.source = 'Canoe JAM!'; } this.el.insert(this.createEntry(item)); } this.el.observe('mouseenter', function () { NewsWidget.stop(); }); this.el.observe('mouseleave', function () { NewsWidget.restart(); }); this.start(); }, createEntry: function (item) { var entry = Builder.node('div', { rel: 'NewsItem_' + item.id, className: 'musicnewsitem', style: 'margin: 0px 5px;' }, Builder.node('div', { style: 'text-align: left; font-size: 12px; margin 0 5px; padding: 5px; border-bottom: 1px dotted #808080;' }, [ Builder.node('h3', { style: 'text-align: left; padding-left: 40px; min-height: 30px; background: transparent url(' + item.icon + ') 0 0 scroll no-repeat;' }, Builder.node('a', { href: item.link, target: 'musicnews', title: 'Click to read more' }, item.title) ), Builder.node('p', { className: 'news-datestamp', style: 'font-size: 10px; margin: 0; padding: 3px 0px; font-style: italic;' }, item.date + ' (' + item.source +'):' ), Builder.node('p', { className: 'news-desc', style: 'margin: 0; padding: 3px 0;' }, item.desc ) ]) ); return (entry); }, scroll: function () { this.el.stopObserving('mouseleave'); this.el.insert(this.el.firstDescendant().clone(1)); new Effect.Parallel([ new Effect.Fade(this.el.firstDescendant(), { sync: true }), new Effect.SlideUp(this.el.firstDescendant(), { sync: true }) ], { duration: 1.0, afterFinish: function (eft) { NewsWidget.el.firstDescendant().remove(); NewsWidget.el.observe('mouseleave', function () { NewsWidget.restart(); }); } } ); }, start: function() { this.interval = setInterval('NewsWidget.scroll()', 8000); }, stop: function () { clearInterval(this.interval); }, restart: function () { this.scroll(); this.start(); }, init: function (e) { this.el = $(e); if (this.el) { new Ajax.Request('/asp/xmlproxy.asp', { method: 'get', parameters: { 'url': 'http://rss.canoe.ca/Jam/Music/home.xml', cachefor: 480 }, onComplete: function (transport) { if (transport.request.success()) { var items = $A(transport.responseXML.getElementsByTagName('item')); for (var i = 0; i < items.length; ++i) { NewsWidget.items[NewsWidget.items.length] = items[i]; } } new Ajax.Request('/asp/xmlproxy.asp', { method: 'get', parameters: { 'url': 'http://www.billboard.com/rss/news', cachefor: 480 }, onComplete: function (transport) { if (transport.request.success()) { var items = $A(transport.responseXML.getElementsByTagName('item')); for (var i = 0; i < items.length; ++i) { NewsWidget.items[NewsWidget.items.length] = items[i]; } } NewsWidget.update(); } }); } }); } } } //------------------------------------------------------------------------- // Bliboard Dance Charts //------------------------------------------------------------------------- var BillboardWidget = { chartEntries: new Array(), el: null, appendEntry: function (entry) { var elID = this.el.id + '_video_' + entry.position; var div = Builder.node('div', {className: 'item', id: elID}, [ Builder.node('div', { className: 'position' }, entry.position + ':'), Builder.node('div', { className: 'details' }, Builder.node('a', { href: entry.url, rel: entry.rel, className: entry.className, title: entry.title }, [ Builder.node('b', { className: 'song'}, entry.song), Builder.node('br'), Builder.node('i', { className: 'artist'}, entry.artist) ] ) )] ); this.el.insert(div); if (entry.thumbnail) { var tip = Builder.node('img', { height: entry.thumbnail.height, width: entry.thumbnail.width, src: entry.thumbnail.url, alt: 'video thumbnail' } ); new Tip(div, tip, { width: 'auto', style: 'darkgrey', stem: 'rightMiddle', hideOthers: true, hook: { target: 'leftMiddle', tip: 'rightMiddle' } }); } }, // videoid = responseJSON.feed.entry[0].media$group.yt$videoid.$t // title = responseJSON.feed.entry[0].title.$t // videourl = responseJSON.feed.entry[0].content.src // thumburl = responseJSON.feed.entry[0].media$group.media$thumbnail[0].url // thumb_x = responseJSON.feed.entry[0].media$group.media$thumbnail[0].width // thumb_y = responseJSON.feed.entry[0].media$group.media$thumbnail[0].heigth // length = responseJSON.feed.entry[0].media$group.yt$duration.seconds processChartEntries: function(transport) { // log(transport.responseText); var videos = transport.responseJSON; this.el.innerHTML = ''; // log('Num Entries: ' + this.chartEntries.length); for ( var i = 0; i < this.chartEntries.length; ++i) { var feed = videos[i].feed; if (feed && feed['openSearch$totalResults']['$t'] > 0 && feed.entry) { var entry = feed.entry[0]; var videoid = entry['media$group']['yt$videoid']['$t']; // log('Entry: ' + i + ' Video ID: ' + videoid); this.chartEntries[i].rel = 'set[chartvideos][flash]'; this.chartEntries[i].videoid = videoid; this.chartEntries[i].index = i; this.chartEntries[i].className = 'lightview'; this.chartEntries[i].url = 'http://www.youtube.com/v/' + videoid + '&autoplay=1&rel=0&iv_load_policy=3'; this.chartEntries[i].thumbnail = { url: entry['media$group']['media$thumbnail'][0].url, width: entry['media$group']['media$thumbnail'][0].width, height: entry['media$group']['media$thumbnail'][0].height }; this.chartEntries[i].title = this.chartEntries[i].position + ': ' + this.chartEntries[i].song + ' :: Artist: ' + this.chartEntries[i].artist; } this.appendEntry(this.chartEntries[i]); } }, processClubCharts: function (transport) { var items = transport.responseXML.getElementsByTagName('item'); var q = []; for (var i = 0; i < items.length && i < 20; i++) { var chartEntry = items[i].getElementsByTagName('title')[0].childNodes[0].nodeValue; var position = chartEntry.split(": ", 1); var song = chartEntry.substr(position.toString().length + 1).split(", ", 1); var artist = chartEntry.substr(position.toString().length + song.toString().length + 3); var url = 'javascript:void(0)'; var title = 'Video not found on YouTube'; this.chartEntries[i] = { 'title': title, 'position': position, 'song': song, 'artist': artist, 'url': url, 'className': '', 'rel': '', thumbnail: null }; var key = '"' + artist + '" "' + song + '"'; q[i] = key.replace(/\s+/g, ' '); } new Ajax.Request('/asp/youtube-search-json.asp', { method: 'post', parameters: { 'ip': PUMP.remoteAddr, 'q': q // array of songs to look for }, onSuccess: function (transport) { BillboardWidget.processChartEntries(transport); } }); }, start: function (e) { this.el = $(e); if (this.el) { new Ajax.Request('/asp/xmlproxy.asp', { method: 'get', parameters: { url: 'http://www.billboard.com/rss/charts/dance-club-play-songs', cachefor: 720 }, onSuccess: function (transport) { BillboardWidget.processClubCharts(transport); } }); } } }; //------------------------------------------------------------------------- // Get Events from Facebook //------------------------------------------------------------------------- var FacebookEvents = { el: null, dateRE: /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)/, nlRE: /\n/g, quoRE: /"/g, convertDate: function (date_stamp) { // converts a facebook time to a date object var a = this.dateRE.exec(date_stamp); var date = new Date(+a[1], +a[2] - 1, +a[3], +a[4] - 0, +a[5], +a[6]); // get the date into format "Weekday, Month Day Year at Time" var hour = date.getHours(); var min = date.getMinutes(); var ampm = 'am'; if (hour > 11) { ampm = 'pm'; hour = hour - 12; } var dateStr = date.toLocaleDateString() + ' at ' + hour + ':' + (min < 10 ? '0' + min.toString() : min) + ampm; return dateStr; }, getEvent: function(transport) { var event = transport.responseJSON; var img_options = { className: 'lightview', // rel: 'image', title: event.name + ' :: :: width: 200, menubar: bottom, closeButton: small, topclose: true', href: 'http://graph.facebook.com/' + event.id + '/picture?type=large' }; var div = Builder.node('div', { className: 'container rounded-corners' }, [ Builder.node('h2', event.name), Builder.node('div', { className: 'rounded-corners-small', style: 'position: relative; width: auto; background-color: #303030; text-align: left; margin: 5px; padding: 5px;' }, [ Builder.node('a', img_options, Builder.node('img', { style: 'float:left; width:100px;', src: 'http://graph.facebook.com/' + event.id + '/picture?type=normal' }) ), Builder.node('div', { style: 'margin-left: 110px;' }, [ Builder.node('div', { style: 'font-style: italic; font-weight: bold; margin-bottom: 5px;' }, this.convertDate(event.start_time)), Builder.node('div', { id: 'event-' + event.id }, '' ).update('

' + event.description.split(/\n\n/g).join('

').replace(/\n/g,'
') +'

') //, // Builder.node('div', { style: 'clear:both;' } ,'') ]) ]) ]); this.el.insert(div); }, getEvents: function(transport) { var events = $A(transport.responseJSON.data); events.reverse(true); for (var i = 0; i < events.length; i++) { new Ajax.Request('/asp/fbevent.asp', { method: 'get', parameters: { 'eid': events[i].id }, onSuccess: this.getEvent.bind(this) }); } }, start: function (e) { this.el = $(e); if (this.el) { new Ajax.Request('/asp/fbevents.asp', { method: 'get', onSuccess: this.getEvents.bind(this) }); } } }; var FacebookEventsWidget = { el: null, // dateRE: /(\d\d\d\d)-(\d\d)-(\d\d)T(\d\d):(\d\d):(\d\d)\+(\d\d\d\d)/, // dateRE: /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)Z$/, dateRE: /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2}(?:\.\d*)?)/, nlRE: /\n/g, quoRE: /"/g, convertDate: function (date_stamp) { // converts a facebook time to a date object var a = this.dateRE.exec(date_stamp); // var date = new Date(Date.UTC(+a[1], +a[2] - 1, +a[3], +a[4], +a[5], +a[6])); var date = new Date(+a[1], +a[2] - 1, +a[3], +a[4] - 0, +a[5], +a[6]); // var dateparts = this.dateRE.exec(date_stamp); // get the date into format "Weekday, Month Day Year at Time" var hour = date.getHours(); var min = date.getMinutes(); var ampm = 'am'; if (hour > 11) { ampm = 'pm'; hour = hour - 12; } var dateStr = date.toLocaleDateString() + ' at ' + hour + ':' + (min < 10 ? '0' + min.toString() : min) + ampm; return dateStr; }, makeToolTip: function (eid) { var id = 'event_' + eid; new Tip(id, { ajax: { url: '/asp/fbevent-html.asp?eid=' + eid, options: { } }, width: 'auto', style: 'darkgrey', hideOthers: true, hideAfter: 0.14, hideOn: false, borderColor: '#101010', stem: { position: 'rightBottom', width: 40, height: 16 }, hook: { target: 'leftMiddle', tip: 'rightBottom'} }); }, getEvents: function(transport) { this.el.innerHTML = ''; var events = $A(transport.responseJSON.data); events.reverse(true); for (var i = 0; i < events.length; i++) { var id = 'event_' + events[i].id; var div = Builder.node('div', { 'id': id, style: 'text-align: left; border-bottom: dotted 1px #808080; marginj: 0 5px; padding: 5px;' }, [ Builder.node('a', { href: 'http://www.facebook.com/event.php?eid=' + events[i].id, title: 'Click to see event on Facebook', target: '_blank' }, events[i].name), Builder.node('br'), Builder.node('span', { style: 'font-size: 11px; font-style: italic;' }, this.convertDate(events[i].start_time)) ]); this.el.insert(div); this.makeToolTip(events[i].id); // Get the event data to make tool tip } }, start: function (e) { this.el = $(e); if (this.el) { new Ajax.Request('/asp/fbevents.asp', { method: 'get', onSuccess: function (transport) { FacebookEventsWidget.getEvents(transport); } }); } } }; var SlideFader = { el: null, slides: [], idx: 0, interval: null, trans: function () { //fade slide a out and slide b in var idx = this.idx; var next_idx = idx + 1; if (next_idx >= this.slides.length) { next_idx = 0; } new Effect.Parallel( [ new Effect.BlindUp (SlideFader.slides[idx], { sync: true, duration: 1.0 } ), new Effect.Fade (SlideFader.slides[idx], { sync: true, delay: 0.5, duration: 1.5 } ), new Effect.Appear (SlideFader.slides[next_idx], { sync: true, dealy: 1.0 } ) ], { duration: 1.0 } ); this.idx = next_idx; }, pause: function() { if (this.interval) { clearInterval(this.interval); } }, restart: function() { Fader.trans(); Fader.start(); }, start: function(el) { this.el = $(el); if (this.el) { this.slides = this.el.childElements(); var numSlides // abolutely position the slides, and then hide the slides, except the 1st one this.slides[0].setStyle({display: 'block', position: 'absolute', top: 0, left: 0}); for (var i = 1; i < this.slides.length; ++i) { this.slides[i].setStyle({display: 'none', position: 'absolute', top: 0, left: 0}); } if (this.slides.length > 1) { this.interval = setInterval('SlideFader.trans()', 8500); } } } }; //------------------------------------------------------------------------- // Google Analytics //------------------------------------------------------------------------- var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-17528091-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); function gaRecordOutboundLink(evt) { try { var myTracker=_gat._getTrackerByName(); _gaq.push(['myTracker._trackEvent', ' + "External Link" + ', ' + this.href + ']); setTimeout('document.location = "' + this.href + '"', 100); // setTimeout('window.open("' + this.href + '", "_newtab")', 100); } catch(err) { } // evt.stop(); return false; } function trackExternalLinks() { $$('a[rel~=external]').each(function(a) { a.onclick = gaRecordOutboundLink; // a.observe('click', gaRecordOutboundLink); }); } //------------------------------------------------------------------------- // Initialize The page //------------------------------------------------------------------------- document.observe('dom:loaded', function () { upgradeBrowser('messages'); } ); document.observe("dom:loaded", function () { PUMP.init(); }); document.observe("dom:loaded", function () { trackExternalLinks(); }); document.observe('dom:loaded', function () { SlideFader.start('slide_holder'); }); document.observe('dom:loaded', function () { NewsWidget.init('musicnews'); } ); document.observe('dom:loaded', function () { FacebookEventsWidget.start('facebookevents'); } ); document.observe('dom:loaded', function () { FacebookEvents.start('facebookevents-full'); } ); document.observe('dom:loaded', function () { BillboardWidget.start('chartwidget'); } );