/*
    This file is part of JonDesign's SmoothGallery v2.0. 3.2.0

    JonDesign's SmoothGallery is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation; either version 3 of the License, or
    (at your option) any later version.

    JonDesign's SmoothGallery is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with JonDesign's SmoothGallery; if not, write to the Free Software
    Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA

    Main Developer: Jonathan Schemoul (JonDesign: http://www.jondesign.net/)
    Contributed code by:
    - Christian Ehret (bugfix)
	- Nitrix (bugfix)
	- Valerio from Mad4Milk for his great help with the carousel scrolling and many other things.
	- Archie Cowan for helping me find a bugfix on carousel inner width problem.
	- Tomocchino from #mootools for the preloader class
	Many thanks to:
	- The mootools team for the great mootools lib, and it's help and support throughout the project.
*/

// declaring the class
var gallery = {
	initialize: function(element, options) {
		this.setOptions({
			showArrows: true,
			showCarousel: true,
			showInfopane: true,
			embedLinks: true,
			fadeDuration: 500,
			timed: false,
			delay: 9000,
			preloader: true,
			preloaderImage: true,
			preloaderErrorImage: true,
			/* Data retrieval */
			manualData: [],
			populateFrom: false,
			populateData: true,
			destroyAfterPopulate: true,
			elementSelector: "div.imageElement",
			titleSelector: "h2",
			subtitleSelector: "p",
			linkSelector: "a.open",
			imageSelector: "img.full",
			thumbnailSelector: "img.thumbnail",
			defaultTransition: 'fadeslideleft',
			/* InfoPane options */
			slideInfoZoneOpacity: 0.7,
			slideInfoZoneSlide: true,
			/* Carousel options */
			carouselMinimizedOpacity: 0.4,
			carouselMinimizedHeight: 20,
			carouselMaximizedOpacity: 0.9,
			thumbHeight: 75,
			thumbWidth: 100,
			thumbSpacing: 10,
			thumbIdleOpacity: 0.6,
			textShowCarousel: 'Featured Content',
			showCarouselLabel: true,
			thumbCloseCarousel: true,
			useThumbGenerator: false,
			thumbGenerator: 'resizer.php',
			useExternalCarousel: false,
			carouselElement: false,
			carouselHorizontal: true,
			activateCarouselScroller: true,
			carouselPreloader: true,
			textPreloadingCarousel: 'Loading...',
			/* CSS Classes */
			baseClass: 'jdGallery',
			withArrowsClass: 'withArrows',
			/* Plugins: HistoryManager */
			useHistoryManager: false,
			customHistoryKey: false
		}, options);
		this.fireEvent('onInit');
		this.currentIter = 0;
		this.lastIter = 0;
		this.maxIter = 0;
		this.galleryElement = element;
		this.galleryData = this.options.manualData;
		this.galleryInit = 1;
		this.galleryElements = Array();
		this.thumbnailElements = Array();
		this.galleryElement.addClass(this.options.baseClass);
		
		this.populateFrom = element;
		if (this.options.populateFrom)
			this.populateFrom = this.options.populateFrom;		
		if (this.options.populateData)
			this.populateData();
		element.style.display="block";
		
		if (this.options.useHistoryManager)
			this.initHistory();
		
		if (this.options.embedLinks)
		{
			this.currentLink = new Element('a').addClass('open').setProperties({
				href: '#',
				title: ''
			}).injectInside(element);
			if ((!this.options.showArrows) && (!this.options.showCarousel))
				this.galleryElement = element = this.currentLink;
			else
				this.currentLink.setStyle('display', 'none');
		}
		
		this.constructElements();
		if ((this.galleryData.length>1)&&(this.options.showArrows))
		{
			var leftArrow = new Element('a').addClass('left').addEvent(
				'click',
				this.prevItem.bind(this)
			).injectInside(element);
			var rightArrow = new Element('a').addClass('right').addEvent(
				'click',
				this.nextItem.bind(this)
			).injectInside(element);
			this.galleryElement.addClass(this.options.withArrowsClass);
		}
		this.loadingElement = new Element('div').addClass('loadingElement').injectInside(element);
		if (this.options.showInfopane) this.initInfoSlideshow();
		if (this.options.showCarousel) this.initCarousel();
		this.doSlideShow(1);
	},
	populateData: function() {
		currentArrayPlace = this.galleryData.length;
		options = this.options;
		var data = $A(this.galleryData);
		data.extend(this.populateGallery(this.populateFrom, currentArrayPlace));
		this.galleryData = data;
		this.fireEvent('onPopulated');
	},
	populateGallery: function(element, startNumber) {
		var data = [];
		options = this.options;
		currentArrayPlace = startNumber;
		element.getElements(options.elementSelector).each(function(el) {
			elementDict = {
				image: el.getElement(options.imageSelector).getProperty('src'),
				number: currentArrayPlace,
				transition: this.options.defaultTransition
			};
			elementDict.extend = $extend;
			if ((options.showInfopane) | (options.showCarousel))
				elementDict.extend({
					title: el.getElement(options.titleSelector).innerHTML,
					description: el.getElement(options.subtitleSelector).innerHTML
				});
			if (options.embedLinks)
				elementDict.extend({
					link: el.getElement(options.linkSelector).href||false,
					linkTitle: el.getElement(options.linkSelector).title||false,
					linkTarget: el.getElement(options.linkSelector).getProperty('target')||false
				});
			if ((!options.useThumbGenerator) && (options.showCarousel))
				elementDict.extend({
					thumbnail: el.getElement(options.thumbnailSelector).getProperty('src')
				});
			else if (options.useThumbGenerator)
				elementDict.extend({
					thumbnail: options.thumbGenerator + '?imgfile=' + elementDict.image + '&max_width=' + options.thumbWidth + '&max_height=' + options.thumbHeight
				});
			
			data.extend([elementDict]);
			currentArrayPlace++;
			if (this.options.destroyAfterPopulate)
				el.remove();
		});
		return data;
	},
	constructElements: function() {
		el = this.galleryElement;
		this.maxIter = this.galleryData.length;
		var currentImg;
		for(i=0;i<this.gallerydata.length;i++) {="" var="" currentimg="new" fx.styles(="" new="" element('div').addclass('slideelement').setstyles({="" 'position':'absolute',="" 'left':'0px',="" 'right':'0px',="" 'margin':'0px',="" 'padding':'0px',="" 'backgroundposition':"center="" center",="" 'opacity':'0'="" }).injectinside(el),="" 'opacity',="" {duration:="" this.options.fadeduration}="" );="" if="" (this.options.preloader)="" {="" currentimg.source="this.galleryData[i].image;" currentimg.loaded="false;" currentimg.load="function(imageStyle)" {="" if="" (!imagestyle.loaded)="" {="" new="" asset.image(imagestyle.source,="" {="" 'onload'="" :="" function(img){="" img.element.setstyle(="" 'backgroundimage',="" "url('"="" +="" img.source="" +="" "')")="" img.loaded="true;" }.bind(this,="" imagestyle)="" });="" }="" }.pass(currentimg,="" this);="" }="" else="" {="" currentimg.element.setstyle('backgroundimage',="" "url('"="" +="" this.gallerydata[i].image="" +="" "')");="" }="" this.galleryelements[parseint(i)]="currentImg;" }="" },="" destroyslideshow:="" function(element)="" {="" var="" myclassname="element.className;" var="" newelement="new" element('div').addclass('myclassname');="" element.parentnode.replacechild(newelement,="" element);="" },="" startslideshow:="" function()="" {="" this.fireevent('onstart');="" this.loadingelement.style.display="none" ;="" this.lastiter="this.maxIter" -="" 1;="" this.currentiter="0;" this.galleryinit="0;" this.galleryelements[parseint(this.currentiter)].set({opacity:="" 1});="" if="" (this.options.showinfopane)="" this.showinfoslideshow.delay(1000,="" this);="" var="" textshowcarousel="formatString(this.options.textShowCarousel," this.currentiter+1,="" this.maxiter);="" if="" (this.options.showcarousel&&(!this.options.carouselpreloader))="" this.carouselbtn.sethtml(textshowcarousel).setproperty('title',="" textshowcarousel);="" this.preparetimer();="" if="" (this.options.embedlinks)="" this.makelink(this.currentiter);="" },="" nextitem:="" function()="" {="" this.fireevent('onnextcalled');="" this.nextiter="this.currentIter+1;" if="" (this.nextiter="">= this.maxIter)
			this.nextIter = 0;
		this.galleryInit = 0;
		this.goTo(this.nextIter);
	},
	prevItem: function() {
		this.fireEvent('onPreviousCalled');
		this.nextIter = this.currentIter-1;
		if (this.nextIter <= -1)="" this.nextiter="this.maxIter" -="" 1;="" this.galleryinit="0;" this.goto(this.nextiter);="" },="" goto:="" function(num)="" {="" this.cleartimer();="" if(this.options.preloader)="" {="" this.galleryelements[num].load();="" if="" (num="=0)" this.galleryelements[this.maxiter="" -="" 1].load();="" else="" this.galleryelements[num="" -="" 1].load();="" if="" (num="=(this.maxIter" -="" 1))="" this.galleryelements[0].load();="" else="" this.galleryelements[num="" +="" 1].load();="" }="" if="" (this.options.embedlinks)="" this.clearlink();="" if="" (this.options.showinfopane)="" {="" this.slideinfozone.clearchain();="" this.hideinfoslideshow().chain(this.changeitem.pass(num,="" this));="" }="" else="" this.currentchangedelay="this.changeItem.delay(500," this,="" num);="" if="" (this.options.embedlinks)="" this.makelink(num);="" this.preparetimer();="" if="" (this.options.showcarousel)="" this.clearthumbnailshighlights();*/="" },="" changeitem:="" function(num)="" {="" this.fireevent('onstartchanging');="" this.galleryinit="0;" if="" (this.currentiter="" !="num)" {="" for(i=""></=><this.maxiter;i++) {="" if="" ((i="" !="this.currentIter))" this.galleryelements[i].set({opacity:="" 0});="" }="" gallery.transitions[this.gallerydata[num].transition].pass([="" this.galleryelements[this.currentiter],="" this.galleryelements[num],="" this.currentiter,="" num],="" this)();="" this.currentiter="num;" }="" var="" textshowcarousel="formatString(this.options.textShowCarousel," num+1,="" this.maxiter);="" if="" (this.options.showcarousel)="" this.carouselbtn.sethtml(textshowcarousel).setproperty('title',="" textshowcarousel);="" this.doslideshow.bind(this)();="" this.fireevent('onchanged');="" },="" cleartimer:="" function()="" {="" if="" (this.options.timed)="" $clear(this.timer);="" },="" preparetimer:="" function()="" {="" if="" (this.options.timed)="" this.timer="this.nextItem.delay(this.options.delay," this);="" },="" doslideshow:="" function(position)="" {="" if="" (this.galleryinit="=" 1)="" {="" imgpreloader="new" image();="" imgpreloader.onload="function(){" this.startslideshow.delay(10,="" this);="" }.bind(this);="" imgpreloader.src="this.galleryData[0].image;" if(this.options.preloader)="" this.galleryelements[0].load();="" }="" else="" {="" if="" (this.options.showinfopane)="" {="" if="" (this.options.showinfopane)="" {="" this.showinfoslideshow.delay((500="" +="" this.options.fadeduration),="" this);="" }="" else="" if="" ((this.options.showcarousel)&&(this.options.activatecarouselscroller))="" this.centercarouselon(position);="" }="" }="" },="" createcarousel:="" function()="" {="" var="" carouselelement;="" if="" (!this.options.useexternalcarousel)="" {="" var="" carouselcontainerelement="new" element('div').addclass('carouselcontainer').injectinside(this.galleryelement);="" this.carouselcontainer="new" fx.styles(carouselcontainerelement,="" {transition:="" fx.transitions.expoout});="" this.carouselcontainer.normalheight="carouselContainerElement.offsetHeight;" this.carouselcontainer.set({'opacity':="" this.options.carouselminimizedopacity,="" 'top':="" (this.options.carouselminimizedheight="" -="" this.carouselcontainer.normalheight)});="" this.carouselbtn="new" element('a').addclass('carouselbtn').setproperties({="" title:="" this.options.textshowcarousel="" }).injectinside(carouselcontainerelement);="" if(this.options.carouselpreloader)="" this.carouselbtn.sethtml(this.options.textpreloadingcarousel);="" else="" this.carouselbtn.sethtml(this.options.textshowcarousel);="" this.carouselbtn.addevent(="" 'click',="" function="" ()="" {="" this.carouselcontainer.cleartimer();="" this.togglecarousel();="" }.bind(this)="" );="" this.carouselactive="false;" carouselelement="new" element('div').addclass('carousel').injectinside(carouselcontainerelement);="" this.carousel="new" fx.styles(carouselelement);="" }="" else="" {="" carouselelement="$(this.options.carouselElement).addClass('jdExtCarousel');" }="" this.carouselelement="new" fx.styles(carouselelement,="" {transition:="" fx.transitions.expoout});="" this.carouselelement.normalheight="carouselElement.offsetHeight;" if="" (this.options.showcarousellabel)="" this.carousellabel="new" element('p').addclass('label').injectinside(carouselelement);="" carouselwrapper="new" element('div').addclass('carouselwrapper').injectinside(carouselelement);="" this.carouselwrapper="new" fx.styles(carouselwrapper,="" {transition:="" fx.transitions.expoout});="" this.carouselwrapper.normalheight="carouselWrapper.offsetHeight;" this.carouselinner="new" element('div').addclass('carouselinner').injectinside(carouselwrapper);="" if="" (this.options.activatecarouselscroller)="" {="" this.carouselwrapper.scroller="new" scroller(carouselwrapper,="" {="" area:="" 100,="" velocity:="" 0.2="" })="" this.carouselwrapper.elementscroller="new" fx.scroll(carouselwrapper,="" {="" duration:="" 400,="" onstart:="" this.carouselwrapper.scroller.stop.bind(this.carouselwrapper.scroller),="" oncomplete:="" this.carouselwrapper.scroller.start.bind(this.carouselwrapper.scroller)="" });="" }="" },="" fillcarousel:="" function()="" {="" this.constructthumbnails();="" this.carouselinner.normalwidth="((this.maxIter" *="" (this.options.thumbwidth="" +="" this.options.thumbspacing="" +="" 2))+this.options.thumbspacing)="" +="" "px";="" this.carouselinner.style.width="this.carouselInner.normalWidth;" },="" initcarousel:="" function="" ()="" {="" this.createcarousel();="" this.fillcarousel();="" if="" (this.options.carouselpreloader)="" this.preloadthumbnails();="" },="" flushcarousel:="" function()="" {="" this.thumbnailelements.each(function(myfx)="" {="" myfx.element.remove();="" myfx="myFx.element" =="" null;="" });="" this.thumbnailelements="[];" },="" togglecarousel:="" function()="" {="" if="" (this.carouselactive)="" this.hidecarousel();="" else="" this.showcarousel();="" },="" showcarousel:="" function="" ()="" {="" this.fireevent('onshowcarousel');="" this.carouselcontainer.start({="" 'opacity':="" this.options.carouselmaximizedopacity,="" 'top':="" 0="" }).chain(function()="" {="" this.carouselactive="true;" this.carouselwrapper.scroller.start();="" this.fireevent('oncarouselshown');="" this.carouselcontainer.options.oncomplete="null;" }.bind(this));="" },="" hidecarousel:="" function="" ()="" {="" this.fireevent('onhidecarousel');="" var="" targettop="this.options.carouselMinimizedHeight" -="" this.carouselcontainer.normalheight;="" this.carouselcontainer.start({="" 'opacity':="" this.options.carouselminimizedopacity,="" 'top':="" targettop="" }).chain(function()="" {="" this.carouselactive="false;" this.carouselwrapper.scroller.stop();="" this.fireevent('oncarouselhidden');="" this.carouselcontainer.options.oncomplete="null;" }.bind(this));="" },="" constructthumbnails:="" function="" ()="" {="" element="this.carouselInner;" for(i=""></this.maxiter;i++)><this.gallerydata.length;i++) {="" var="" currentimg="new" fx.style(new="" element="" ('div').addclass("thumbnail").setstyles({="" backgroundimage:="" "url('"="" +="" this.gallerydata[i].thumbnail="" +="" "')",="" backgroundposition:="" "center="" center",="" backgroundrepeat:="" 'no-repeat',="" marginleft:="" this.options.thumbspacing="" +="" "px",="" width:="" this.options.thumbwidth="" +="" "px",="" height:="" this.options.thumbheight="" +="" "px"="" }).injectinside(element),="" "opacity",="" {duration:="" 200}).set(this.options.thumbidleopacity);="" currentimg.element.addevents({="" 'mouseover':="" function="" (myself)="" {="" myself.cleartimer();="" myself.start(0.99);="" if="" (this.options.showcarousellabel)=""></this.gallerydata.length;i++)><span class="number">' + (myself.relatedImage.number + 1) + "/" + this.maxIter + ":</span> " + myself.relatedImage.title);
				}.pass(currentImg, this),
				'mouseout': function (myself) {
					myself.clearTimer();
					myself.start(this.options.thumbIdleOpacity);
				}.pass(currentImg, this),
				'click': function (myself) {
					this.goTo(myself.relatedImage.number);
					if (this.options.thumbCloseCarousel)
						this.hideCarousel();
				}.pass(currentImg, this)
			});
			
			currentImg.relatedImage = this.galleryData[i];
			this.thumbnailElements[parseInt(i)] = currentImg;
		}
	},
	log: function(value) {
		if(console.log)
			console.log(value);
	},
	preloadThumbnails: function() {
		var thumbnails = [];
		for(i=0;i<this.gallerydata.length;i++) {="" thumbnails[parseint(i)]="this.galleryData[i].thumbnail;" }="" this.thumbnailpreloader="new" preloader();="" this.thumbnailpreloader.addevent('oncomplete',="" function()="" {="" var="" textshowcarousel="formatString(this.options.textShowCarousel," this.currentiter+1,="" this.maxiter);="" this.carouselbtn.sethtml(textshowcarousel).setproperty('title',="" textshowcarousel);="" }.bind(this));="" this.thumbnailpreloader.load(thumbnails);="" },="" clearthumbnailshighlights:="" function()="" {="" for(i=""></this.gallerydata.length;i++)><this.gallerydata.length;i++) {="" this.thumbnailelements[i].cleartimer();="" this.thumbnailelements[i].start(0.2);="" }="" },="" changethumbnailssize:="" function(width,="" height)="" {="" for(i=""></this.gallerydata.length;i++)><this.gallerydata.length;i++) {="" this.thumbnailelements[i].cleartimer();="" this.thumbnailelements[i].element.setstyles({="" 'width':="" width="" +="" "px",="" 'height':="" height="" +="" "px"="" });="" }="" },="" centercarouselon:="" function(num)="" {="" if="" (!this.carouselwallmode)="" {="" var="" carouselelement="this.thumbnailElements[num];" var="" position="carouselElement.element.offsetLeft" +="" (carouselelement.element.offsetwidth="" 2);="" var="" carouselwidth="this.carouselWrapper.element.offsetWidth;" var="" carouselinnerwidth="this.carouselInner.offsetWidth;" var="" diffwidth="carouselWidth" 2;="" var="" scrollpos="position-diffWidth;" try="" {="" this.carouselwrapper.elementscroller.scrollto(scrollpos,0);="" }="" catch(e)="" {="" this.carouselwrapper.elementscroller.scrollto="(scrollPos,0);" }="" }="" },="" initinfoslideshow:="" function()="" {="" if="" (this.slideinfozone.element)="" this.slideinfozone.element.remove();*/="" this.slideinfozone="new" fx.styles(new="" element('div').addclass('slideinfozone').injectinside($(this.galleryelement))).set({'opacity':0});="" var="" slideinfozonetitle="new" element('h2').injectinside(this.slideinfozone.element);="" var="" slideinfozonedescription="new" element('p').injectinside(this.slideinfozone.element);="" this.slideinfozone.normalheight="this.slideInfoZone.element.offsetHeight;" this.slideinfozone.element.setstyle('opacity',0);="" },="" changeinfoslideshow:="" function()="" {="" this.hideinfoslideshow.delay(10,="" this);="" this.showinfoslideshow.delay(500,="" this);="" },="" showinfoslideshow:="" function()="" {="" this.fireevent('onshowinfopane');="" this.slideinfozone.cleartimer();="" element="this.slideInfoZone.element;" element.getelement('h2').sethtml(this.gallerydata[this.currentiter].title);="" element.getelement('p').sethtml(this.gallerydata[this.currentiter].description);="" if(this.options.slideinfozoneslide)="" this.slideinfozone.start({'opacity':="" [0,="" this.options.slideinfozoneopacity],="" 'height':="" [0,="" this.slideinfozone.normalheight]});="" else="" this.slideinfozone.start({'opacity':="" [0,="" this.options.slideinfozoneopacity]});="" if="" (this.options.showcarousel)="" this.slideinfozone.chain(this.centercarouselon.pass(this.currentiter,="" this));="" return="" this.slideinfozone;="" },="" hideinfoslideshow:="" function()="" {="" this.fireevent('onhideinfopane');="" this.slideinfozone.cleartimer();="" if(this.options.slideinfozoneslide)="" this.slideinfozone.start({'opacity':="" 0,="" 'height':="" 0});="" else="" this.slideinfozone.start({'opacity':="" 0});="" return="" this.slideinfozone;="" },="" makelink:="" function(num)="" {="" this.currentlink.setproperties({="" href:="" this.gallerydata[num].link,="" title:="" this.gallerydata[num].linktitle="" })="" if="" (!((this.options.embedlinks)="" &&="" (!this.options.showarrows)="" &&="" (!this.options.showcarousel)))="" this.currentlink.setstyle('display',="" 'block');="" },="" clearlink:="" function()="" {="" this.currentlink.setproperties({href:="" '',="" title:="" ''});="" if="" (!((this.options.embedlinks)="" &&="" (!this.options.showarrows)="" &&="" (!this.options.showcarousel)))="" this.currentlink.setstyle('display',="" 'none');="" },="" to="" change="" the="" gallery="" data,="" those="" two="" functions="" :="" */="" flushgallery:="" function()="" {="" this.galleryelements.each(function(myfx)="" {="" myfx.element.remove();="" myfx="myFx.element" =="" null;="" });="" this.galleryelements="[];" },="" changedata:="" function(data)="" {="" this.gallerydata="data;" this.cleartimer();="" this.flushgallery();="" if="" (this.options.showcarousel)="" this.flushcarousel();="" this.constructelements();="" if="" (this.options.showcarousel)="" this.fillcarousel();="" if="" (this.options.showinfopane)="" this.hideinfoslideshow();="" this.galleryinit="1;" this.lastiter="0;" this.currentiter="0;" this.doslideshow(1);="" },="" plugins:="" historymanager="" */="" inithistory:="" function()="" {="" this.fireevent('onhistoryinit');="" this.historykey="this.galleryElement.id" +="" '-picture';="" if="" (this.options.customhistorykey)="" this.historykey="this.options.customHistoryKey();" this.history="HistoryManager.register(" this.historykey,="" [1],="" function(values)="" {="" if="" (parseint(values[0])-1=""></this.gallerydata.length;i++)>< this.maxiter)="" this.goto(parseint(values[0])-1);="" }.bind(this),="" function(values)="" {="" return="" [this.historykey,="" '(',="" values[0],="" ')'].join('');="" }.bind(this),="" this.historykey="" +="" '\\((\\d+)\\)');="" this.addevent('onchanged',="" function(){="" this.history.setvalue(0,="" this.currentiter+1);="" }.bind(this));="" this.fireevent('onhistoryinited');="" }="" };="" gallery="new" class(gallery);="" gallery.implement(new="" events);="" gallery.implement(new="" options);="" gallery.transitions="new" abstract="" ({="" fade:="" function(oldfx,="" newfx,="" oldpos,="" newpos){="" oldfx.options.transition="newFx.options.transition" =="" fx.transitions.linear;="" oldfx.options.duration="newFx.options.duration" =="" this.options.fadeduration;="" if="" (newpos=""> oldPos) newFx.start({opacity: 1});
		else
		{
			newFx.set({opacity: 1});
			oldFx.start({opacity: 0});
		}
	},
	crossfade: function(oldFx, newFx, oldPos, newPos){
		oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
		oldFx.options.duration = newFx.options.duration = this.options.fadeDuration;
		newFx.start({opacity: 1});
		oldFx.start({opacity: 0});
	},
	fadebg: function(oldFx, newFx, oldPos, newPos){
		oldFx.options.transition = newFx.options.transition = Fx.Transitions.linear;
		oldFx.options.duration = newFx.options.duration = this.options.fadeDuration / 2;
		oldFx.start({opacity: 0}).chain(newFx.start.pass([{opacity: 1}], newFx));
	}
});

