);
**example:
************************************************************/
var thumbSlide = function () {
var isRunning = false;
var thumbTotalCount = 0;
var thumbVisibleSpacing = 0;
var thumbVisibleCount = 0;
var currentLeftPosition = 0; //tracks left position
var tempThumbScrollTiming = .9;
var scrollThumbs = function(direction) {
var tempLastPosition = currentLeftPosition;
var totalSpacing = thumbTotalCount * thumbVisibleSpacing;
var segmentSpacing = thumbVisibleCount * thumbVisibleSpacing;
if(direction=="left") {
if(currentLeftPosition < 0) {
currentLeftPosition = currentLeftPosition + segmentSpacing; //remember to add against negative number
var leftAnim = new YAHOO.util.Anim('media-link-scroll', { left: { from: tempLastPosition, to: currentLeftPosition } }, tempThumbScrollTiming, YAHOO.util.Easing.easeOut);
leftAnim.onComplete.subscribe(function(){setNavArrows(currentLeftPosition,segmentSpacing,totalSpacing);});
leftAnim.animate();
} else {
setNavArrows(currentLeftPosition,segmentSpacing,totalSpacing);
}
}
if(direction=="right") {
if((currentLeftPosition-segmentSpacing)>(totalSpacing*-1) ) {
currentLeftPosition = currentLeftPosition - segmentSpacing;
var rightAnim = new YAHOO.util.Anim('media-link-scroll', { left: { from: tempLastPosition, to: currentLeftPosition } }, tempThumbScrollTiming, YAHOO.util.Easing.easeOut);
rightAnim.onComplete.subscribe(function(){setNavArrows(currentLeftPosition,segmentSpacing,totalSpacing);});
rightAnim.animate();
}
}
isRunning = false;
}
//shows or dims the left and right arrows
var setNavArrows = function(curPos, segSpacing, totSpacing) {
if(thumbTotalCount <= thumbVisibleCount) {
YAHOO.util.Dom.setStyle('lightbox-nav-arrow-right' , 'opacity' , 0 ) ;
YAHOO.util.Dom.setStyle('lightbox-nav-arrow-right' , 'cursor' , "inherit" ) ;
YAHOO.util.Dom.setStyle('lightbox-nav-arrow-left' , 'opacity' , 0 ) ;
YAHOO.util.Dom.setStyle('lightbox-nav-arrow-left' , 'cursor' , "inherit" ) ;
return;
}
tempNextSegPos = (segSpacing *-1)+curPos;
if(tempNextSegPos <= (totSpacing*-1)) {
YAHOO.util.Dom.setStyle('lightbox-nav-arrow-right' , 'opacity' , .2 ) ;
YAHOO.util.Dom.setStyle('lightbox-nav-arrow-right' , 'cursor' , "inherit" ) ;
}else{
YAHOO.util.Dom.setStyle('lightbox-nav-arrow-right' , 'opacity' , 1.0 ) ;
YAHOO.util.Dom.setStyle('lightbox-nav-arrow-right' , 'cursor' , "pointer" ) ;
}
//handle the left arrow
if(curPos == 0 ) {
YAHOO.util.Dom.setStyle('lightbox-nav-arrow-left' , 'opacity' , .2 ) ;
YAHOO.util.Dom.setStyle('lightbox-nav-arrow-left' , 'cursor' , "inherit" ) ;
}else{
YAHOO.util.Dom.setStyle('lightbox-nav-arrow-left' , 'opacity' , 1 ) ;
YAHOO.util.Dom.setStyle('lightbox-nav-arrow-left' , 'cursor' , "pointer" ) ;
}
return;
}
return { //PUBLIC methods
move: function(direction) {
if(isRunning == false || direction == "left" || direction == "right") {
isRunning = true;
scrollThumbs(direction);
} else {
return;
}
},
setupScroll: function(thumbCount,thumbSpacing,thumbVisible, thumbScrollTiming) { //initialize everything!
isRunning = false;
thumbTotalCount = 0;
thumbVisibleSpacing = 0;
thumbVisibleCount = 0;
currentLeftPosition = 0; //tracks left position
tempThumbScrollTiming = .9;
thumbTotalCount = thumbCount;
thumbVisibleSpacing = thumbSpacing;
thumbVisibleCount = thumbVisible;
tempThumbScrollTiming = thumbScrollTiming;
//setup the Navigation arrows
setNavArrows(0, (thumbVisibleSpacing*thumbVisibleCount), (thumbVisibleSpacing*thumbTotalCount));
}
};
}();
/*********************************************************************
**end scrolling object
*********************************************************************/
/**********************************************************************
BEGIN ********lightbox thumbnail JSON loader methods**********
**********************************************************************/
var getJSONandRenderThumbnails = function(JSONURL){
sUrl = JSONURL;
var getThumbnails = YAHOO.util.Connect.asyncRequest('GET', sUrl, callback, null); //start connection manager and get JSON data - need to create dynamic URL generation
};
var responseSuccess = function(o) {
tempTMZ = o.responseText ;
//if the responseText is invalid, we'll overwrite
if (!YAHOO.lang.JSON.isValid(tempTMZ)) {
//find comment pattern and remove - not sure why our json data has comment string and why the Yahoo parser can't handle
//lets revisit this dog and pony show
var tempTMZstart = o.responseText.indexOf("/*");
var tempTMZend = o.responseText.indexOf("*/")
if (tempTMZend > 0 && tempTMZstart > 0) {
var tempTMZ = o.responseText.substring(0, tempTMZstart);
tempTMZ += o.responseText.substring(tempTMZend + 2, o.responseText.length);
}
}
parseJSON(tempTMZ) ; //lets get busy with making parsing JSON and making html
};
var responseFailure = function(o) {
//TODO: HANDLE XHR FAILURE PROPERLY
hide();
};
var callback = {
success:responseSuccess,
failure:responseFailure,
argument:"",
cache:false
};
//convert the JSON data into raw HTML and insert within the media-link-container
var parseJSON = function (JSONdata) {
var parsedJSONdata = YAHOO.lang.JSON.parse(JSONdata); //TODO wrap with try and handle parse failure
//set class based on the device or if its a generic lightbox such as video or gallery
tempLightboxConfig =parsedJSONdata.lightboxConfig.targetDevice; //this global is used as a switch several functions
$('lightbox-base').className = "lightbox-base " +tempLightboxConfig+"-lightbox-base";
$('lightbox-container').className = "lightbox-container " +tempLightboxConfig+"-lightbox-container";
$('lightbox-frame-top').className = tempLightboxConfig+"-top";
$('lightbox-showcase').className = tempLightboxConfig+"-showcase";
//$('lightbox-showcase').style.background="url('"+parsedJSONdata.lightboxConfig.lightboxShowcaseBG+"') no-repeat transparent')";
if (YAHOO.env.ua.ie == 6) {
$('lightbox-base').style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='image', src='"+parsedJSONdata.lightboxConfig.lightboxBase+"')";
$('lightbox-frame-top').style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='image', src='"+parsedJSONdata.lightboxConfig.lightboxTop+"')";
}
$('lightbox-showcase-phone-display').style.top = ""; //reset inline style to default css to run
var tempThumbnailSpacing = parsedJSONdata.lightboxConfig.thumbnailSpacing;
var tempThumbScrollTiming = parsedJSONdata.lightboxConfig.tempThumbScrollTiming;
//build the thumbnails
var tempHTML = '\n'; //don't forget the little duck at the end
//insert HTML into page container
$('media-link-container').innerHTML = tempHTML;
setLightboxPosition(true);
};
/**********************************************************************/
//END ********lightbox thumbnail JSON loader methods**********
/**********************************************************************/
//YAHOO.PALMLIGHTBOX.handler PUBLIC METHODS:
return {
init: function(){
//setup events (script designed for loading bottom of screen)
if(YAHOO.util.Dom.inDocument('features-grid')){
if($('features-grid').className.indexOf('extlink') == -1) {
YAHOO.util.Event.addListener('features-grid', 'click', gridEvtHandler);
}
}
if(YAHOO.util.Dom.inDocument('features-buttons')){
if($('features-buttons').className.indexOf('extlink') == -1) {
YAHOO.util.Event.addListener('features-buttons', 'click', buttonEvtHandler);
}
}
//since we are rolling up several lightboxes, we'll need to make sure and handle these evt differently.
if(YAHOO.util.Dom.inDocument('lightbox-container')){
YAHOO.util.Event.addListener('lightbox-container', 'click', lightboxEvtHandler);
}
YAHOO.util.Event.addListener(window, 'resize', resizeHandler);
YAHOO.util.Event.addListener(window, 'scroll', scrollHandler);
},
loadLightbox: function(lightboxName) {
var tempLocationHREF = window.location.href;
var tempRootHref = tempLocationHREF.split("index.html");
if(lightboxName.length > 0 ) {
if(lightboxName == "mediaLib"){
showMediaLibraryLightbox("");
}
if(lightboxName == "video") { //open-meet
var vds=YAHOO.util.Dom.getElementsByClassName( 'open-meet' , 'a' , 'features-buttons') ;
if(vds.length>0){
if(window.navigator.userAgent.indexOf("webOS")>-1 || window.navigator.userAgent.indexOf("iPhone")>-1 || window.navigator.userAgent.indexOf("Android")>-1) { //if webOS or iPhone
window.location.replace(tempRootHref[0]+"lightbox-extract.html#"+vds[0].rel);
} else {
showMediaLightbox(vds[0].rel);
}
}
}
if(lightboxName == "gallery") { //open-gallery
var vds=YAHOO.util.Dom.getElementsByClassName( 'open-gallery' , 'a' , 'features-buttons') ;
if(vds.length>0){
if(window.navigator.userAgent.indexOf("webOS")>-1 || window.navigator.userAgent.indexOf("iPhone")>-1 || window.navigator.userAgent.indexOf("Android")>-1) { //if webOS or iPhone
window.location.replace(tempRootHref[0]+"lightbox-extract.html#"+vds[0].rel);
} else {
showMediaLightbox(vds[0].rel);
}
}
}
}
}
};
}(); //autoload
YAHOO.PALMLIGHTBOX.handler.init();
/**********************************************************************/
/**********end lightbox JavaScript*********/
/**********************************************************************/
lightboxHeight) { //if the lightbox does not fit on page, we will not set the top position
tempTop = YAHOO.util.Dom.getDocumentScrollTop() + ((viewportHeight/2) - (lightboxHeight/2));
tempLeft = ((YAHOO.util.Dom.getViewportWidth()/2 ) - (lightboxWidth/2));
var topAnim = new YAHOO.util.Anim(lightboxTarget, { top: { from: testRegion.top, to: tempTop }, left:{from:testRegion.left, to:tempLeft} }, .3, YAHOO.util.Easing.easeOut);
topAnim.animate();
}
} else {
$(lightboxTarget).style.top = YAHOO.util.Dom.getDocumentScrollTop() + ((viewportHeight/2) - (lightboxHeight/2)) + "px";
$(lightboxTarget).style.left=((YAHOO.util.Dom.getViewportWidth()/2 ) - (lightboxWidth/2))+"px";
}
};
//position and display lightbox
var setLightboxContainer = function(targetID){
if(YAHOO.util.Dom.inDocument(targetID)){
lightboxTarget =targetID;
$(targetID).style.display="block";
setLightboxPosition(false);
$(targetID).style.visibility="visible";
}
return;
};
//locate lightbox when browser resizes (called from resize evt)
var resizeHandler = function(e) {
if($('scrim-layer').style.display=="block"){
//setScrim(true);
setLightboxPosition(true);
}
};
//handle lightbox position on scroll - fork timed method to smooth the bumpy ride
var scrollHandler = function() {
if ($(lightboxTarget).style.visibility == "visible") {
window.clearInterval(this.objScrollTimer);
this.objScrollTimer = window.setInterval(scrollTimedMethod,300)
}
};
//called from interval timer (scrollHandler)
var scrollTimedMethod = function () {
window.clearInterval(this.objScrollTimer);
setLightboxPosition(true);
};
/**********************************************************************************/
/**END lightbox positioning methods **/
/**********************************************************************************/
/***********************************************************
**left and right scrolling object
**use: thumbSlide.init(