//solo.js for channel 23770 / widget 7123 / WxH: 425x369 / skin: clean / vid: 0 / autoplay: N / matrix: Y
// Widget standard js for yubby
// NOT based on prototype or jquery - cause it must be lightweight and cant interfere with host
/**
* htmlspecialchars - like its php counterpart
* @author rvw
* @since 08-03-2010 12:19
*/
function htmlspecialchars(string) {
string = string.toString();
string = string.replace(/&/g, '&');
string = string.replace(//g, '>');
string = string.replace(/"/g, '"');
// single quote.. string = string.replace(/'/g, ''');
return string;
}
// pgstats - poor mans page statistics..
// NOT based on prototype or jquery - cause it must be lightweight
// // get our script src, to know our baseurl so we can call home
// var pgstatsScriptSource = (function(scripts) {
// var scripts = document.getElementsByTagName('script'),
// script = scripts[scripts.length - 1]; // at ths very moment, we are the last script guaranteed
//
// if (script.getAttribute.length !== undefined) {
// return script.src
// }
//
// return script.getAttribute('src', -1)
// }());
var pgstats= {
browser: navigator.userAgent,
uid: '',
scr: screen.width.toString()+'x'+screen.height.toString(),
url: document.URL,
referrer: document.referrer,
ecollect: {},
baseurl: 'http://www.yubby.com/', // pgstatsScriptSource.substr(0,pgstatsScriptSource.lastIndexOf('/pgstats/')),
init: function() {
if (!(this.uid=this.readCookie('pgstats'))) {
this.uid= Math.round(Math.random() * 2147483647).toString();
this.uid+= Math.round(Math.random() * 2147483647).toString();
this.createCookie('pgstats',this.uid,365*2);
}
},
xPageHit: function () {
var xhReq=this.createXMLHttpRequest();
if (!xhReq)
return 'ERR:xhReq'; // forget it..
if (!this.baseurl)
return 'ERR:baseurl'; // forget it..
xhReq.open('get',this.baseurl+'pgstats/tick?'+this.collectInfo(),true);
// xhReq.onreadystatechange = function() {
// if (xhReq.readyState != 4) { return; }
// var serverResponse = xhReq.responseText;
// alert(serverResponse);
// };
xhReq.send();
return 'OK';
},
collectInfo: function() {
var rv;
rv='ts=' + new Date().getTime();
//rv+='&br='+this.encURI(this.browser);
rv+='&uid='+this.uid;
rv+='&url='+this.encURI(this.url);
rv+='&refer='+this.encURI(this.referrer);
//rv+='&ssrc='+this.encURI(this.baseurl);
rv+='&scr='+this.scr;
for (i in this.ecollect) {
rv+='&'+i+'='+this.encURI(this.ecollect[i]);
}
return rv;
},
addcollect: function(key,val) {
this.ecollect[key]=val;
},
//------- helper functions ----------
createCookie: function (name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
},
readCookie: function(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
},
eraseCookie: function(name) {
createCookie(name,"",-1);
},
encURI: function(url) {
//return encodeURIComponent(url); // forgets to encode a lot of chars. Useless
var s = escape(url); // this is the most complete one, however forgets to encode star, slash, @ and +
s = s.replace(/\*/g,"%2A");
s = s.replace(/\//g,"%2F");
s = s.replace(/\@/g,"%40");
s = s.replace(/\+/g,"%2B");
return s;
},
createXMLHttpRequest: function() {
try { return new XMLHttpRequest(); } catch(e) {}
try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {}
try { return new ActiveXObject('Microsoft.XMLHTTP'); } catch (e) {}
return null;
}
}
pgstats.init();
//pgstats.addcollect('vid','234234');
//pgstats.xPageHit();
var isIE = /MSIE ((5\.5)|[6])/.test(navigator.userAgent) && navigator.platform == "Win32";
var cvids_7123= new Array(); // channelvideo's
var curvid_7123=0; // first video
var cpvideo_7123=false; // false=thumb, true=video
// in IE, you need to declare these before the vp_createwg is called, otherwise they do not exist in the onclick context
var matrix_curpg=1;
var matrix_npages=1;
var butnext_mousein=false;
var butprev_mousein=false;
var butplay_mousein=false;
var butstop_mousein=false;
var butmatrix_mousein=false;
var imgNext_ov = new Image;
var imgNext_ou = new Image;
var imgNext_d = new Image;
imgNext_ov.src="http://www.yubby.com//img/widget/solo/iconnext24ov.png";
imgNext_ou.src="http://www.yubby.com//img/widget/solo/iconnext24.png";
imgNext_d.src ="http://www.yubby.com//img/widget/solo/iconnext24d.png";
var imgPrev_ov = new Image;
var imgPrev_ou = new Image;
var imgPrev_d = new Image;
imgPrev_ov.src="http://www.yubby.com//img/widget/solo/iconprev24ov.png";
imgPrev_ou.src="http://www.yubby.com//img/widget/solo/iconprev24.png";
imgPrev_d.src ="http://www.yubby.com//img/widget/solo/iconprev24d.png";
var imgPlay_ov = new Image;
var imgPlay_ou = new Image;
var imgPlay_d = new Image;
imgPlay_ov.src="http://www.yubby.com//img/widget/solo/iconplay24ov.png";
imgPlay_ou.src="http://www.yubby.com//img/widget/solo/iconplay24.png";
imgPlay_d.src ="http://www.yubby.com//img/widget/solo/iconplay24d.png";
var imgStop_ov = new Image;
var imgStop_ou = new Image;
var imgStop_d = new Image;
imgStop_ov.src="http://www.yubby.com//img/widget/solo/iconstop24ov.png";
imgStop_ou.src="http://www.yubby.com//img/widget/solo/iconstop24.png";
imgStop_d.src ="http://www.yubby.com//img/widget/solo/iconstop24d.png";
var imgMatrix_ov = new Image;
var imgMatrix_ou = new Image;
var imgMatrix_d = new Image;
imgMatrix_ov.src="http://www.yubby.com//img/widget/solo/iconmatrix24ov.png";
imgMatrix_ou.src="http://www.yubby.com//img/widget/solo/iconmatrix24.png";
imgMatrix_d.src ="http://www.yubby.com//img/widget/solo/iconmatrix24d.png";
var wgElm_7123 = document.getElementById('viidoo_solo_7123');
if (wgElm_7123) {
vp_createwg();
}
pgstats.addcollect('chid','23770');
pgstats.addcollect('hit','embed');
pgstats.addcollect('widget','solo');
pgstats.xPageHit();
function vp_createwg() {
// silly IE needs BR
var html='
';
html+='';
wgElm_7123.innerHTML=html;
wgElm_7123.style.display = 'block';
updAllButState();
}
function playnext_7123() {
if (curvid_7123 < cvids_7123.length -1 ) {
curvid_7123++;
if (cpvideo_7123)
playstart_7123(); // we are playing video
else {
var thumbdiv=document.getElementById('thumb_7123');
thumbdiv.innerHTML=vidthumbhtml_7123(curvid_7123);
}
}
updAllButState();
}
function playprev_7123() {
if (curvid_7123 >0 ) {
curvid_7123--;
if (cpvideo_7123)
playstart_7123(); // we are playing video
else {
var thumbdiv=document.getElementById('thumb_7123');
thumbdiv.innerHTML=vidthumbhtml_7123(curvid_7123);
}
}
updAllButState();
}
function playstart_7123(vnr) {
closepopup_7123(); // close popup (if open)
if (vnr==null)
vnr=curvid_7123;
else
curvid_7123=vnr; // set the current
var thumbdiv=document.getElementById('thumb_7123');
thumbdiv.style.background='#FFF url(http://www.yubby.com/img/spinner32.gif) no-repeat 182.5px 141.5px';
thumbdiv.innerHTML='';
cpvideo_7123=true;
updAllButState();
}
function playstop_7123() {
cpvideo_7123=false;
var thumbdiv=document.getElementById('thumb_7123');
thumbdiv.style.background='#FFF';
thumbdiv.innerHTML=vidthumbhtml_7123(curvid_7123);
updAllButState();
}
function playstartstop_7123() {
if (cpvideo_7123)
playstop_7123();
else
playstart_7123();
}
function vidthumbhtml_7123(vnr) {
var html='';
html+='';
html+='
';
html+='
'+htmlspecialchars(cvids_7123[vnr].title)+'
'+htmlspecialchars(cvids_7123[vnr].desc)+'
'+(vnr+1)+'/'+(cvids_7123.length)+'
';
html+='
';
html+='
';
html+='
';
html+='
';
html+='
'+htmlspecialchars(cvids_7123[vnr].title)+'
';
html+='
';
html+='
';
html+='
';
if (cp>1) {
// we CAN prev!
html+= '« Previous';
}
else {
html+= '« Previous';
}
// Available pages - Link
var lpage = 1;
var cpageSur = 2;
var dotted = false;
for (var lpage=1;lpage<=npages;lpage++) {
// 1-2...8-9-[10]-11-12....58-59
if ( lpage<=2 || (lpage>=cp-4 && lpage<=cp+4) || lpage>=npages-1) {
dotted = false; // we need to dot afterwards
if (lpage == cp )
html+=''+lpage+'';
else
html+=''+lpage+'';
}
else {
// no printing.. buttt maybe we need to dot
if ( !dotted ) {
html+=' ... ';
dotted = true;
}
}
}
// Next page - Link
if ( cpNext »';
else
html+='Next »';
html+='
';
return html;
}
function vidplayurl_7123(vnr) {
if (vnr==null)
vnr=curvid_7123;
return 'http://www.yubby.com/channel/player/23770/'+cvids_7123[vnr].vid;
}
//------------------------------------ button handlers --------------------------------------
function stButImg(oBut) {
if (oBut.id == 'pgnext_7123') {
if (curvid_7123 >= cvids_7123.length -1 )
oBut.src = imgNext_d.src;
else
oBut.src= butnext_mousein ? imgNext_ov.src : imgNext_ou.src;
}
if (oBut.id == 'pgprev_7123') {
if (curvid_7123==0 )
oBut.src = imgPrev_d.src;
else
oBut.src= butprev_mousein ? imgPrev_ov.src : imgPrev_ou.src;
}
if (oBut.id == 'pgplay_7123') {
if (cpvideo_7123) // we are currently playing
oBut.src = butplay_mousein ? imgStop_ov.src : imgStop_ou.src;
else
oBut.src= butplay_mousein ? imgPlay_ov.src : imgPlay_ou.src;
}
// if (oBut.id == 'pgstop_7123') {
// if (!cpvideo_7123 ) // currently NOT playing
// oBut.src = imgStop_ov.src;
// else
// oBut.src= butstop_mousein ? imgStop_ov.src : imgStop_ou.src;
// }
if (oBut.id == 'pgmatrix_7123') {
oBut.src= butmatrix_mousein ? imgMatrix_ov.src : imgMatrix_ou.src;
}
}
function oMouEv(oBut,mouseIn) {
if (oBut.id == 'pgnext_7123')
butnext_mousein=mouseIn;
if (oBut.id == 'pgprev_7123')
butprev_mousein=mouseIn;
if (oBut.id == 'pgplay_7123')
butplay_mousein=mouseIn;
// if (oBut.id == 'pgstop_7123')
// butstop_mousein=mouseIn;
if (oBut.id == 'pgmatrix_7123')
butmatrix_mousein=mouseIn;
stButImg(oBut);
}
function updAllButState() {
el = document.getElementById('pgnext_7123');
if (el)
stButImg(el); // update nextbutton state
el = document.getElementById('pgprev_7123');
if (el)
stButImg(el); // update prevbutton state
el = document.getElementById('pgplay_7123');
if (el)
stButImg(el); // update prevbutton state
// el = document.getElementById('pgstop_7123');
// if (el)
// stButImg(el); // update prevbutton state
el = document.getElementById('pgmatrix_7123');
if (el)
stButImg(el); // update prevbutton state
}
//------------------------------------ other stuff -------------
// find absolute top loc of object
function vp_offsetTop(obj) {
curtop = 0;
if (obj.offsetParent) {
curtop = obj.offsetTop
while (obj = obj.offsetParent) {
curtop += obj.offsetTop
}
}
return curtop;
}
function vp_offsetLeft(obj) {
curtop = 0;
if (obj.offsetParent) {
curtop = obj.offsetLeft;
while (obj = obj.offsetParent) {
curtop += obj.offsetLeft;
}
}
return curtop;
}
function closepopup_7123() {
el = document.getElementById('ipopup_7123');
if (el) {
el.parentNode.removeChild(el);
}
}
//
// getPageScroll()
// Returns array with x,y page scroll values.
// Core code from - quirksmode.org
//
function getPageScroll(){
var yScroll;
if (self.pageYOffset) {
yScroll = self.pageYOffset;
} else if (document.documentElement && document.documentElement.scrollTop){ // Explorer 6 Strict
yScroll = document.documentElement.scrollTop;
} else if (document.body) {// all other Explorers
yScroll = document.body.scrollTop;
}
arrayPageScroll = new Array('',yScroll)
return arrayPageScroll;
}
//
// getPageSize()
// Returns array with page width, height and window width, height
// Core code from - quirksmode.org
// Edit for Firefox by pHaez
//
function getPageSize(){
var xScroll, yScroll;
if (window.innerHeight && window.scrollMaxY) {
xScroll = document.body.scrollWidth;
yScroll = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}
var windowWidth, windowHeight;
if (self.innerHeight) { // all except Explorer
windowWidth = self.innerWidth;
windowHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
} else if (document.body) { // other Explorers
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}
// for small pages with total height less then height of the viewport
if(yScroll < windowHeight){
pageHeight = windowHeight;
} else {
pageHeight = yScroll;
}
// for small pages with total width less then width of the viewport
if(xScroll < windowWidth){
pageWidth = windowWidth;
} else {
pageWidth = xScroll;
}
arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
return arrayPageSize;
}
function gotopage_7123(pg) {
if (pg<1)
pg=1;
if (matrix_npages<1)
matrix_npages=1;
if (pg>matrix_npages)
pg=matrix_npages;
matrix_curpg=pg;
var mxs=document.getElementById('mxs_7123');
var html='';
for (var i=(matrix_curpg-1)*16,cv=0;i1) {
html+= ''+paginationhtml_7123(matrix_curpg, matrix_npages)+'
';
}
mxs.innerHTML=html;
}
function showmatrix_7123() {
// close old one
closepopup_7123();
matrix_npages= Math.ceil(cvids_7123.length / 16);
// open new
var popup_div = document.createElement('div');
var title='matrix';
popup_div.id = "ipopup_7123";
popup_div.style.position = 'absolute';
popup_div.style.border = 'none';
popup_div.className = "v69resetstyle";
var base_width=172*4+25;
var base_height=100*4+30+10+4;
if (matrix_npages>1)
base_height+=30;
popup_div.style.width = base_width+'px';
popup_div.style.height = base_height+'px';
popup_div.style.fontFamily='Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Tahoma,Geneva,Arial,helvetica,sans-serif';
popup_div.style.zIndex = '10000';
// CENTER SCREEN
var arrayPageSize = getPageSize();
var arrayPageScroll = getPageScroll();
var popup_top = arrayPageScroll[1] + ((arrayPageSize[3] -base_height) / 2);
var popup_left = arrayPageScroll[0] +((arrayPageSize[0] - base_width) / 2);
if (popup_top<0)
popup_top=0;
if (popup_left<0)
popup_left=0;
popup_div.style.position = 'absolute';
popup_div.style.top = popup_top + 'px';
popup_div.style.left = popup_left + 'px';
var vid_html='';
vid_html+='';
vid_html+='
';
vid_html+= '
';
vid_html+= '
Mix 103.1
';
vid_html+= '
';
// for (var i=0,cv=0;i
1) {
// vid_html+= ''+paginationhtml_7123(matrix_curpg, matrix_npages)+'
';
// }
vid_html+= '';
vid_html+= '
';
vid_html+='
';
html +='
';
html +='
';
//html +='
';
//html +='
';
// start is now a toggle
html +='
';
html +='