/* All code copyright 2007 Jonathan Schemoul */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Follows: Preloader (class)
 * Simple class for preloading images with support for progress reporting
 * Copyright 2007 Tomocchino.
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

var Preloader = new Class({
  
  Implements: [Events, Options],

  options: {
    root        : '',
    period      : 100
  },
  
  initialize: function(options){
    this.setOptions(options);
  },
  
  load: function(sources) {
    this.index = 0;
    this.images = [];
    this.sources = this.temps = sources;
    this.total = this. sources.length;
    
    this.fireEvent('onStart', [this.index, this.total]);
    this.timer = this.progress.periodical(this.options.period, this);
    
    this.sources.each(function(source, index){
      this.images[index] = new Asset.image(this.options.root + source, {
        'onload'  : function(){ this.index++; if(this.images[index]) this.fireEvent('onLoad', [this.images[index], index, source]); }.bind(this),
        'onerror' : function(){ this.index++; this.fireEvent('onError', [this.images.splice(index, 1), index, source]); }.bind(this),
        'onabort' : function(){ this.index++; this.fireEvent('onError', [this.images.splice(index, 1), index, source]); }.bind(this)
      });
    }, this);
  },
  
  progress: function() {
    this.fireEvent('onProgress', [Math.min(this.index, this.total), this.total]);
    if(this.index >= this.total) this.complete();
  },
  
  complete: function(){
    $clear(this.timer);
    this.fireEvent('onComplete', [this.images]);
  },
  
  cancel: function(){
    $clear(this.timer);
  }
  
});

Preloader.implement(new Events, new Options);

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Follows: formatString (function)
 * Original name: Yahoo.Tools.printf
 * Copyright Yahoo.
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

function formatString() {
	var num = arguments.length;
	var oStr = arguments[0];
	for (var i = 1; i < num; i++) {
		var pattern = "\\{" + (i-1) + "\\}"; 
		var re = new regexp(pattern, "g");
		ostr = ostr.replace(re, arguments[i]);
	}
	return ostr; 
} num;="" i++)="" {="" var="" pattern="\\{" +="" (i-1)="" +="" "\\}";="" var="" re="new" regexp(pattern,="" "g");="" ostr="oStr.replace(re," arguments[i]);="" }="" return="" ostr;=""></ num; i++) {
		var pattern = "\\{" + (i-1) + "\\}"; 
		var re = new regexp(pattern, "g");
		ostr = ostr.replace(re, arguments[i]);
	}
	return ostr; 
}></this.gallerydata.length;i++)>