public/gallery3-contrib
Archived
1
0
Fork 0
Code Releases Activity

Reindent and JSLint take 1.

Browse Source
This commit is contained in:
Fredrik Erlandsson 2011-11-13 19:54:20 +01:00
parent b24d37b1a0
commit 82e0f3896f
1 changed files with 442 additions and 433 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

875
js/pear.js
View File

@ -1,489 +1,498 @@
var viewMode=""; /*jslint browser: true, regexp: true, sub: false, vars: false, white: false, nomen: false, sloppy: true, undef: true, plusplus: true */
/*global jQuery, $ */
var viewMode = "";
var skimimg = 0; var skimimg = 0;
var hash=""; var hash = "";
var bgcolor="black"; var bgcolor = "black";
var detailViewMode=false; var detailViewMode = false;
var savedHeight = 0; var savedHeight = 0;
var savedWidth = 0; var savedWidth = 0;
$(window).resize(function () { $(window).resize(function () {
if (window.innerHeight == savedHeight && window.innerWidth == savedWidth) return; if (window.innerHeight === savedHeight && window.innerWidth === savedWidth) { return; }
savedHeight = window.innerHeight; savedHeight = window.innerHeight;
savedWidth = window.innerWidth; savedWidth = window.innerWidth;
mosaicResize(); mosaicResize();
}); });
function swatchSkin(intSkin){ function swatchSkin(intSkin) {
setCookie('swatchSkin',intSkin,1); setCookie('swatchSkin', intSkin, 1);
$('#black').removeClass().addClass("swatch"); $('#black').removeClass().addClass("swatch");
$('#dkgrey').removeClass().addClass("swatch"); $('#dkgrey').removeClass().addClass("swatch");
$('#ltgrey').removeClass().addClass("swatch"); $('#ltgrey').removeClass().addClass("swatch");
$('#white').removeClass().addClass("swatch"); $('#white').removeClass().addClass("swatch");
switch(intSkin) { switch (intSkin) {
// dkgrey // dkgrey
case 'dkgrey' : case 'dkgrey':
case 1 : case 1:
$('div.gallery-thumb-round').css('backgroundPosition' , "-200px 0px"); $('div.gallery-thumb-round').css('backgroundPosition', "-200px 0px");
$('#mosaicTable,.pear').css('backgroundColor' , "#262626"); $('#mosaicTable,.pear').css('backgroundColor', "#262626");
$('p.giTitle').css("color", "#a9a9a9"); $('p.giTitle').css("color", "#a9a9a9");
$("#dkgrey").addClass("dkgrey sel dkgrey-with-sel-with-swatch"); $("#dkgrey").addClass("dkgrey sel dkgrey-with-sel-with-swatch");
bgcolor="dkgrey"; bgcolor = "dkgrey";
break break;
// ltgrey // ltgrey
case 'ltgrey' : case 'ltgrey':
case 2 : case 2:
$('div.gallery-thumb-round').css('backgroundPosition' , "-400px 0px"); $('div.gallery-thumb-round').css('backgroundPosition', "-400px 0px");
$('#mosaicTable,.pear').css('backgroundColor' , "#d9d9d9"); $('#mosaicTable,.pear').css('backgroundColor', "#d9d9d9");
$('p.giTitle').css("color", "#333333"); $('p.giTitle').css("color", "#333333");
$("#ltgrey").addClass("ltgrey sel ltgrey-with-sel-with-swatch"); $("#ltgrey").addClass("ltgrey sel ltgrey-with-sel-with-swatch");
bgcolor="ltgrey"; bgcolor = "ltgrey";
break; break;
// white // white
case 'white' : case 'white':
case 3 : case 3:
$('div.gallery-thumb-round').css('backgroundPosition' , "-600px 0px"); $('div.gallery-thumb-round').css('backgroundPosition', "-600px 0px");
$('#mosaicTable,.pear').css('backgroundColor' , "#ffffff"); $('#mosaicTable,.pear').css('backgroundColor', "#ffffff");
$('p.giTitle').css("color", "#444444"); $('p.giTitle').css("color", "#444444");
$("#white").addClass("white sel white-with-sel-with-swatch"); $("#white").addClass("white sel white-with-sel-with-swatch");
bgcolor="white"; bgcolor = "white";
break; break;
// Black // Black is default
case 'black' : default:
case 0 : $('div.gallery-thumb-round').css('backgroundPosition', "0px 0px");
default: $('#mosaicTable,.pear').css('backgroundColor', "#000");
$('div.gallery-thumb-round').css('backgroundPosition' , "0px 0px"); $('p.giTitle').css("color", "#a3a3a3");
$('#mosaicTable,.pear').css('backgroundColor' , "#000"); $("#black").addClass("black sel black-with-sel-with-swatch");
$('p.giTitle').css("color", "#a3a3a3"); bgcolor = "black";
$("#black").addClass("black sel black-with-sel-with-swatch"); break;
bgcolor="black"; }
break; updateHash();
}
updateHash();
} }
function scaleIt(v,sliding){ function scaleIt(v, sliding) {
//if(maxSize<100)maxSize=150; //if(maxSize<100)maxSize=150;
// Remap the 0-1 scale to fit the desired range // Remap the 0-1 scale to fit the desired range
//v=.26+(v*(1.0-.26)); //v=.26+(v*(1.0-.26));
var size = (mosaicView) ? v/2 : v; var size = (mosaicView) ? v / 2 : v;
toggleReflex(true); toggleReflex(true);
$(".p-photo").each(function (i) { $(".p-photo").each(function (i) {
$(this).attr({height: size+'px',width: size + 'px'}); $(this).attr({height: size + 'px', width: size + 'px'});
$(this).css({height: size+'px',width: size+'px'});}); $(this).css({height: size + 'px', width: size + 'px'});
$(".g-photo").css({width: size+'px'}); });
if(!mosaicView && !sliding) $(".g-photo").css({width: size + 'px'});
toggleReflex(false); if (!mosaicView && !sliding) {
thumbPadding(); toggleReflex(false);
}
thumbPadding();
} }
function setCookie(c_name,value,expiredays) function setCookie(c_name, value, expiredays) {
{ var exdate = new Date();
var exdate=new Date(); exdate.setDate(exdate.getDate() + expiredays);
exdate.setDate(exdate.getDate()+expiredays); document.cookie = c_name + "=" + escape(value) + ((expiredays === null) ? "" : ";expires=" + exdate.toGMTString());
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
} }
function getCookie(c_name) function getCookie(c_name) {
{ if (document.cookie.length > 0) {
if (document.cookie.length>0) c_start = document.cookie.indexOf(c_name + "=");
{ if (c_start !== -1) {
c_start=document.cookie.indexOf(c_name + "="); c_start = c_start + c_name.length + 1;
if (c_start!=-1) c_end = document.cookie.indexOf(";", c_start);
{ if (c_end === -1) {
c_start=c_start + c_name.length+1; c_end = document.cookie.length;
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 unescape(document.cookie.substring(c_start,c_end)); }
} }
} return "";
return "";
} }
function checkCookie() function checkCookie() {
{ var co = getCookie('slider');
var co=getCookie('slider'); if (co !== null && co !== "") {
if (co!=null && co!="") $('#imgSlider').slider("value", co);
{ }
$('#imgSlider').slider("value", co); co = getCookie('swatchSkin');
} if (co !== null && co !== "") {
co=getCookie('swatchSkin'); swatchSkin(co);
if (co!=null && co!="") } else {
{ swatchSkin('black');
swatchSkin(co); }
}
else
{swatchSkin('black');}
} }
var iRatio = iWidth = iHeight=0; var iRatio = 0, iWidth = 0, iHeight = 0;
//Set a updating timer so users can't update before the image has appeard.. //Set a updating timer so users can't update before the image has appeard..
function swatchImg(imageId) function swatchImg(imageId) {
{ if (imageId < 0 || imageId >= slideshowImages.length) {
if( imageId < 0 || imageId >= slideshowImages.length) return; return;
currentImg=imageId; }
currentImg = imageId;
iWidth=parseFloat(slideshowImages[imageId][2].replace(/,/gi, ".")); iWidth = parseFloat(slideshowImages[imageId][2].replace(/,/gi, "."));
iHeight=parseFloat(slideshowImages[imageId][3].replace(/,/gi, ".")); iHeight = parseFloat(slideshowImages[imageId][3].replace(/,/gi, "."));
iRatio=iWidth/iHeight; iRatio = iWidth / iHeight;
if(isNaN(iRatio)) iRatio=1.3333; if (isNaN(iRatio)) {
iRatio = 1.3333;
}
if (mosaicView) {
$('#mosaicDetail').hide();
$('#imageTitle').html("<h2>" + slideshowImages[imageId][4] + "</h2>");
$('#mosaicImg').attr('src', slideshowImages[imageId][0]);
$('#mosaicImg').css('cursor', "pointer");
$('#mosaicDetail').show("slow");
}
mosaicResize();
if( mosaicView ) /* Set controls for hover view. */
{ if (currentImg === 0) {
$('#mosaicDetail').hide(); $('#prev_detail').addClass('prev_detail_disabled');
$('#imageTitle').html("<h2>"+slideshowImages[imageId][4]+"</h2>"); $('#prev_detail').removeClass('prev_detail');
} else {
$('#mosaicImg').attr('src', slideshowImages[imageId][0]); $('#prev_detail').removeClass('prev_detail_disabled');
$('#mosaicImg').css('cursor', "pointer"); $('#prev_detail').addClass('prev_detail');
$('#mosaicDetail').show("slow"); }
} if (currentImg === slideshowImages.length - 1) {
mosaicResize(); $('#next_detail').addClass('next_detail_disabled');
$('#next_detail').removeClass('next_detail');
/* Set controls for hover view. */ } else {
(currentImg==0) ? $('#prev_detail').addClass('prev_detail_disabled') : $('#prev_detail').removeClass('prev_detail_disabled'); $('#next_detail').removeClass('next_detail_disabled');
(currentImg!=0) ? $('#prev_detail').addClass('prev_detail') : $('#prev_detail').removeClass('prev_detail'); $('#next_detail').addClass('next_detail');
(currentImg==slideshowImages.length-1) ? $('#next_detail').addClass('next_detail_disabled') : $('#next_detail').removeClass('next_detail_disabled'); }
(currentImg!=slideshowImages.length-1) ? $('#next_detail').addClass('next_detail') : $('#next_detail').removeClass('next_detail'); /* Update image and title in focus view */
/* Update image and title in focus view */ $('#img_detail').attr('src', slideshowImages[currentImg][0]);
$('#img_detail').attr('src', slideshowImages[currentImg][0]); $('#imageTitleLabel').html("<h2>" + slideshowImages[imageId][4] + "</h2>");
$('#imageTitleLabel').html("<h2>"+slideshowImages[imageId][4]+"</h2>"); if (detailViewMode) {
if( detailViewMode ) //Image count.
{ $.get(slideshowImages[currentImg][6]);
//Image count. }
$.get(slideshowImages[currentImg][6]); updateHash();
} $('#info_detail').attr('href', slideshowImages[currentImg][1]);
updateHash();
$('#info_detail').attr('href', slideshowImages[currentImg][1]);
}
function getViewMode()
{
var vm = detailViewMode ? "detail" : viewMode;
if(vm !== '')
vm = "&viewMode=" + vm;
return vm;
}
function updateHash()
{
var img="";
if(currentImg !== 0)
img = "img=" + currentImg;
hash = "#" + img + getViewMode() + "&bgcolor=" + bgcolor;
window.location.hash = hash;
}
function getAlbumHash(img)
{
return "#img=" + img + getViewMode() + "&bgcolor=" + bgcolor;
} }
var currentImg=0; function getViewMode() {
var mosaicView=false; var vm = detailViewMode ? "detail" : viewMode;
if (vm !== '') {
function mosaicResize() vm = "&viewMode=" + vm;
{ }
if($('#mosaicGridContainer').length == 0) return; //no element found return vm;
var myWidth = 0, myHeight = 0;
if( typeof( window.innerWidth ) == 'number' ) {
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
if($('#imageflow').length != 0)
$('#imageflow').css({'height': (myHeight-53)+'px', 'width': (((myWidth*0.5)<(myHeight-53)) ? myWidth : ((myHeight-65)*2)) +'px'});
$('#detailImageView').css({'height': myHeight-165+"px"});
(iRatio>(myWidth/(myHeight-165))) ? $('#img_detail').css({'height': myWidth/iRatio+"px",'width': myWidth+"px"}) : $('#img_detail').css({'height': myHeight-165+"px",'width': (myHeight-165)*iRatio+"px"});
if(iHeight<(myHeight-165)&&iWidth<myWidth)
$('#img_detail').css({'height': iHeight+"px", 'width':iWidth+"px"});
myWidth=myWidth-7;
myHeight = myHeight - $('#g-site-status').outerHeight(true);
$('#pearFlowPadd').css({'height' : myHeight-90-(Math.round(myWidth / 2.4))+'px'});
($('#paginator').length != 0) ? myHeight-=165: myHeight-=138;
$('#g-header').css('top', $('#gsNavBar').outerHeight(true)+$('#g-site-status').outerHeight(true)-4);
if($('#g-movie').length)
myHeight+=18;
if ( !mosaicView )
{
$('#mosaicGridContainer').css({'height': (myHeight+33)+"px", 'width': myWidth+"px"});
}
else
{
$('#mosaicDetail').css('width', Math.floor(myWidth*0.65)+"px");
$('#mosaicGridContainer').css({'height': (myHeight+33)+"px", 'width': Math.floor(myWidth*0.35)+"px"});
//Resize the image..
myWidth=myWidth*0.65;
(iRatio>(myWidth/myHeight)) ? $('#mosaicImg').attr({height: myWidth/iRatio,width: myWidth}) : $('#mosaicImg').attr({height: myHeight,width: myHeight*iRatio});
if(iHeight<myHeight&&iWidth<myWidth) $('#mosaicImg').attr({height:iHeight, width:iWidth});
}
thumbPadding();
if($('#conf_imageflow').length) refresh();
} }
function updateHash() {
var img = "";
if (currentImg !== 0) {
img = "img=" + currentImg;
}
hash = "#" + img + getViewMode() + "&bgcolor=" + bgcolor;
window.location.hash = hash;
}
function getAlbumHash(img) {
return "#img=" + img + getViewMode() + "&bgcolor=" + bgcolor;
}
var currentImg = 0;
var mosaicView = false;
function mosaicResize() {
if ($('#mosaicGridContainer').length === 0) {
return; //no element found
}
var myWidth = 0, myHeight = 0;
if (typeof (window.innerWidth) === 'number') {
//Non-IE
myWidth = window.innerWidth;
myHeight = window.innerHeight;
} else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
//IE 6+ in 'standards compliant mode'
myWidth = document.documentElement.clientWidth;
myHeight = document.documentElement.clientHeight;
} else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
//IE 4 compatible
myWidth = document.body.clientWidth;
myHeight = document.body.clientHeight;
}
if ($('#imageflow').length !== 0) {
$('#imageflow').css({'height': (myHeight - 53) + 'px', 'width': (((myWidth * 0.5) < (myHeight - 53)) ? myWidth : ((myHeight - 65) * 2)) + 'px'});
}
$('#detailImageView').css({'height': myHeight - 165 + "px"});
if (iRatio > (myWidth / (myHeight - 165))) {
$('#img_detail').css({'height': myWidth / iRatio + "px", 'width': myWidth + "px"});
} else {
$('#img_detail').css({'height': myHeight - 165 + "px", 'width': (myHeight - 165) * iRatio + "px"});
}
if (iHeight < (myHeight - 165) && iWidth < myWidth) {
$('#img_detail').css({'height': iHeight + "px", 'width': iWidth + "px"});
}
myWidth = myWidth - 7;
myHeight = myHeight - $('#g-site-status').outerHeight(true);
$('#pearFlowPadd').css({'height': myHeight - 90 - (Math.round(myWidth / 2.4)) + 'px'});
if ($('#paginator').length !== 0) { myHeight -= 165; } else { myHeight -= 138; }
$('#g-header').css('top', $('#gsNavBar').outerHeight(true) + $('#g-site-status').outerHeight(true) - 4);
if ($('#g-movie').length) {
myHeight += 18;
}
if (!mosaicView) {
$('#mosaicGridContainer').css({'height': (myHeight + 33) + "px", 'width': myWidth + "px"});
} else {
$('#mosaicDetail').css('width', Math.floor(myWidth * 0.65) + "px");
$('#mosaicGridContainer').css({'height': (myHeight + 33) + "px", 'width': Math.floor(myWidth * 0.35) + "px"});
//Resize the image..
myWidth = myWidth * 0.65;
if (iRatio > (myWidth / myHeight)) {
$('#mosaicImg').attr({height: myWidth / iRatio, width: myWidth});
} else {
$('#mosaicImg').attr({height: myHeight, width: myHeight * iRatio});
}
if (iHeight < myHeight && iWidth < myWidth) {
$('#mosaicImg').attr({height: iHeight, width: iWidth});
}
}
thumbPadding();
if ($('#conf_imageflow').length) {
refresh();
}
}
function thumbPadding() { function thumbPadding() {
/* Padding on thumbs to make them flow nicer */ /* Padding on thumbs to make them flow nicer */
var size = Math.ceil((mosaicView) ? $('#imgSlider').slider('value')/2 : $('#imgSlider').slider('value'))+10; size = Math.ceil((mosaicView) ? $('#imgSlider').slider('value') / 2 : $('#imgSlider').slider('value')) + 10;
var width =$('#mosaicGridContainer').innerWidth()-15; width = $('#mosaicGridContainer').innerWidth() - 15;
var margin = width/Math.floor(width/size)-size; margin = width / Math.floor(width / size) - size;
console.log(size, width, margin,"px" ); console.log(size, width, margin, "px");
$('.gallery-thumb').css({'margin-left': Math.ceil(margin/2) + 'px', 'margin-right': Math.floor(margin/2) + 'px'}); $('.gallery-thumb').css({'margin-left': Math.ceil(margin / 2) + 'px', 'margin-right': Math.floor(margin / 2) + 'px'});
} }
function bodyLoad(vm, bgcolor) { function bodyLoad(vm, bgcolor) {
/* Parse hash */ /* Parse hash */
hash = window.location.hash; hash = window.location.hash;
var h = $.parseQuery(hash.substring(1)); var h = $.parseQuery(hash.substring(1));
if(h.img != undefined) if (h.img !== undefined) {
currentImg = parseInt(h.img); currentImg = parseInt(h.img, 10);
if(h.bgcolor != undefined) }
swatchSkin(h.bgcolor); if (h.bgcolor !== undefined) {
if(h.viewMode != undefined) swatchSkin(h.bgcolor);
viewMode = vm = h.viewMode; }
/* end parse hash */ if (h.viewMode !== undefined) {
viewMode = vm = h.viewMode;
if(navigator.appName == "Microsoft Internet Explorer") $('.track').each(function(s){$(this).css('top', '-16px');}); //Fix for IE's poor page rendering. }
/* /* end parse hash */
58.5 225
32.5 125
*/
$('#imgSlider').slider({ min: 75, max: 250, step: 2, value: 125,
slide: function(event, ui) { scaleIt(ui.value); },
change: function(event, ui) { scaleIt(ui.value); setCookie('slider', ui.value, '1'); } });
if(!$('#mosaicGridContainer').length){ $('#loading').hide();maxSize=0; return; } if (navigator.appName === "Microsoft Internet Explorer") {
//Set event for Thumb Click. $('.track').each(function (s) {$(this).css('top', '-16px'); }); //Fix for IE's poor page rendering.
$('.p-photo').each(function(index){ $(this).click(function(){ }
mosaicView ? swatchImg(index) : focusImage(index) ;}); }); /*
$('#slideshow').click(function(){ startSlideshow(); }); 58.5 225
$('#mosaicDetail').click(function(){ focusImage(currentImg); }); 32.5 125
$('#prev_detail').click(function(){ swatchImg(currentImg-1); }); */
$('#next_detail').click(function(){ swatchImg(currentImg+1); }); $('#imgSlider').slider({ min: 75, max: 250, step: 2, value: 125,
slide: function (event, ui) { scaleIt(ui.value); },
co=getCookie('swatchSkin'); change: function (event, ui) { scaleIt(ui.value); setCookie('slider', ui.value, '1'); } });
if (co==null || co=="")
swatchSkin(bgcolor);
if(typeof slideshowImages != 'undefined') if (!$('#mosaicGridContainer').length) { $('#loading').hide(); maxSize = 0; return; }
if(!slideshowImages.length) //Set event for Thumb Click.
vm='grid'; $('.p-photo').each(function (index) { $(this).click(function () { if (mosaicView) { swatchImg(index); } else {focusImage(index); } }); });
$('#slideshow').click(function () { startSlideshow(); });
$('#mosaicDetail').click(function () { focusImage(currentImg); });
$('#prev_detail').click(function () { swatchImg(currentImg - 1); });
$('#next_detail').click(function () { swatchImg(currentImg + 1); });
switch (vm) { co = getCookie('swatchSkin');
case 'carousel': if (co === null || co === "") {
startImageFlow(false); swatchSkin(bgcolor);
break; }
case 'grid':
switchToGrid(false); if (typeof slideshowImages !== 'undefined' && !slideshowImages.length) {
break; vm = 'grid';
case 'mosaic': }
switchToMosaic(false); switch (vm) {
break; case 'carousel':
case 'detail': startImageFlow(false);
focusImage(currentImg, h.redirected); break;
break; case 'grid':
default: switchToGrid(false);
mosaicResize(); break;
checkCookie(); case 'mosaic':
} switchToMosaic(false);
$('#loading').hide(); break;
window.setTimeout("preFetch()", 500); case 'detail':
setKeys(); focusImage(currentImg, h.redirected);
break;
default:
mosaicResize();
checkCookie();
}
$('#loading').hide();
window.setTimeout("preFetch()", 500);
setKeys();
} }
function switchToGrid(userSet) function switchToGrid(userSet) {
{ if (userSet === true) {
if(userSet === true) { viewMode = "grid";
viewMode = "grid"; }
} toggleReflex(true);
toggleReflex(true); $('#pearImageFlow,#pearFlowPadd').hide();
$('#pearImageFlow,#pearFlowPadd').hide(); $('#mosaicTable').show();
$('#mosaicTable').show(); if (!$('#mosaicGridContainer').length) { return; }
if(!$('#mosaicGridContainer').length) return; mosaicView = false;
mosaicView=false; maxSize = 225;
maxSize=225; checkCookie();
checkCookie(); $('#mosaicDetail').hide();
$('#mosaicDetail').hide(); $('#mosaicGridContainer').show();
$('#mosaicGridContainer').show(); $('p.giTitle,div.giInfo').each(function (s) { $(this).show(); });
$('p.giTitle,div.giInfo').each(function(s){$(this).show();}); switchMode('grid');
switchMode('grid'); mosaicResize();
mosaicResize();
} }
function switchToMosaic(userSet) function switchToMosaic(userSet) {
{ if (userSet === true) {
if(userSet === true) { viewMode = "mosaic";
viewMode = "mosaic"; }
} toggleReflex(false);
toggleReflex(false); $('#pearImageFlow,#pearFlowPadd').hide();
$('#pearImageFlow,#pearFlowPadd').hide(); $('#mosaicTable').show();
$('#mosaicTable').show(); if (!$('#mosaicGridContainer').length) { return; }
if(!$('#mosaicGridContainer').length) return; mosaicView = true;
mosaicView=true; maxSize = 125;
maxSize=125; checkCookie();
checkCookie(); $('#mosaicDetail').show();
$('#mosaicDetail').show(); $('#mosaicGridContainer').show();
$('#mosaicGridContainer').show(); $('p.giTitle,div.giInfo').each(function (s) { $(this).hide(); });
$('p.giTitle,div.giInfo').each(function(s){$(this).hide();}); switchMode('mosaic');
switchMode('mosaic'); swatchImg(currentImg);
swatchImg(currentImg); mosaicResize();
mosaicResize();
} }
var slideShowMode=false var slideShowMode = false;
function startSlideshow() function startSlideshow() {
{ slideShowMode = true;
slideShowMode=true; $('#play_detail').hide();
$('#play_detail').hide(); $('#pause_detail').show();
$('#pause_detail').show(); $('#detailView').fadeIn('slow');
$('#detailView').fadeIn('slow'); hideHoverV = setTimeout(hideHoverView(), 3000);
hideHoverV = setTimeout("hideHoverView()",3000); slideShowId = currentImg;
slideShowId=currentImg; slideShowId = 0;
slideShowId=0; togglePlayPause();
togglePlayPause();
} }
var slideShow=null; var slideShow = null;
var slideShowId; var slideShowId;
function slideShowUpdate(id) function slideShowUpdate(id) {
{ if (id > slideshowImages.length) {
if(id > slideshowImages.length) id = 0;
{ }
id = 0; swatchImg(id);
} slideShow = setTimeout("slideShowUpdate(" + (id + 1) + ")", 1000);
swatchImg(id);
slideShow = setTimeout("slideShowUpdate("+ (id+1) +")", 1000);
} }
function togglePlayPause() function togglePlayPause() {
{ //We are paused
if(slideShow == null)//We are paused if (slideShow === null) {
{ $('#play_detail').hide();
$('#play_detail').hide(); $('#pause_detail').show();
$('#pause_detail').show(); slideShow = setTimeout("slideShowUpdate(" + (slideShowId + 1) + ")", 1000);
slideShow = setTimeout("slideShowUpdate("+ (slideShowId+1) +")", 1000); } else { //We are playing
} $('#pause_detail').hide();
else //We are playing $('#play_detail').show();
{ clearTimeout(slideShow);
$('#pause_detail').hide(); slideShow = null;
$('#play_detail').show(); }
clearTimeout(slideShow);
slideShow=null;
}
} }
function focusImage(id, redirected) function focusImage(id, redirected) {
{ currentImg = id;
currentImg=id; $('#imageTitleLabel').html("<h2>" + slideshowImages[id][4] + "</h2>");
$('#imageTitleLabel').html("<h2>"+slideshowImages[id][4]+"</h2>"); $('#play_detail').hide();
$('#play_detail').hide(); $('#pause_detail').hide();
$('#pause_detail').hide(); swatchImg(id);
swatchImg(id); $('#detailView').fadeIn('slow');
$('#detailView').fadeIn('slow'); hideHoverV = setTimeout(hideHoverView(), 3000);
hideHoverV = setTimeout("hideHoverView()",3000); detailViewMode = true;
detailViewMode=true; updateHash();
updateHash(); //Image count.
//Image count. if (!redirected) { $.get(slideshowImages[currentImg][6]); }
if(!redirected) $('#info_detail').attr('href', slideshowImages[currentImg][1]);
$.get(slideshowImages[currentImg][6]);
$('#info_detail').attr('href', slideshowImages[currentImg][1]);
} }
var pearCarousel; var pearCarousel;
function startImageFlow(userSet) function startImageFlow(userSet) {
{ if (userSet === true) {
if(userSet === true) { viewMode = "carousel";
viewMode = "carousel"; }
} $('#mosaicTable').hide();
$('#mosaicTable').hide();
$('#pearImageFlow,#pearFlowPadd').show(); $('#pearImageFlow,#pearFlowPadd').show();
toggleReflex(true); toggleReflex(true);
if(!pearCarousel){ if (!pearCarousel) {
for (var i = 0; i < slideshowImages.length; i++) { for (i = 0; i < slideshowImages.length; i++) {
var img = '<div class="item"><img class="content" src="'+slideshowImages[i][0]+'"/><div class="caption">'+$('#mosaicGridContainer img').eq(i).attr('alt')+'"</div></div>'; //var img = '<div class="item"><img class="content" src="' + slideshowImages[i][0] + '"/><div class="caption">' + $('#mosaicGridContainer img').eq(i).attr('alt') + '"</div></div>';
var img = '<img src="'+slideshowImages[i][0]+'" longdesc="'+i+'" width="'+slideshowImages[i][2]+'" height="'+slideshowImages[i][3]+'" alt="'+slideshowImages[i][4]+'" style="display: none;">'; var img = '<img src="' + slideshowImages[i][0] + '" longdesc="' + i + '" width="' + slideshowImages[i][2] + '" height="' + slideshowImages[i][3] + '" alt="' + slideshowImages[i][4] + '" style="display: none;">';
// console.log(img); // console.log(img);
$('#pearImageFlow').append(img); $('#pearImageFlow').append(img);
} }
pearCarousel = new ImageFlow(); pearCarousel = new ImageFlow();
pearCarousel.init({ImageFlowID: 'pearImageFlow', aspectRatio: 2.4, imagesHeight: 0.6, opacity: true, reflections: false, startID: currentImg+1, onClick: function() {focusImage($(this).attr('longdesc'));}, startAnimation: true, xStep: 200, imageFocusM: 1.7, imageFocusMax: 4, opacityArray: [10, 9, 6, 2], percentOther: 130, captions: false, slider: false}); pearCarousel.init({ImageFlowID: 'pearImageFlow', aspectRatio: 2.4, imagesHeight: 0.6, opacity: true, reflections: false, startID: currentImg + 1, onClick: function () { focusImage($(this).attr('longdesc')); }, startAnimation: true, xStep: 200, imageFocusM: 1.7, imageFocusMax: 4, opacityArray: [10, 9, 6, 2], percentOther: 130, captions: false, slider: false});
} }
switchMode('carousel'); switchMode('carousel');
mosaicResize(); mosaicResize();
} }
function setKeys() function setKeys() {
{ /* Fixes the back button issue */
/* Fixes the back button issue */
/* window.onunload = function() /* window.onunload = function()
{ {
document = null; document = null;
}
*/ $(document).keydown(function(e)
{
var charCode = (e.keyCode ? e.keyCode: e.which);
switch (charCode)
{
case 32: /* Space */
if( slideShowMode) togglePlayPause();
case 39: /* Right arrow key */
case 78: /* N */
swatchImg(currentImg+1);
// if($('imageflow')) handle(-1);
break;
case 80: /* P */
case 37: /* Left arrow key */
swatchImg(currentImg-1);
// if($('imageflow')) handle(1);
break;
}
});
} }
function showHoverView(){ */
if(hideHoverV != null) clearTimeout(hideHoverV); $(document).keydown(function (e) {
$('#hoverView').show(); var charCode = e.keyCode || e.which;
hideHoverV = setTimeout("hideHoverView()",3000); switch (charCode) {
case 32: /* Space */
if (slideShowMode) { togglePlayPause(); }
break;
case 39: /* Right arrow key */
case 78: /* N */
swatchImg(currentImg + 1);
// if($('imageflow')) handle(-1);
break;
case 80: /* P */
case 37: /* Left arrow key */
swatchImg(currentImg - 1);
// if($('imageflow')) handle(1);
break;
}
});
} }
function hideHoverView(){ function showHoverView() {
if(!hovering) $('#hoverView').fadeOut(); if (hideHoverV !== null) { clearTimeout(hideHoverV); }
hideHoverV = null; $('#hoverView').show();
hideHoverV = setTimeout(hideHoverView(), 3000);
} }
var hideHoverV=null; function hideHoverView() {
var hovering=false; if (!hovering) { $('#hoverView').fadeOut(); }
function switchMode(mode){ hideHoverV = null;
$('#mosaic,#grid,#carousel').removeClass("sel sel-with-viewSwitcher"); }
$('#'+mode).addClass("sel sel-with-viewSwitcher"); var hideHoverV = null;
updateHash(); var hovering = false;
function switchMode(mode) {
$('#mosaic,#grid,#carousel').removeClass("sel sel-with-viewSwitcher");
$('#' + mode).addClass("sel sel-with-viewSwitcher");
updateHash();
} }
function preFetch() function preFetch() {
{ /* for (var i = 0; i < slideshowImages.length; i++) {
/* for (var i = 0; i < slideshowImages.length; i++) { var tempImage = new Element('img', {'src': slideshowImages[i][0]});
var tempImage = new Element('img', {'src': slideshowImages[i][0]}); }*/
}*/
} }
function toggleReflex(hide) function toggleReflex(hide) {
{ if (hide) {
if(hide) { // $$('.Fer').each(function(s) { cvi_reflex.remove(s); });
// $$('.Fer').each(function(s) { cvi_reflex.remove(s); }); $('mosaicGridContainer').select('img[class="Fer"]').each(function (s, index) { Event.observe(s, 'click', function () { if (mosaicView) { swatchImg(index); } else { focusImage(index); } }); });
$('mosaicGridContainer').select('img[class="Fer"]').each(function(s,index){ Event.observe(s, 'click', function(){ mosaicView ? swatchImg(index) : focusImage(index) ;}); }); } else {
} // $$('.Fer').each(function(s) { cvi_reflex.add(s, {height: 20, distance: 0 }); });
else { $('mosaicGridContainer').select('canvas[class="Fer"]').each(function (s, index) { Event.observe(s, 'click', function () { if (mosaicView) { swatchImg(index); } else { focusImage(index); } }); });
// $$('.Fer').each(function(s) { cvi_reflex.add(s, {height: 20, distance: 0 }); }); }
$('mosaicGridContainer').select('canvas[class="Fer"]').each(function(s,index){ Event.observe(s, 'click', function(){ mosaicView ? swatchImg(index) : focusImage(index) ;}); });
}
} }
function hideDetailView() function hideDetailView() {
{ $('#detailView').hide();
$('#detailView').hide(); slideShowMode = detailViewMode = false;
slideShowMode=detailViewMode=false; if (slideShow !== null) { clearTimeout(slideShow); }
if(slideShow!=null) slideShow = null;
clearTimeout(slideShow); updateHash();
slideShow=null;
updateHash();
} }