';
var firstImage = true;
for (i = 0; i < x.length; i++) {
if (x[i].nodeName == "media:content") {
var strURL = x[i].getAttribute("url");
//alert(x[i].childNodes[0].nodeValue);
if (strURL.indexOf(".flv") == -1) {
if (firstImage) {
fgInnerHtml = fgInnerHtml +
'( Alternatively, click ' +
'here for a basic slideshow )';
firstImage = false;
} else {
fgInnerHtml = fgInnerHtml +
'';
}
}
}
}
PicLensLite.flash_fg_.innerHTML = fgInnerHtml;
myLytebox.updateLyteboxItems();
}
// PicLens Lite 1.0
//
// We should also prefetch the smaller logo images to improve the responsiveness of the initial download
// Ideally, we can also clean this JS file up, but that is lower priority. (Correctness before Performance) :^)
var PicLensLite = {
// The PicLensLite public API contains one function: either call PicLensLite.start(), or pass in an object literal with named arguments, e.g., PicLensLite.start({feedUrl:'http://myWebsite.com/myFeed.xml'});
start : function(namedArgs) {
// if piclens already exists... launch the client
if (window.piclens) {
//window.piclens.start;
//alert("Piclens Exists");
//window.piclens.launch();
}
// clear the fields as if they have been set before...
this.homepageLabel_ = "";
this.feedXML_ = "";
// clear this so that we will have to reinstantiate the flash object
this.flash_bg_ = false;
// the feed to load
var targetFeedUrl = "";
var feedData;
// the named arguments we support
if (typeof namedArgs != "undefined") {
if (typeof namedArgs.homePageLabel != "undefined") {
this.homepageLabel_ = namedArgs.homePageLabel;
}
if (typeof namedArgs.feedUrl != "undefined") {
targetFeedUrl = namedArgs.feedUrl;
}
if (namedArgs.feedData) { // pass in the feed XML directly through Javascript
feedData = namedArgs.feedData;
}
}
if (feedData) {
this.feedXML_ = feedData;
this.showFlashUI();
} else if (targetFeedUrl == "") {
if (!this.feeds_) { // build list of XML feeds
this.indexFeeds();
}
if (this.feeds_.length != 0) { // view the first feed, if available
var feed = this.feeds_[0];
this.startWithUrl(feed.url);
}
} else {
this.startWithUrl(targetFeedUrl); // open the specified URL
}
},
// PRIVATE API BELOW...
MARGIN_W : 80, // for the lightbox
MARGIN_H : 60,
MARGIN_W_THIN : 60,
MARGIN_H_THIN : 20,
MARGIN_W_THIN_2 : 120,
MARGIN_H_THIN_2 : 40,
PLL_URL : "http://lite.piclens.com/",
FL_URL : "http://lite.piclens.com/current/PicLensLite.swf",
FL_URL_DEBUG_WEB : "http://staging.lite.piclens.com/current/PicLensLite.swf",
FL_URL_DEBUG_FS : "../bin/PicLensLite.swf",
FL_GIF : "http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif",
GET_FL : "http://www.adobe.com/go/getflashplayer",
PL2 : "PLLFlash2",
piclensIsRunning_ : false,
feeds_ : null,
xmlLoader_ : null,
fadeTimer_ : null,
homepageLabel_ : "",
feedXML_ : "",
isSafari : navigator.userAgent.indexOf('Safari') != -1,
isIE : navigator.userAgent.indexOf('Firefox') != -1,
isFirefox : navigator.userAgent.indexOf('MSIE') != -1,
isIE6 : function() {
try {
if (typeof document.body.style.maxHeight === "undefined") { // IE 6
return true;
} else {
return false;
}
} catch (e) {
return false;
}
},
startWithUrl : function(feedUrl) {
this.feedXML_ = feedUrl;
if (this.xmlLoader_) { // cancel any pending load
this.xmlLoader_.abort();
this.xmlLoader_ = null;
}
// start loading XML
var self = this; this.xmlLoader_ = this.createXHR(feedUrl, function() { self.onLoadStatusChanged(); });
this.showFlashUI();
},
addKeyHandlers : function() {
var self = this;
document.onkeydown = function(e){
if (e == null) { // ie
keycode = event.keyCode;
} else { // mozilla
keycode = e.which;
}
if (keycode == 27){ // ESC to close
self.closeFlashUI();
} else {
// forward to Flash
self.keyPressed(keycode);
}
return false;
}
// this is the handler for forwarding mouse scroll info to the flash component
this.forwardMouseScroll_ = function(e) {self.scrollWheelMoved(e); return false;};
// remove mouse scroll
if (window.addEventListener) {
window.addEventListener("DOMMouseScroll", this.forwardMouseScroll_, false);
}
// do stuff for IE/Opera/etc..
if (document.attachEvent) {
document.attachEvent("onmousewheel", this.forwardMouseScroll_);
}
// other browsers?
// TODO: perhaps we should only do ONE of these, but not ALLL....
window.onmousewheel = document.onmousewheel = this.forwardMouseScroll_;
},
sendTextToFlash : function(str) {
if (this.piclensIsRunning_) {
this.getFlash2().fl_sendTextToFlash(str);
}
},
keyPressed : function(code) {
// safari gets here... seems like it doesn't do ExternalInterface?
// it does on Windows/Safari3, at least...
if (!this.piclensIsRunning_) { return; }
if (this.isSafari) { // does this work??
this.getFlash().fl_keyPressed(code);
} else {
this.getFlash2().fl_keyPressed(code); // others need this one
}
},
sendMouseMovementToFlash : function(delta) {
if (!this.piclensIsRunning_) { return; }
if (this.isSafari) { // WOW this works!
this.getFlash().fl_mouseMoved(delta);
} else {
this.getFlash2().fl_mouseMoved(delta);
}
},
scrollWheelMoved : function(event) {
// event.wheelDelta
// Safari/Windows (MouseWheel Up is +120; Down is -120)
var delta = 0;
if (!event) {
event = window.event;
}
if (event.wheelDelta) { // IE/Opera
delta = event.wheelDelta/120;
if (window.opera) {
delta = -delta;
}
} else if (event.detail) { // Firefox/Moz
// on mac, don't divide by 3...
if (Math.abs(event.detail) < 3) {
delta = -event.detail;
} else {
delta = -event.detail/3;
}
}
if (delta) {
// don't send abs values < 1; otherwise, you can only scroll next
this.sendMouseMovementToFlash(delta);
}
if (event.preventDefault) {
event.preventDefault();
}
event.returnValue = false;
},
getCurrentURL : function() {
return location.href;
},
getHomePageName : function() {
return this.homepageLabel_;
},
indexFeeds : function() {
var linkTags = document.getElementsByTagName("link");
this.feeds_ = [];
for (var i = 0; i != linkTags.length; ++i) {
var link = linkTags[i], type = link.getAttribute("type");
if (type == "application/rss+xml" || type == "text/xml") {
this.feeds_.push({
title: link.getAttribute("title"),
url: link.getAttribute("href")
});
}
}
},
createXHR : function(url, callback) {
var req;
if (window.XMLHttpRequest) { // native XHR
req = new XMLHttpRequest();
}
else if (window.ActiveXObject) { // IE/ActiveX
try {
req = new ActiveXObject("Microsoft.XMLHTTP"); // IE 6 goes into this branch too
} catch(exc) {
req = new ActiveXObject("MSXML2.XMLHTTP.3.0");
}
}
if (req) {
req.onreadystatechange = callback;
if (BrowserDetect.browser == "Explorer" ||
BrowserDetect.browser == "Opera" ||
BrowserDetect.browser == "Safari") { // I know this is bad... but it works.
var sep = (-1 < url.indexOf("?")) ? "&" : "?";
var randurl = url + sep + "_pll=" + encodeURIComponent((new Date()).getTime()); // IE workaround to avoid caching...
req.open("GET", randurl, true); // bAsync = true, can't test with IE7 on local filesystem (Access Denied)
req.setRequestHeader("Cache-Control", "no-cache");
} else {
req.open("GET", url, true); // bAsync = true, can't test with IE7 on local filesystem (Access Denied)
}
req.send("");
}
return req;
},
onLoadStatusChanged : function() {
// extract feed data
var xhr = this.xmlLoader_;
if (!xhr) return;
// check for success or failure
if (xhr.readyState == 4) {
// alert("State: " + xhr.readyState);
var dom = xhr.responseXML;
var text = xhr.responseText;
if (xhr.status == 200 || xhr.status == 0) { // xhr.status == 0 implies the local file system
// set the XML of the feed so we can access it from Flash
this.feedXML_ = text;
} else {
// alert('PicLens Lite could not find the RSS feed.');
}
this.xmlLoader_ = null;
} else {
//alert("State: " + xhr.readyState);
// opera only ever gets to state 3???
// also doesn't seem to support external interface... we should embed it via flash vars then!
//this.feedXML_ = xhr.responseText;
}
},
showFlashUI : function() {
this.piclensIsRunning_ = true;
this.addKeyHandlers();
if (!this.flash_bg_) {
// configure background layer
var bg = document.createElement('div'), self = this;
// the window size
var winSize = this.getWindowSize();
bg.style.width = winSize.w;
if (this.isIE6()) {
bg.style.position = 'absolute';
bg.style.height = document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px';
} else {
bg.style.position = 'fixed';
bg.style.height = winSize.h;
}
bg.style.left = 0;
bg.style.right = 0;
bg.style.top = 0;
bg.style.bottom = '0';
bg.style.backgroundColor = '#000';
bg.style.opacity = '0.5';
bg.style.filter = 'alpha(opacity=50)'; // IE7
bg.style.zIndex = 1000;
bg.onclick = function() { self.closeFlashUI(); };
// configure box appearance
var fg = document.createElement('div');
fg.style.backgroundColor = '#000';
if (this.isIE6()) {
fg.style.position = 'absolute';
fg.style.width = (winSize.w - this.MARGIN_W_THIN_2) + 'px';
fg.style.height = (winSize.h - this.MARGIN_H_THIN_2) + 'px';
} else {
fg.style.position = 'fixed';
}
if (!this.isSafari) {
// use a smaller margin if the window size is <= 1280
//if (winSize.w <= 1280) {
fg.style.left = fg.style.right = this.MARGIN_W_THIN + 'px';
fg.style.top = fg.style.bottom = this.MARGIN_H_THIN + 'px';
//} else {
// fg.style.left = fg.style.right = this.MARGIN_W + 'px';
// fg.style.top = fg.style.bottom = this.MARGIN_H + 'px';
//}
}
fg.style.border = '2px solid #555';
fg.style.zIndex = 1001;
fg.id = "flashdiv";
// @deprecated: instead of using FlashVars, allow Flash to call JavaScript
var myVars = "";
// store references to inserted divs
this.flash_bg_ = bg;
this.flash_fg_ = fg;
// insert into document
var osx = BrowserDetect.OS == "Mac";
var ffx = BrowserDetect.browser == "Firefox";
if ((osx&&ffx)) {
// nothing
} else {
document.body.appendChild(bg);
}
document.body.appendChild(fg);
// inject player
var w, h;
if (this.isSafari) {
w = '1';
h = '1';
} if (this.isIE6()) {
w = winSize.w - this.MARGIN_W_THIN_2;
h = winSize.h - this.MARGIN_H_THIN_2;
} else {
w = '100%';
h = '100%';
}
var objParams = "";
if (!this.isIE6()) {
objParams = ' width="'+w+'" height="'+h+'" play="true" bgcolor="#000000" id="'+this.PL2+'" name="'+this.PL2+'" ';
} else {
objParams = ' width="0" height="0" play="true" visible="false" bgcolor="#000000" id="'+this.PL2+'" name="'+this.PL2+'" ';
}
if (SWFFix.hasFlashPlayerVersion("9.0.28")) {
fg.innerHTML =
'';
} else { // get Flash!
var v = SWFFix.getFlashPlayerVersion();
fg.innerHTML = '
' +
'Your browser currently has Adobe Flash v' + v.major + '.' + v.minor + '.' + v.release + '
' + 'Either PicLens or Adobe Flash Player v. 9.0.28 or greater is required to view this slideshow.
' + '' +
'
' +
'
';
if (this.isIE || this.isFirefox) {
loadXML();
} else {
fg.innerHTML = fg.innerHTML +
'' + 'Either PicLens or Adobe Flash Player v. 9.0.28 or greater is required to view this slideshow.
' + '
 *Available for Firefox and Safari | ' +
'Get PicLens, a free browser add-on for full-screen slideshows throughout the web. | ' + 'or | ' + 'Get Adobe Flash Player ' + '' + '
| ' +
'
© 2007 Cooliris, Inc. All trademarks are property of their respective holders.
';
}
}
// resize widget to fit window
if (this.isSafari) {
this.resizeUI();
}
// make visible
this.flash_bg_.style.display = 'block';
this.flash_fg_.style.display = 'block';
} else {
document.body.appendChild(this.flash_bg_);
document.body.appendChild(this.flash_fg_);
this.flash_bg_.style.display = 'block';
this.flash_fg_.style.display = 'block';
}
if (!this.resizeWatched && this.isSafari) {
var self = this;
window.addEventListener('resize', function() { self.resizeUI(); }, false);
this.resizeWatched = true;
}
},
closeFlashUI : function() {
this.piclensIsRunning_ = false;
var self = this;
// remove the handlers...
document.onkeydown = "";
window.onmousewheel = document.onmousewheel = "";
if (window.removeEventListener) {
window.removeEventListener("DOMMouseScroll", this.forwardMouseScroll_, false);
}
this.flash_bg_.style.display = 'none';
this.flash_fg_.style.display = 'none';
document.body.removeChild(this.flash_bg_);
document.body.removeChild(this.flash_fg_);
},
getWindowSize : function() { // inner size
var w = 0, h = 0;
if (typeof(window.innerWidth) == 'number') {
// not IE
w = window.innerWidth;
h = window.innerHeight;
} else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
// IE 6+ in 'standards compliant mode'
w = document.documentElement.clientWidth;
h = document.documentElement.clientHeight;
} else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
// IE 4 compatible
w = document.body.clientWidth;
h = document.body.clientHeight;
}
return {w:w, h:h}
},
resizeUI : function() { // resize event handler
// compute layout; use a thinner margin if the window size is <= 1280
var winSize = this.getWindowSize();
var w = 780;
var h = 580;
if (winSize.w <= 1280) {
w = Math.ceil(winSize.w - 2*this.MARGIN_W_THIN);
h = Math.ceil(winSize.h - 2*this.MARGIN_H_THIN);
} else { // big window
w = Math.ceil(Math.max(winSize.w * 0.8, winSize.w - this.MARGIN_W));
h = Math.ceil(Math.max(winSize.h * 0.8, winSize.h - this.MARGIN_H));
}
var x = Math.ceil((winSize.w - w) / 2.0);
var y = Math.ceil((winSize.h - h) / 2.0);
// apply layout
var fg = this.flash_fg_;
var flashObj = this.getFlash();
fg.style.left = x + 'px';
fg.style.top = y + 'px';
fg.style.width = w + 'px';
fg.style.height = h + 'px';
flashObj.style.width = w + 'px';
flashObj.style.height = h + 'px';
flashObj.width = w;
flashObj.height = h;
},
getFeedFromJS : function() { // Flash polls this to get the feed...
return this.feedXML_;
},
getFlashURL : function() {
var fs = typeof DEBUG_PICLENS_FS != "undefined";
if (typeof DEBUG_PICLENS_WEB == "undefined" && !fs) { // production
return this.FL_URL;
} else if (!fs) { // debug
return this.FL_URL_DEBUG_WEB;
} else {
return this.FL_URL_DEBUG_FS;
}
},
focusOnFlash : function () { // place focus on the Flash item; only works in some browsers
this.getFlash2().focus();
},
getFlash : function() {
return document.getElementById("PLLFlash");
},
// works for Javascript/Flash Bridge
// also works for OSX Firefox's Focus
getFlash2 : function() {
return document.getElementById(this.PL2);
},
hasPLClient : function() {
if (window.piclens) {
return true;
} else {
return false;
}
}
}