Event.observe(window, 'load', initSlideShows());
function initSlideShows() {
// get all mainimage classed divs
//MainChunk = $$('div.mainimage');
MainSlideObj = $('slideshow_container');
//MainSlideObj.hide();
new Effect.Opacity(MainSlideObj,{ from: 0.1, to: 0, duration: 0.1}); // fade it in
lastThumbClick = "";
nextClickCount = 0;
SlideCloserObj = $('slideclose');
Event.observe(SlideCloserObj, 'click', closeSlides);
Event.observe($('slideprev'), 'click', prevSlide);
Event.observe($('slidenext'), 'click', nextSlide);
SlideImg = $('slideimg');
Event.observe(SlideImg, 'click', nextSlide);
// if contains 'tall' it's a tall image with other aspect
// piece name db
//ThumbContainer = $('thumbnail_container');
ThumbImgs = $$('img.thumbimg');
ThumbImgs.each(function(s) {
// ////console.log(s);
Event.observe(s, 'click', thumbClick);
// s.hide();
});
vidLinks = $$('.videolink');
vidLinks.each(function(s) {
// ////console.log(s);
Event.observe(s, 'click', videoClick);
// s.hide();
});
ThumbDivs = $$('div.thumbs');
//ThumbDivs.each(function(s) {
// s.childElements.hide();
// FirstThumb = s.firstDescendant();
// FirstThumb.show();
//});
//////console.log(ThumbImgs.length);
//MainChunk.each(Element.hide);
//DetailDescriptions.each(Element.hide);
showDetails = false;
imgIndex = 0;
testCount = 0;
////console.log('done init');
}
// show video div / create
function videoClick(event) {
var linkEle = Event.element(event);
var flvFile = "images/" + linkEle.identify();
console.log('vid link' + flvFile);
// create div
console.log($('video_player'));
if ($('video_player') != null) {
$('video_player').remove();
}
var vidDiv = new Element('div', { 'class' : 'videoplayer', id: 'video_player' }).update('vid player helloooo');
//ST_Controls.setOpacity(0);
linkEle.up().insert(vidDiv);
//vidDiv.clonePosition(linkEle.up().up().down(), { setLeft:false,setTop:true,setWidth:false,setHeight:false,offsetTop:0,offsetLeft:0 });
var so = new SWFObject('mediaplayer.swf','mpl','320','240','8');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','false');
so.addVariable('height','240');
so.addVariable('width','320');
so.addVariable('autostart','true');
so.addVariable('repeat','true');
so.addVariable('javascriptid','gplayer');
so.addVariable('enablejs','true');
so.addVariable('file', flvFile);
so.write('video_player');
}
function thumbClick(event) {
nextClickCount = 0;
srcImg = Event.element(event);
lastThumbClick = srcImg;
// ////console.log(MainSlideObj.cumulativeOffset());
currentPos = MainSlideObj.cumulativeScrollOffset();
if ($('video_player') != null) {
$('video_player').remove();
}
//viewportOffset(element)
////console.log('thumb click' + currentPos);
mainImg = $('slideimg');
mainImg.src = srcImg.src.sub('_TN.jpg', '.jpg');
// find the div up from this classed descrip""
titleDiv = srcImg.up().up().down();
////console.log('title' + titleDiv.identify());
srcImgSiblings = srcImg.up().descendants();
//siblingLen = srcImgSiblings.size();
myIndex = srcImgSiblings.indexOf(srcImg) + 1;
viewTextDiv = "Viewing " + myIndex + " of " + srcImgSiblings.size() + "
";
cleanViewingTexts();
titleDiv.insert(viewTextDiv);
// aspect fix
if (srcImg.width < srcImg.height) {
mainImg.width = 450;
} else {
mainImg.width = 800;
}
// MainSlideObj.show();
//MainSlideObj.clonePosition(srcImg, { setLeft:false,setTop:true,setWidth:false,setHeight:false,offsetTop:0,offsetLeft:0 });
MainSlideObj.clonePosition(srcImg.up().down(), { setLeft:true,setTop:true,setWidth:false,setHeight:false,offsetTop:0,offsetLeft:0 });
new Effect.Opacity(MainSlideObj,{ from: 0, to: 1.0, duration: 0.6}); // fade it in
// MainSlideObj.show();
srcImg.up().up().scrollTo();
//MainSlideObj.style.
}
function closeSlides(event) {
Event.stopObserving(document.body, 'click', closeSlides);
////console.log('closing');
new Effect.Opacity(MainSlideObj,{ from: 1.0, to: 0, duration: 0.4, afterFinish: moveSlideOff}); // fade it out
// MainSlideObj.hide();
cleanViewingTexts();
}
function moveSlideOff() {
// //console.log('moving slide panel' );
MainSlideObj.clonePosition($('footer'), { setLeft:true,setTop:true,setWidth:false,setHeight:false,offsetTop:0,offsetLeft:0 });
$('slideimg').src = "images/white.jpg";
//mainImg.src = srcImg.src.sub('_TN.jpg', '.jpg');
}
// if you click another thumb without closing, you get multiple viewing number items - clean them all cleanly here
function cleanViewingTexts() {
byeList = $$('div.viewing');
//console.log(byeList.size() + " number of items to clean up");
byeList.each(function(s) {
//console.log(s);
s.remove();
});
}
function nextSlide(event, prevFlag) {
// find out where we are in the arrays of filenames
////console.log('next slide NEW');
srcImg = Event.element(event);
currentSrc = srcImg.src;
// modularize for back and forth
if (prevFlag) {
nextThumb = lastThumbClick.previous('img');
if (nextThumb == undefined) {
thumbArray = lastThumbClick.nextSiblings();
////console.log('finding last thumb img in' + thumbArray);
nextThumb = thumbArray.last();
}
} else {
nextThumb = lastThumbClick.next('img');
if (nextThumb == undefined) {
nextThumb = lastThumbClick.up().down();
////console.log('loop check' + nextThumb.src);
//nextClickCount = 0;
}
}
// update the text next to title
titleDiv = $('tempText');
srcImgSiblings = nextThumb.up().descendants();
//siblingLen = srcImgSiblings.size();
myIndex = srcImgSiblings.indexOf(nextThumb) + 1;
viewTextDiv = "Viewing " + myIndex + " of " + srcImgSiblings.size() + "
";
titleDiv.replace(viewTextDiv);
mainImg.src = nextThumb.src.sub('_TN.jpg', '.jpg');
//srcImg.width < srcImg.height
if (nextThumb.width < nextThumb.height) {
mainImg.width = 450;
} else {
mainImg.width = 800;
}
lastThumbClick = nextThumb;
//lastThumbClick = lastThumbClick.next('img');
//////console.log('srcImg' + currentSrc);
}
function prevSlide(event) {
nextSlide(event, true);
}