/* * CSS Image gallery * 1.06 * Copyright(c) 2009, DMXzone.com. * */ (function($) {$.delayedTask=function(fn,scope,args) {var nTimeoutId=null;this.delay=function(time,newFn,newScope,newArgs) {if(nTimeoutId) {clearTimeout(nTimeoutId);} fn=newFn||fn;scope=newScope||scope;args=newArgs||args;nTimeoutId=setTimeout(function(){fn.call(scope,args);},time);};this.cancel=function() {if(nTimeoutId) {clearTimeout(nTimeoutId);nTimeoutId=null;}};};if(!$.fn.stop){$.fn.stop=function(){this.each(function(){$.dequeue(this,"fx");});return this;};}})(jQuery);function hImgRes(src) {this.src=src;this.loaded=false;this.loading=false;this.onblur='';this.onfocus='';this.toString=function(){return this.src;};} jQuery.dmxGallery={aMessages:{missingList:'The list with images is missing'},bDebug:true,build:function(hOptions) {return this.each(function() {var hG=this;if(!this.id) {this.id='dmxZoneGallery_'+(jQuery.dmxGallery.counter++);} var sId=this.id;var hDMXGalleryOptions={width:500,height:380,containerTag:'div',containerClass:'dmxGallery',imageHolderClass:'dmxImageHolder',prevLinkText:'previous',nextLinkText:'next',playLinkText:'play',pauseLinkText:'pause',prevLinkClass:'dmxPrevious',nextLinkClass:'dmxNext',playLinkClass:'dmxPlay',pauseLinkClass:'dmxPause',swapImageClass:'dmxSwap',thumbWidth:95,thumbHeight:80,thumbPadding:5,thumbHolderHeight:80,thumbHolderWidth:'auto',thumbHolderPosition:'right',thumbHolderHorizontal:false,thumbHolderVertical:true,thumbShowOnHover:false,thumbListHidden:true,captionPosition:'top',playerDelay:3,autoPlay:false,showInfoMessage:false,autosize:true,loaded:0,messageHidden:true,captionOpacity:40,imgIndex:0,preloadTreshold:2,allPreloaded:false};if(hOptions) {hG.options=jQuery.extend(hDMXGalleryOptions,hOptions);} jQuery(this).attr('tabIndex',-1);var hList=jQuery('ul',this);if(hList.length==0) {jQuery.dmxGallery.debug(jQuery.dmxGallery.aMessages.missingList);return;} var hHolder=jQuery('.'+hDMXGalleryOptions.imageHolderClass,this);if(hHolder.length==0) {hHolder=jQuery('
').append(jQuery('ul',this)).appendTo(jQuery(this));} jQuery(this).height(hDMXGalleryOptions.height+'px');jQuery(this).width(hDMXGalleryOptions.width+'px');hG.thumbList=[];hG.imageList=[];hG.linkList=[];jQuery(hHolder).find('ul').css('display','none');jQuery(hHolder).find('ul li').each(function(nI) {var hImg=jQuery(this).find('.image');var hImgObj=new hImgRes(hImg.attr('src'));var hLink=hImg.parent().get(0);if(hLink&&hLink.tagName&&hLink.tagName.toUpperCase()=='A'){if(hLink.onfocus){hImgObj.onfocus=hLink.onfocus;hLink.removeAttribute('onfocus');} if(hLink.onblur){hImgObj.onblur=hLink.onblur;hLink.removeAttribute('onblur');} hLink.style.display='block';hLink.style.display='inline-block';hLink.style.height='100%';hLink.style.zoom=1;hG.linkList.push(hLink);} else{hG.linkList.push(null);} hG.imageList.push(hImgObj);jQuery('img',this).remove();});var hThumbList=jQuery('#'+sId+'_thumb');if(hThumbList.length>0) {jQuery(hThumbList).find('ul li').each(function(nI) {hG.thumbList.push(new hImgRes(jQuery(this).find('img').attr('src')));});jQuery(hThumbList).empty();} else {hG.thumbList=hG.imageList;} hThumbList=jQuery.dmxGallery.buildThumbnailList(hG);jQuery.dmxGallery.buildMessage(hG);hG.options.messageHide=new jQuery.delayedTask(function(){jQuery.dmxGallery.doHideMessage(hG)});jQuery.dmxGallery.buildImageHolders(hG);jQuery.dmxGallery.buildCaption(hG);jQuery.dmxGallery.buildGalleryNavigation(hG);jQuery.dmxGallery.buildWaiting(hG);window.setTimeout(function(){jQuery.dmxGallery.showImage(hG,0)},10);jQuery.dmxGallery.showMessage(hG,'loading images...');jQuery.dmxGallery.hideMessage(hG);hG.options.player=new jQuery.delayedTask(function(){jQuery.dmxGallery.nextImage(hG);jQuery.dmxGallery.play(hG)});this.focus();jQuery(hG).keydown(function(event) {jQuery.event.fix(event);if(event.keyCode==37) {jQuery.dmxGallery.previousImage(hG);} if(event.keyCode==39) {jQuery.dmxGallery.nextImage(hG);}});hG.options.thumbsHide=new jQuery.delayedTask(function(){jQuery.dmxGallery.hideThumbnailList(hG);});hG.options.thumbsShow=new jQuery.delayedTask(function(){jQuery.dmxGallery.showThumbnailList(hG);});jQuery(hG).hover(function(event) {jQuery.event.fix(event);if(hG.options.thumbShowOnHover) {hG.options.thumbsHide.cancel();hG.options.thumbsShow.delay(100);}},function(event) {jQuery.event.fix(event);if(hG.options.thumbShowOnHover&&!hG.options.swapping) {hG.options.thumbsShow.cancel();hG.options.thumbsHide.delay(400);}});jQuery(hThumbList).keydown(function(event) {jQuery.event.fix(event);if(event.keyCode==37) {jQuery.dmxGallery.scrollThumbnailList(hG,'left');event.preventDefault();event.stopPropagation();return false;} if(event.keyCode==39) {jQuery.dmxGallery.scrollThumbnailList(hG,'right');event.preventDefault();event.stopPropagation();return false;}});jQuery(this).bind('focus',function(){jQuery(this).addClass('dmxGalleryFocused')});if(hG.options.autoPlay) {jQuery.dmxGallery.play(hG);}});},pngFix:function(elm) {if(jQuery.browser.msie&&jQuery.browser.version<7){if(elm.currentStyle.backgroundImage.indexOf('.png')!=-1){elm.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+elm.currentStyle.backgroundImage.split('\"')[1]+", sizingMethod='crop')";elm.runtimeStyle.backgroundImage="none";}else if(elm.tagName=='IMG'&&elm.src.indexOf('.png')!=-1){elm.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+src+", sizingMethod='scale')";elm.src="transparent.gif";}}},buildGalleryNavigation:function(hGallery) {var hG=hGallery;var hImgCon=jQuery(hG).find('.imageMainContainer:first');var prev=jQuery('').click(function(){jQuery(hG).focus();jQuery.dmxGallery.previousImage(hG)}).appendTo(hImgCon).append(jQuery('').html(hG.options.prevLinkText));var next=jQuery('').click(function(){jQuery(hG).focus();jQuery.dmxGallery.nextImage(hG)}).appendTo(hImgCon).append(jQuery('').html(hG.options.nextLinkText));var play=jQuery('').click(function(){jQuery(hG).focus();jQuery.dmxGallery.play(hG)}).appendTo(hImgCon).append(jQuery('').html(hG.options.playLinkText));var pause=jQuery('').css({display:'none'}).click(function(){jQuery(hG).focus();jQuery.dmxGallery.pause(hG)}).appendTo(hImgCon).append(jQuery('').html(hG.options.pauseLinkText));jQuery.dmxGallery.pngFix(prev.get(0));jQuery.dmxGallery.pngFix(next.get(0));jQuery.dmxGallery.pngFix(play.get(0));jQuery.dmxGallery.pngFix(pause.get(0));},buildImageHolders:function(hGallery) {var hG=hGallery;var sId=hGallery.id;var hThumbList=jQuery('#'+sId+'_thumb');var nLeft=0,nTop=0;var nWidth=jQuery(hG).width();var nHeight=jQuery(hG).height();var mcCss={left:parseInt(jQuery(hG).css('paddingLeft'))||0,top:parseInt(jQuery(hG).css('paddingTop'))||0,right:parseInt(jQuery(hG).css('paddingRight'))||0,bottom:parseInt(jQuery(hG).css('paddingBottom'))||0,overflow:'hidden',position:'absolute'};if(!hG.options.thumbShowOnHover){switch(hG.options.thumbHolderPosition) {case'left':mcCss.left+=hG.options.thumbHolderWidth +parseInt(hThumbList.css('paddingLeft'))||0 +parseInt(hThumbList.css('paddingRight'))||0 +parseInt(hThumbList.css('marginLeft'))||0 +parseInt(hThumbList.css('marginRight'))||0;break;case'right':mcCss.right+=hG.options.thumbHolderWidth +parseInt(hThumbList.css('paddingLeft'))||0 +parseInt(hThumbList.css('paddingRight'))||0 +parseInt(hThumbList.css('marginLeft'))||0 +parseInt(hThumbList.css('marginRight'))||0;break;case'top':mcCss.top+=hG.options.thumbHolderHeight +parseInt(hThumbList.css('paddingTop'))||0 +parseInt(hThumbList.css('paddingBottom'))||0 +parseInt(hThumbList.css('marginTop'))||0 +parseInt(hThumbList.css('marginBottom'))||0;break;case'bottom':mcCss.bottom+=hG.options.thumbHolderHeight +parseInt(hThumbList.css('paddingTop'))||0 +parseInt(hThumbList.css('paddingBottom'))||0 +parseInt(hThumbList.css('marginTop'))||0 +parseInt(hThumbList.css('marginBottom'))||0;break;}} var mainCont=jQuery('
').appendTo(hGallery).css(mcCss);var hIC1=jQuery('
').appendTo(mainCont).hide();var hIC2=jQuery('
').appendTo(mainCont).hide();if((jQuery.browser.msie&&jQuery.browser.version<7)||(jQuery.browser.msie&&!jQuery.boxModel)) {var wCorrection='this.parentNode.style.pixelWidth - (parseInt(this.parentNode.currentStyle.borderTopWidth) || 0) - (parseInt(this.parentNode.currentStyle.borderBottomWidth) || 0) - this.style.pixelTop - this.style.pixelBottom';var hCorrection='this.parentNode.style.pixelHeight - (parseInt(this.parentNode.currentStyle.borderTopWidth) || 0) - (parseInt(this.parentNode.currentStyle.borderBottomWidth) || 0) - this.style.pixelTop - this.style.pixelBottom';if(hG.options.thumbHolderVertical) {if(jQuery.boxModel) {wCorrection='this.parentNode.style.pixelWidth - (parseInt(this.currentStyle.borderLeftWidth) || 0) - (parseInt(this.currentStyle.borderRightWidth) || 0)';if(!hG.options.thumbShowOnHover)wCorrection+=' - '+hG.options.thumbHolderWidth;hCorrection='this.parentNode.style.pixelHeight - (parseInt(this.currentStyle.borderBottomWidth) || 0) - (parseInt(this.currentStyle.borderTopWidth) || 0)';} hThumbList.get(0).style.setExpression('height',hCorrection);} else {if(jQuery.boxModel) {wCorrection='this.parentNode.style.pixelWidth - (parseInt(this.currentStyle.borderLeftWidth) || 0) - (parseInt(this.currentStyle.borderRightWidth) || 0)';hCorrection='this.parentNode.style.pixelHeight - (parseInt(this.currentStyle.borderBottomWidth) || 0) - (parseInt(this.currentStyle.borderTopWidth) || 0)';if(!hG.options.thumbShowOnHover)hCorrection+=' - '+hG.options.thumbHolderHeight;} hThumbList.get(0).style.setExpression('width',wCorrection);} mainCont.get(0).style.setExpression('width',wCorrection);mainCont.get(0).style.setExpression('height',hCorrection);} mainCont.mousewheel(function(event,delta) {if(delta>0) {jQuery.dmxGallery.previousImage(hG);} if(delta<0) {jQuery.dmxGallery.nextImage(hG);} hG.focus();});},buildWaiting:function(hGallery) {jQuery('
').css({width:jQuery(hGallery).width(),height:jQuery(hGallery).height()}).appendTo(hGallery);},showWaiting:function(hGallery) {jQuery('.dmxWaiting',hGallery).css({display:'block'});jQuery('.dmxWaiting',hGallery).animate({opacity:1});},hideWaiting:function(hGallery) {jQuery('.dmxWaiting',hGallery).animate({opacity:0},'fast','linear',function(){jQuery('.dmxWaiting',hGallery).css({display:'none'})});},buildMessage:function(hGallery) {var mOpac=0.5;if(!hGallery.options.showInfoMessage)mOpac=0;var hM=jQuery('
').css({opacity:mOpac}).appendTo(hGallery);hM.css({top:jQuery(hGallery).height()-hM.height()});},showMessage:function(hGallery,sMessage) {if(hGallery.options.showInfoMessage) {var hM=jQuery(hGallery).find('div.message');var nH=jQuery(hGallery).height();var nMH=hM.height();if(hGallery.options.messageHidden) {hM.animate({top:nH-nMH,opacity:0.5},'slow');} hM.text(sMessage);hGallery.options.messageHide.cancel();hGallery.options.messageHidden=false;}},hideMessage:function(hGallery) {if(hGallery.options.messageHide) {hGallery.options.messageHide.delay(1000);}},doHideMessage:function(hGallery) {var hM=jQuery(hGallery).find('div.message');var nH=jQuery(hGallery).height();jQuery(hM).animate({top:nH,opacity:0},'slow');hGallery.options.messageHidden=true;},buildCaption:function(hG) {var hImgCon=jQuery(hG).find('.imageMainContainer:first');var hCaption=jQuery('
').appendTo(hImgCon);var nCH=hCaption.height();var nCTop;if(hG.options.captionPosition=='bottom') {nCTop=jQuery(hG).height();} else {nCTop=-jQuery(hCaption).height();} var nLeft=0;hCaption.css({top:nCTop,left:nLeft,width:'100%',opacity:hG.options.captionOpacity/100});},showCaption:function(hG) {if(!jQuery.dmxGallery.captionHidden(hG)) {jQuery.dmxGallery.hideCaption(hG,true);return;} var hCaption=jQuery('div.imageCaption',hG);var hElements=jQuery(hG).find('div.dmxImageHolder').find('ul li');if(hElements.eq(hG.options.imgIndex).find('h3').length>0||hElements.eq(hG.options.imgIndex).find('p').length>0) {var nH=jQuery(hG).height();hCaption.find('h3').remove();hCaption.find('p').remove();hElements.eq(hG.options.imgIndex).find('h3').clone().appendTo(hCaption);hElements.eq(hG.options.imgIndex).find('p').clone().appendTo(hCaption);jQuery(hCaption).css({display:'block'});var nCTop;if(hG.options.captionPosition=='bottom') {nCTop=nH+hCaption.height();if(!hG.options.thumbShowOnHover) {if(hG.options.thumbHolderHorizontal) {nCTop-=hG.options.thumbHolderHeight;}}} else {nCTop=-hCaption.height();} hCaption.css({'top':nCTop});if(hG.options.captionPosition=='bottom') {nCTop-=2*hCaption.height();} else {nCTop=0;} window.setTimeout(function(){hCaption.animate({top:nCTop,opacity:hG.options.captionOpacity/100},'slow')},100);}},hideCaption:function(hG,bShow) {var hCaption=jQuery('div.imageCaption',hG);var nCTop;if(hG.options.captionPosition=='bottom') {nCTop=jQuery(hG).height();} else {nCTop=-jQuery(hCaption).height();} if(bShow) {hCaption.animate({top:nCTop,opacity:0},'slow','linear',function(){jQuery(hCaption).css({display:'none'});jQuery.dmxGallery.showCaption(hG)});} else {hCaption.animate({top:nCTop,opacity:0},'slow');}},captionHidden:function(hG) {var hCaption=jQuery('div.imageCaption',hG);var nH=jQuery(hG).height();var nTop=parseInt(hCaption.css('top'))||0;if(jQuery(hCaption).css('display')=='none'||nH==nTop) {return true;} return false;},buildThumbnailList:function(hGallery) {var hG=hGallery;var sId=hG.id;var nW=jQuery(hG).width();var nH=jQuery(hG).height();var hDim=jQuery(hG).offset({border:true,padding:true});var hTT=hDim.top+nH-hG.options.thumbHolderHeight;if(hG.options.thumbHolderPosition=='top'||hG.options.thumbHolderPosition=='bottom') {hG.options.thumbHolderHorizontal=true;hG.options.thumbHolderVertical=false;} var hThumbList=jQuery('#'+sId+'_thumb');if(hThumbList.length==0) {hThumbList=jQuery('
');} hThumbList.css({left:'auto',top:'auto',right:'auto',bottom:'auto'});if(hG.options.thumbHolderVertical) {hThumbList.addClass('dmxThumbListVertical');} hG.options.thumbHolderHeight=hG.options.thumbHeight+2*hG.options.thumbPadding;hG.options.thumbHolderWidth=hG.options.thumbWidth+2*hG.options.thumbPadding;var tlLeft=parseInt(jQuery(hG).css('paddingLeft'))||0;var tlTop=parseInt(jQuery(hG).css('paddingTop'))||0;var tlRight=parseInt(jQuery(hG).css('paddingRight'))||0;var tlBottom=parseInt(jQuery(hG).css('paddingBottom'))||0;switch(hG.options.thumbHolderPosition) {case'top':hThumbList.css({right:tlRight,left:tlLeft,top:tlTop,width:'auto',height:hG.options.thumbHolderHeight});break;case'bottom':hThumbList.css({right:tlRight,left:tlLeft,bottom:tlBottom,width:'auto',height:hG.options.thumbHolderHeight});break;case'left':hThumbList.css({top:tlTop,left:tlLeft,bottom:tlBottom,width:hG.options.thumbHolderWidth,height:'auto'});break;case'right':hThumbList.css({top:tlTop,right:tlRight,bottom:tlBottom,width:hG.options.thumbHolderWidth,height:'auto'});break;} var hUL=jQuery('