app/src/main/webapp/roller-ui/authoring/editors/xinha-1.5.1/plugins/MootoolsFileManager/mootools-filemanager/Assets/js/milkbox/milkbox.js

/*
	Milkbox v3.0.3 - required: mootools.js v1.3 core + more (see the relative js file for details about used modules)

	by Luca Reghellin (http://www.reghellin.com) September 2011, MIT-style license.
	Inspiration Lokesh Dhakar (http://www.lokeshdhakar.com/projects/lightbox2/)
	AND OF COURSE, SPECIAL THANKS TO THE MOOTOOLS DEVELOPERS AND THE OTHER DEVELOPERS HELPING ALL AROUND THE WORLD
*/


//Class: Milkbox (singleton)
(function(){

var milkbox_singleton = null;

this.Milkbox = new Class({

	Implements:[Options,Events],

	options:{//set all the options here
		overlayOpacity:0.7,
		marginTop:50,
		initialWidth:250,
		initialHeight:250,
		fileboxBorderWidth:'0px',
		fileboxBorderColor:'#000000',
		fileboxPadding:'0px',
		resizeDuration:.5,
		resizeTransition:'sine:in:out',/*function (ex. Transitions.Sine.easeIn) or string (ex. 'bounce:out')*/
		autoPlay:false,
		autoPlayDelay:7,
		removeTitle:true,
		autoSize:true,
		autoSizeMaxHeight:0,//only if autoSize==true
		centered:false,
		imageOfText:'of',
		onXmlGalleries:function(){},
		onClosed:function(){},
		onFileReady:function(){},
    zIndex: 50001,
	},

	initialize: function(options){
		if (milkbox_singleton) return milkbox_singleton;
		milkbox_singleton = this;

		this.setOptions(options);
		this.autoPlayBkup = { autoPlayDelay:this.options.autoPlayDelay, autoPlay:this.options.autoPlay };
		this.fullOptionsBkup = {};
		this.galleries = [];
		this.formElements = [];
		this.activated;
		this.busy = false;
		this.paused = false;
		this.closed = true;
		this.intId;
		this.loadCheckerId;
		this.externalGalleries = [];
		this.singlePageLinkId = 0;
		
		this.currentIndex;
		this.currentGallery;
		this.fileReady;
		this.loadedImages = [];
		this.currentFile;
		this.options_bkup;
		
		this.display;
		
		this.getPageGalleries();
		if(this.galleries.length != 0){ this.prepare(true); }
	},
	
	prepare:function(checkForm){
		if(checkForm){ this.checkFormElements(); }
		this.prepareHTML();
		this.prepareEventListeners();
		this.activated = true;
	},
	
	//utility
	open:function(gallery,index){
		var i;
		
		if(!this.activated){ this.prepare(true); }
				
		var g = (instanceOf(gallery,MilkboxGallery)) ? gallery : this.getGallery(gallery);
		if(!g) return false;
 		
 		// [i_a] when 'index' is not an number, it may be a element reference or string: resolve such indexes too
		if (typeOf(index) !== 'number') {
			i = g.get_index_of(index);
			if(i !== -1){ index = i; }
		}

		i = parseInt(index, 10);
		if(isNaN(i)){ i = 0; }

		this.closed = false;
		var item = g.get_item(i);
		if(!item) return false;
		
		this.currentGallery = g;
		this.currentIndex = i;
				
		this.hideFormElements();
		
		this.display.set_mode(this.currentGallery.type);
		this.display.appear();
		
		
		if(this.options.autoPlay || g.options.autoplay){ this.startAutoPlay(true); }

		this.loadFile(item,this.getPreloads());
		return true;
	},
	
	
	//utility
	close:function(hideDisplay){
		if(hideDisplay){ this.display.disappear(); }
		this.showFormElements();
		this.pauseAutoPlay();
		this.stopLoadingCheck();
		this.currentGallery = null;
		this.currentIndex = null;
		this.currentFile = null;
		this.busy = false;
		this.paused = false;
		this.fileReady = false;
		this.closed = true;
	
		this.fireEvent('closed');
	},

	startAutoPlay:function(opening){
		var d = this.currentGallery.options.autoplay_delay || this.options.autoPlayDelay;
		if(d < this.options.resizeDuration*2){ d = this.options.resizeDuration*2 };

		var f = function(){
			this.removeEvent('fileReady',f);
			this.intId = this.navAux.periodical(d*1000,this,[null,'next']);
		}

		if(opening){
			this.addEvent('fileReady',f);
		} else {
			this.intId = this.navAux.periodical(d*1000,this,[null,'next']);
		}

		this.paused = false;
	},
	
	pauseAutoPlay:function(){
		if(this.intId){ 
			clearInterval(this.intId); 
			this.intId = null; 
		}
		
		this.paused = true;
	},
	
	//utility
	//list:Array of objects or an object > [ { gallery:'gall1', autoplay:true, delay:6 } ]
	//to permanently define autoplay options for any gallery 
	setAutoPlay:function(list){
		var l = (typeOf(list) == 'object') ? [list] : list;
		l.each(function(item){
			var g = this.getGallery(item.gallery);
			if(!g){ return; }
			var a = (item.autoplay == true) ? item.autoplay : false;
			var d = (item.delay && a) ? item.delay : this.options.autoPlayDelay;
			g.setOptions({ autoplay:a, autoplay_delay:d }).refresh();
		},this);
	},


	//utility	
	//{href:'file1.jpg',size:'width:900,height:100', title:'text'}
	//show a file on the fly without gallery functionalities
	openWithFile:function(file, options){
		if(!this.activated){ this.prepare(); }
	
		if(options){
			this.refreshDisplay(options,true);//set custom options
		}
		
		var g = new MilkboxGallery([file],{ remove_title:this.options.removeTitle });
		this.open(g,0);
	},
	
	getPreloads:function(){
		var items = this.currentGallery.items;
		var index = this.currentIndex;
		if(items.length == 1) return null;
		
		var next = (index != items.length-1) ? items[index+1] : items[0];
		var prev = (index != 0) ? items[index-1] : items[items.length-1];
		var preloads = (prev == next) ? [prev] : [prev,next]; //if gallery.length == 2, then prev == next
		return preloads;					
	},
	
	//LOADING
	loadFile:function(fileObj,preloads){

		this.fileReady = false;
		this.display.clear_content();
		this.display.hide_bottom();
		
		if(this.checkFileType(fileObj,'swf')){
			this.loadSwf(fileObj);
		} else if (this.checkFileType(fileObj,'html')){
			this.loadHtml(fileObj);
		} else {//filetype:image
			this.loadImage(fileObj);
		}
		
		if(!this.checkFileType(fileObj,'swf')) this.startLoadingCheck();
		if(preloads){ this.preloadFiles(preloads); }
	},
	
	//to prevent the loader to show if the file is cached
	startLoadingCheck:function(){
		var t = 0;
		if (!this.loadCheckerId) {
		  this.loadCheckerId = (function(){
			 t+=1;
			 if(t > 5){
				if (this.loadCheckerId) {
				  // only show the loader when the timer has not been cleared yet!
				  this.display.show_loader();
				}
				this.stopLoadingCheck();
			 }
		  }).periodical(100,this);
		}//end if
	},

	stopLoadingCheck:function(){
		clearInterval(this.loadCheckerId);
	},
	
	preloadFiles:function(preloads){
		preloads.each(function(fileObj,index){
			if(!this.checkFileType(fileObj,"swf") && !this.checkFileType(fileObj,"html")){ 
				this.preloadImage(fileObj.href); 
			}
		},this);
	},
	
	preloadImage:function(file){
		if(!this.loadedImages.contains(file)){
			var imageAsset = new Asset.image(file, { 
				onLoad:function(){
					this.loadedImages.push(file);
				}.bind(this)
			});
		}
	},

	loadImage:function(fileObj){
		var file = fileObj.href;
		var imageAsset = new Asset.image(file, { 
			onLoad:function(img){
				if(!this.loadedImages.contains(file)){ this.loadedImages.push(file); };//see next/prev events
				this.loadComplete(img,fileObj.caption);
			}.bind(this)
		});
	},

	loadSwf:function(fileObj){
		var swfObj = new Swiff(fileObj.href,{
			width:fileObj.size.width,
			height:fileObj.size.height,
			vars:fileObj.vars,
			params:{ wMode:'opaque', swLiveConnect:'false' }
		});
		
		this.loadComplete(document.id(swfObj),fileObj.caption);
	},

	loadHtml:function(fileObj){
		
		var query = (fileObj.vars ? '?' + Object.toQueryString(fileObj.vars) : '');
		var extras = (fileObj.extras ? fileObj.extras : '');
		
		var iFrame = new Element('iframe',{
			'src':fileObj.href+query,
			'frameborder':0,//for IE...
			styles:{ 
				'border':'none'
			}
		});

		if(fileObj.size){
			iFrame.set({
				'width':fileObj.size.width,
				'height':fileObj.size.height
			});
		}
		
		this.loadComplete(iFrame,fileObj.caption);
	},//loadHtml


	//LOAD COMPLETE ********//
	loadComplete:function(file,caption){
		
		if(this.closed) return;//if an onload event were still running
		
		this.fileReady = true;//the file is loaded and ready to be showed (see next_prev_aux())
		this.stopLoadingCheck();
		this.currentFile = file;
		var timer;
		timer = (function(){
			if(this.display.ready){
				if (this.currentGallery.items != null) {
					this.display.show_file(file,caption,this.currentIndex+1,this.currentGallery.items.length);
				}
				clearInterval(timer);
			}//end if
		}).periodical(100,this);
		
		this.fireEvent('fileReady');
	},//end loadComplete

	checkFileType:function(file,type){
		var href = (typeOf(file) != 'string') ? file.href : file;
		var splitted = href.split('?')[0];
		var regexp = new RegExp("\.("+type+")$","i");
		var test = splitted.test(regexp);
		
		if(!test && type=="html"){
			test = splitted.test(/\/\d+$/);
		}
		
		return test;
	},

	//GALLERIES
	getPageGalleries:function(){
		var names = [];
		var links = $$('a[data-milkbox]');
		
		//check names
		links.each(function(link){
			var name = link.get('data-milkbox');
			if(name == 'single'){
				this.galleries.push(new MilkboxGallery(link,{name:'single'+this.singlePageLinkId++, remove_title:this.options.removeTitle }));
			} else if(!names.contains(name)){
				names.push(name);
			}
		},this);
				
		names.each(function(name){
			this.galleries.push(new MilkboxGallery($$('a[data-milkbox='+name+']'),{ name:name, remove_title:this.options.removeTitle }));
		},this);
		
		//set default autoplay // override with setAutoPlay
		if(this.options.autoPlay){
			this.galleries.each(function(g){ 
				g.setOptions({autoplay:this.options.autoPlay,autoplay_delay:this.options.autoPlayDelay});
				g.refresh();
			}.bind(this));
		}
		
	},//getPageGalleries

	reloadPageGalleries:function(){		
		//reload page galleries
		this.removePageGalleryEvents();

		this.galleries = this.galleries.filter(function(gallery){
			if(!gallery.external) gallery.clear();
			return gallery.external; 
		});
		
		this.getPageGalleries();
		this.addPageGalleriesEvents();
		
		if(!this.activated){ this.prepare(true); }
	},//end reloadPageGalleries

	//list: optional. Can be a single string/object or an array of strings/objects
	resetExternalGalleries:function(list){
		this.galleries = this.galleries.filter(function(gallery){
			if(gallery.external) gallery.clear();
			return !gallery.external;
		});

		if(!list) return;
		var array = (typeOf(list) == 'array') ? list : [list];
		array.each(function(data){ this.addGalleries(data); }, this);
	},

	//utility
	addGalleries:function(data){
		if(!this.activated){ this.prepare(true); }
		if (typeOf(data) == 'string' && data.split('?')[0].test(/\.(xml)$/i)) {
			this.loadXml(data);
		} else {//array or object
			this.setObjectGalleries(data);
		}
		if(!this.activated){ this.prepare(true); }
	},
	
	loadXml:function(xmlfile){
		var r = new Request({
			method:'get',
			autoCancel:true,
			url:xmlfile,
			onRequest:function(){
				//placeholder
			}.bind(this),
			onSuccess:function(text,xml){
				var t = text.replace(/(<a.+)\/>/gi,"$1></a>");
				this.setXmlGalleries(new Element('div',{ html:t }));
			}.bind(this),
			onFailure:function(transport){ alert('Milkbox :: loadXml: XML file path error or local Ajax test: please test xml galleries on-line'); }
		}).send();
	},
	
	setXmlGalleries:function(container){
		var c = container;
		var xml_galleries = c.getElements('.gallery');
		var links;
		var aplist = [];
		xml_galleries.each(function(xml_gallery,i){
						
			var options = { 
				name:xml_gallery.getProperty('name'), 
				autoplay:Boolean(xml_gallery.getProperty('autoplay')),
				autoplay_delay:Number(xml_gallery.getProperty('autoplay_delay'))
			}
			
			var links = xml_gallery.getChildren('a').map(function(tag){ 
				return { href:tag.href, size:tag.get('data-milkbox-size'), title:tag.get('title') }
			},this);
			
			this.galleries.push(new MilkboxGallery(links,options));
		},this);
			
		this.fireEvent('xmlGalleries');
	},//end setXmlGalleries
	
	//[{ name:'gall1', autoplay:true, autoplay_delay:7, files:[{href:'file1.jpg',size:'width:900,height:100', title:'text'},{href:'file2.html',size:'w:800,h:200', title:'text'}] },{...},{...}]	
	setObjectGalleries:function(data){
		var array = (typeOf(data) == 'array') ? data : [data];
		array.each(function(newobj){
			var options = {
				name:newobj.name, 
				autoplay:newobj.autoplay,
				autoplay_delay:newobj.autoplay_delay
			}			
			this.galleries.push(new MilkboxGallery(newobj.files,options));
		},this);
	},
	
	//utility
	getGallery:function(name){
		var g = this.galleries.filter(function(gallery){ return gallery.name == name; },this);
		return g[0] || null;
	},
	
	//HTML
	prepareHTML:function(){
		this.display = new MilkboxDisplay({
			initialWidth:this.options.initialWidth,
			initialHeight:this.options.initialHeight,
			overlayOpacity:this.options.overlayOpacity,
			marginTop:this.options.marginTop,
			fileboxBorderWidth:this.options.fileboxBorderWidth,
			fileboxBorderColor:this.options.fileboxBorderColor,
			fileboxPadding:this.options.fileboxPadding,
			resizeDuration:this.options.resizeDuration,
			resizeTransition:this.options.resizeTransition,
			centered:this.options.centered,
			autoSize:this.options.autoSize,
			autoSizeMaxHeight:this.options.autoSizeMaxHeight,
			imageOfText:this.options.imageOfText,
      zIndex:this.options.zIndex
		});
	},
	
	refreshDisplay:function(options,keepBackup){
		if(!this.activated) return;
	
		var options_bkup = this.display.options;//save original options
		var new_options = Object.merge({},options_bkup,options);	
		if(this.display){ this.display.clear() }
		this.display = new MilkboxDisplay(new_options);
		this.addDisplayEvents();
		
		if(keepBackup){
			this.options_bkup = options_bkup;//restored in close();
		} else {
			this.options_bkup = null;
		}
	},

	checkFormElements:function(){
		this.formElements = $$('select, textarea');
		if(this.formElements.length == 0) return;

		this.formElements = this.formElements.filter(function(elem){   
      var vis = elem.getStyle('visibility');    
      var dis = elem.getStyle('display');     
      return (dis !== 'none' && vis !== 'hidden');     
    }).map(function(elem){
			elem.store('visibility',elem.getStyle('visibility'));
			elem.store('display',elem.getStyle('display'));
			return elem;
		});
	},
	
	hideFormElements:function(){
		if(this.formElements.length == 0) return;
		this.formElements.each(function(elem){ elem.setStyle('display','none'); });
	},
	
	showFormElements:function(){
		if(this.formElements.length == 0) return;
		this.formElements.each(function(elem){
			elem.setStyle('visibility',elem.retrieve('visibility'));
			elem.setStyle('display',elem.retrieve('display'));
		})
	},
	
	//EVENTS
	addPageGalleriesEvents:function(){
		var pageGalleries = this.galleries.filter(function(gallery){ return !gallery.external });
		pageGalleries.each(function(gallery){
			gallery.items.each(function(item){
				item.element.addEvent('click',function(e){
					e.preventDefault();
					this.open(gallery.name,gallery.get_index_of(item));
				}.bind(this));
			},this);
		},this);
	},
	
	removePageGalleryEvents:function(){
		var pageGalleries = this.galleries.filter(function(gallery){ return !gallery.external });
		pageGalleries.each(function(gallery){
			gallery.items.each(function(item){
				item.element.removeEvents('click');
			});
		});
	},
	
	addDisplayEvents:function(){
		this.display.addEvent('nextClick',function(){
			this.navAux(true,'next');
		}.bind(this));
		
		this.display.addEvent('prevClick',function(){
			this.navAux(true,'prev');
		}.bind(this));
		
		this.display.addEvent('playPauseClick',function(){
			if(this.paused){
				this.startAutoPlay();
			} else {
				this.pauseAutoPlay();
			}
			this.display.set_paused(this.paused);
		}.bind(this));
		
		this.display.addEvent('disappear',function(){
			if(this.options_bkup){ this.refreshDisplay(this.options_bkup); }
			this.close(false);
		}.bind(this));
		
		this.display.addEvent('resizeComplete',function(){
			this.busy = false;//see navAux
		}.bind(this));
	},

	prepareEventListeners:function(){
		
		this.addPageGalleriesEvents();
		this.addDisplayEvents();
		
		//reset overlay height and position onResize
		window.addEvent('resize',function(){
			if(this.display.ready){ this.display.resetOverlaySize(); }
		}.bind(this));
		
		//keyboard next/prev/close
		window.document.addEvent('keydown',function(e){
			if(this.busy == true || this.closed){ return; }
			if(e.key == 'right' || e.key == 'left' || e.key == 'space'){ e.preventDefault(); }

			if(this.display.mode != 'single'){
				if(e.key == 'right' || e.key == 'space'){ this.navAux(e,'next'); }
				else if(e.key == 'left'){ this.navAux(e,'prev'); }
			}
			
			if(e.key == 'esc'){ this.display.disappear(); }
		}.bind(this));
	},

	navAux:function(e,direction){
				
		if(e){//called from a button/key event
			this.pauseAutoPlay();
		} else {//called from autoplay
			if(this.busy || !this.fileReady){ return; }//prevent autoplay()
		}

		this.busy = true; //for keyboard and autoplay
		
		var i, _i;

		if(direction == "next"){
			i= (this.currentIndex != this.currentGallery.items.length-1) ? this.currentIndex += 1 : this.currentIndex = 0;
			_i= (this.currentIndex != this.currentGallery.items.length-1) ? this.currentIndex + 1 : 0;
		} else {
			i= (this.currentIndex != 0) ? this.currentIndex -= 1 : this.currentIndex = this.currentGallery.items.length-1;
			_i= (this.currentIndex != 0) ? this.currentIndex - 1 : this.currentGallery.items.length-1;		
		};

		this.loadFile(this.currentGallery.get_item(i),[this.currentGallery.get_item(_i)]);
	}


});//END MILKBOX CLASS CODE

})();//END SINGLETON CODE






var MilkboxDisplay= new Class({

	Implements:[Options,Events],
	
	options:{
		initialWidth:100,
		initialHeight:100,
		overlayOpacity:1,
		marginTop:0,
		fileboxBorderWidth:'0px',
		fileboxBorderColor:'#000000',
		fileboxPadding:'0px',
		resizeDuration:.5,
		resizeTransition:'sine:in:out',
		centered:false,
		autoSize:false,
		autoSizeMaxHeight:0,
		imageOfText:'of',
		onNextClick:function(){},
		onPrevClick:function(){},
		onPlayPause:function(){},
		onDisappear:function(){},
		onResizeComplete:function(){}
	},
	
	initialize: function(options){
		this.setOptions(options);
		
		this.overlay;
		this.mainbox;
		this.filebox;
		this.bottom;
		this.controls;
		this.caption;
		this.close;
		this.next;
		this.prev;
		this.playpause;
		this.paused = false;
		this.count;
		
		this.mode = 'standard';
		this.ready = false;//after overlay and mainbox become visible == true
		
		this.overlay_show_fx;
		this.overlay_hide_fx;

		this.mainbox_show_fx;
		this.mainbox_hide_fx;
		this.mainbox_resize_fx;
		
		this.current_file = null;

		this.build_html();
		this.prepare_effects();
		this.prepare_events();

	},//end init
	
	build_html:function(){
		this.overlay = new Element('div', { 
			'id':'mbox-overlay',
			'styles':{
				'visibility':'visible',
				'position':'fixed',
				'display':'none',
				'left':0,
				'width':'100%',
				'opacity':0,
				'height':0,
				'overflow':'hidden',
				'margin':0,
				'padding':0
			}
		}).inject(document.id(document.body));

		this.mainbox = new Element('div', {
			'id':'mbox-mainbox',
			'styles': {
				'position':(this.options.centered) ? 'fixed' : 'absolute',
				'overflow':'hidden',
				'display':'none',
				'z-index':this.options.zIndex,//50001,//overlay z-index (see css) + 1
				'width':this.options.initialWidth,
				'height':this.options.initialHeight,
				'opacity':0,
				'margin':0,
				'left':'50%',
				'marginLeft':-(this.options.initialWidth/2),
				'marginTop':(this.options.centered) ? -(this.options.initialHeight/2) : '',
				'top':(this.options.centered) ? '50%' : ''
			}
		}).inject(document.id(document.body));
		
		this.filebox = new Element('div',{
			'id':'mbox-filebox',
			'styles':{
				'border-style':'solid',
				'border-width':this.options.fileboxBorderWidth,
				'border-color':this.options.fileboxBorderColor,
				'padding':this.options.fileboxPadding,
				'opacity':0
			}
		}).inject(this.mainbox);
		
		this.bottom = new Element('div#mbox-bottom').setStyle('visibility','hidden').inject(this.mainbox);
		this.controls = new Element('div#mbox-controls');
		this.caption = new Element('div#mbox-caption',{'html':'test'}).setStyle('display','none');

		this.bottom.adopt(new Element('div.mbox-reset'),this.controls, this.caption, new Element('div.mbox-reset'));
		
		this.close = new Element('div#mbox-close');
		this.next = new Element('div#mbox-next');
		this.prev = new Element('div#mbox-prev');
		this.playpause = new Element('div#mbox-playpause');
		this.count = new Element('div#mbox-count');
		
		$$(this.next, this.prev, this.close, this.playpause).setStyles({
			'outline':'none',
			'cursor':'pointer'
		});

		this.controls.adopt(new Element('div.mbox-reset'), this.close, this.next, this.prev, this.playpause, new Element('div.mbox-reset'), this.count);
	},
	
	prepare_effects:function(){
		this.overlay_show_fx = new Fx.Tween(this.overlay,{ 
				duration:'short',
				link:'cancel',
				property:'opacity',
				onStart:function(){
					this.element.setStyles({
						'top':-window.getScroll().y,
						'height':window.getScrollSize().y+window.getScroll().y,
						'display':'block'
					});
				},
				onComplete:function(){
					this.mainbox_show_fx.start(1);
				}.bind(this)
		});

		this.overlay_hide_fx = new Fx.Tween(this.overlay,{ 
				duration:'short',
				link:'cancel',
				property:'opacity',
				onStart:function(){},
				onComplete:function(){
					this.overlay.setStyle('display','none');
					this.fireEvent('disappear');
				}.bind(this)
		});
		
		this.mainbox_show_fx = new Fx.Tween(this.mainbox,{ 
				duration:'short',
				link:'cancel',
				property:'opacity',
				onStart:function(){
					this.mainbox.setStyle('display','block');
				}.bind(this),
				onComplete:function(){
					this.ready = true;
				}.bind(this)
		});

		this.mainbox_hide_fx = new Fx.Tween(this.mainbox,{ 
				duration:'short',
				link:'cancel',
				property:'opacity',
				onStart:function(){
					this.ready = false;
				}.bind(this),
				onComplete:function(){
					this.overlay.setStyle('display','none');
				}.bind(this)
		});
		
		
		this.mainbox_resize_fx = new Fx.Morph(this.mainbox,{ 
				duration:this.options.resizeDuration*1000,
				transition:this.options.resizeTransition,
				link:'cancel',
				onStart:function(){
					this.filebox.setStyle('opacity',0)
				}.bind(this),
				onComplete:function(){
					this.show_bottom();
					this.filebox.setStyle('height',this.current_file.height+'px');
					this.filebox.grab(this.current_file).tween('opacity',1);
					this.fireEvent('resizeComplete');
				}.bind(this)
		});
		
		this.filebox.set('tween',{ duration:'short', link:'chain' });
	},//end prepare_effects
	
	prepare_events:function(){
		$$(this.overlay,this.close).addEvent('click', function(){ this.disappear(); }.bind(this));
		this.prev.addEvent('click',function(){ this.fireEvent('prevClick') }.bind(this));
		this.next.addEvent('click',function(){ this.fireEvent('nextClick') }.bind(this));
		this.playpause.addEvent('click',function(){ this.fireEvent('playPauseClick') }.bind(this) );
	},

	show_file:function(file,caption,index,length){

		this.hide_loader();
		
		if(file.match && file.match('img') && (this.options.autoSize || this.options.centered)){
			var file = this.get_resized_image(file);
		};

		var file_size = { w:file.width.toInt(), h:file.height.toInt() };
		if(!file_size.w || !file_size.h){ alert('Milkbox error: you must pass size values if the file is swf or html or a free file (openWithFile)'); return; }//data-milkbox-size not passed
		file_size = Object.map(file_size,function(value){ return value.toInt(); });
		
		this.caption.innerHTML = (caption) ? caption : '';
		this.update_count(index,length);
		
		var filebox_addsize = this.filebox.getStyle('border-width').toInt()*2+this.filebox.getStyle('padding').toInt()*2;
				
		var final_w = file_size.w+filebox_addsize;
		
		//so now I can predict the caption height
		var caption_adds = this.caption.getStyles('paddingRight','marginRight');
		this.caption.setStyle('width',final_w-caption_adds.paddingRight.toInt()-caption_adds.marginRight.toInt() - 2);
		$$(this.bottom,this.controls).setStyle('height',Math.max(this.caption.getDimensions().height,this.controls.getComputedSize().totalHeight));
		var mainbox_size = this.mainbox.getComputedSize();

		var final_h = file_size.h+filebox_addsize+this.bottom.getComputedSize().totalHeight;
		
		var target_size = { 
			w:final_w,
			h:final_h,
			total_w:final_w+mainbox_size.totalWidth-mainbox_size.width,
			total_h:final_h+mainbox_size.totalHeight-mainbox_size.height
		}
		
		this.current_file = file;
		this.resize_to(target_size);
	},//show_file

	//image:<img>, maxsize:{ w,h }
	get_resized_image:function(image){

		var max_size;
		var ratio;
		var check;
		
		var i_size = { w:image.get('width').toInt(), h:image.get('height').toInt() };
		
		//cut out some pixels to make it better
		var w_size = window.getSize();
		var max_size = { 
			w:w_size.x-60, 
			h:w_size.y-68-this.options.marginTop*2
		};

		var max_dim = Math.max( max_size.h, max_size.w );

		if(max_dim == max_size.w){
			ratio = max_dim/i_size.w;
			check = 'h';
		} else {
			ratio = max_dim/i_size.h;
			check = 'w';
		}
		
		ratio = (ratio <= 1) ? ratio : 1;
		
		i_size = Object.map(i_size,function(value){ return Math.floor(value*ratio); });
		
		ratio = (max_size[check]/i_size[check] <= 1) ? max_size[check]/i_size[check] : 1;
		i_size = Object.map(i_size,function(value){ return Math.floor(value*ratio); });
		
		if(this.options.autoSizeMaxHeight > 0){
			ratio = (this.options.autoSizeMaxHeight/i_size.height < 1) ? this.options.autoSizeMaxHeight/i_size.height : 1;
			i_size = Object.map(i_size,function(value){ return Math.floor(value*ratio); });
		}

		image.set({ 'width':i_size.w, 'height':i_size.h });
		
		return image;
	},//get_resized_image

	resize_to:function(target_size){
		this.mainbox_resize_fx.start({
			'width':target_size.w,
			'height':target_size.h,
			'marginLeft':-(target_size.total_w/2).round(),
			'marginTop':(this.options.centered) ? -(target_size.total_h/2).round() : ''
		});
	},
	
	show_loader:function(){
		this.mainbox.addClass('mbox-loading');
	},
	
	hide_loader:function(){
		this.mainbox.removeClass('mbox-loading');
	},

	clear_content:function(){
		this.filebox.empty();
		this.caption.empty();
		this.count.empty();
		$$(this.bottom,this.controls).setStyle('height','');
	},
	
	hide_bottom:function(){
		this.caption.setStyle('display','none');
		this.bottom.setStyle('visibility','hidden');
	},

	show_bottom:function(){
		this.caption.setStyle('display','block');
		this.bottom.setStyle('visibility','visible');
	},
	
	appear:function(){
		if(!this.options.centered){ this.mainbox.setStyle('top',window.getScroll().y+this.options.marginTop); }
		this.overlay_show_fx.start(this.options.overlayOpacity);
	},
	
	disappear:function(){
		this.cancel_effects();
		
		this.current_file = null;
		this.ready = false;
		this.mode = 'standard';

		$$(this.prev, this.next, this.playpause, this.count).setStyle('display','none');
		this.playpause.setStyle('backgroundPosition','0 0');

		this.count.empty();
		this.caption.setStyle('display','none').empty();
		this.bottom.setStyle('visibility','hidden');
		
		//TODO anche opacity a 0 se si usa un tween per il file
		this.filebox.setStyle('height','').empty();
		
		this.mainbox.setStyles({
			'opacity':0,
			'display':'none',
			'width':this.options.initialWidth,
			'height':this.options.initialHeight,
			'marginLeft':-(this.options.initialWidth/2),
			'marginTop':(this.options.centered) ? -(this.options.initialHeight/2) : '',
			'top':(this.options.centered) ? '50%' : ''
		});
		
		this.filebox.setStyle('opacity',0);
		
		this.overlay_hide_fx.start(0);
		
		//this.fireEvent('disappear');
	},//end disappear
	
	cancel_effects:function(){
		[this.mainbox_resize_fx,
		this.mainbox_hide_fx,
		this.mainbox_show_fx,
		this.overlay_hide_fx,
		this.overlay_show_fx
		].each(function(fx){ fx.cancel(); });
	},
	
	set_mode:function(gallery_type){
 		
		this.mode = gallery_type;
		var close_w = this.close.getComputedSize().width;
		var prev_w = this.prev.getComputedSize().width;
		var next_w = this.next.getComputedSize().width;
		var playpause_w = this.playpause.getComputedSize().width;
		var offset = this.mainbox.getStyle('border-right-width').toInt();//for design purposes
		
		switch(gallery_type){
			case 'autoplay':
				$$(this.playpause,this.close,this.next,this.prev,this.count).setStyle('display','block');
				this.controls.setStyle('width',close_w+prev_w+next_w+playpause_w+offset);
				break;
			case 'single':
				$$(this.playpause,this.next,this.prev,this.count).setStyle('display','none');
				this.controls.setStyle('width',close_w+offset);
				break;
			case 'standard':
				$$(this.close,this.next,this.prev,this.count).setStyle('display','block');
				this.playpause.setStyle('display','none');
				this.controls.setStyle('width',close_w+prev_w+next_w+offset);
				break;
			default:
				return;
		}
	
		this.caption.setStyle('margin-right',this.controls.getComputedSize().totalWidth);
	},//end set_mode
	
	set_paused:function(paused){
		this.paused = paused;
		var pos = (this.paused) ? '0 -66px' : '';
		this.playpause.setStyle('background-position',pos);
	},
	
	update_count:function(index,length){
		this.count.set('text',index+' '+this.options.imageOfText+' '+length);
	},

	resetOverlaySize:function(){
		if(this.overlay.getStyle('opacity') == 0){ return; };//resize only if visible
		var h = window.getScrollSize().y+window.getScroll().y;
		this.overlay.setStyles({ 'height':h, 'top':-window.getScroll().y });
	},
	
	clear:function(){
		this.overlay.destroy();
		this.mainbox.destroy();
	}
	
});//END





//Class: MilkboxGallery
//args: source,options 
//	*source: element, elements, array
//	*options: name, autoplay, autoplay_delay

var MilkboxGallery = new Class({

	Implements:[Options,Events],

	options:{//set all the options here
		name:null,
		autoplay:null,
		autoplay_delay:null,
		remove_title:true
	},

	initialize:function(source,options){
		
		this.setOptions(options);
		
		this.source = source;
		this.external = false;
		this.items = null;
		this.name = this.options.name;
		this.type = null;//'autoplay','standard','single'
		this.prepare_gallery();
		this.prepare_elements();
	},

	prepare_gallery:function(){
		switch(typeOf(this.source)){
			case 'element'://single
				if(this.check_extension(this.source.href)){ this.items = [this.source]; }
				else{ alert('Wrong file extension: '+this.source.href); }
				break;
			case 'elements'://html
				this.items = this.source.filter(function(link){ return this.check_extension(link.href); },this);
				break;
			case 'array'://xml, array
				this.items = this.source.filter(function(link){ return this.check_extension(link.href); },this);
				this.external = true;
				break;
			default:
				return;
		}
		
		if(this.items.length == 0){ alert('Warning: gallery '+this.name+' is empty'); }
	},
	
	//turns everything into an object
	prepare_elements:function(){
		this.items = this.items.map(function(item){
			var splitted_url = item.href.split('?');
			var output = {};
			output.element = (typeOf(item) == 'element') ? item : null;
			output.href = splitted_url[0];
			output.vars = (splitted_url[1]) ? splitted_url[1].parseQueryString() : null;
			output.size = null;
			output.caption = (output.element) ? output.element.get('title') : item.title;
			if(this.options.remove_title && output.element){ output.element.removeProperty('title') }
			
			var size_string = (output.element) ? output.element.get('data-milkbox-size') : item.size;
			if(size_string){ output.size = Object.map(this.get_item_props(size_string),function(value,key){ return value.toInt(); }); }
			
			var extras = (output.element) ? output.element.get('data-milkbox-extras') : item.extras;
			output.extras = (extras) ? extras : '';
			
			return output;
		},this);
		
		if(this.items.length == 0) return;
		
		this.type = (this.items.length == 1) ? 'single' : (this.options.autoplay) ? 'autoplay' : 'standard';
	},
	
	check_extension:function(string){
		var splitted, regular_file, dyn_url;
		
		splitted  = string.split('?')[0];
		
		regular_file = splitted.test(/\.(gif|jpg|jpeg|png|swf|html)$/i);
		if(!regular_file){ dyn_url = splitted.test(/\/\d+$/); }
		
		var pass = (regular_file || dyn_url) ? true : false;
		
		return pass;
	},
	
	get_index_of:function(item){
		var index = (typeOf(item) == 'string') ? this.items.indexOf(this.items.filter(function(i){ return i.href === item; })[0]) : this.items.indexOf(item);
		return this.items.indexOf(item);
	},
	
	get_item:function(index){
		return this.items[index];
	},
	
	get_item_props:function(prop_string){
		var props = {};
		var s = prop_string.split(',').each(function(p,i){
			var clean = p.trim().split(':');
			props[clean[0].trim()] = clean[1].trim();
		},this);
		return props;
	},
	
	refresh:function(){
		this.type = (this.items.length == 1) ? 'single' : (this.options.autoplay) ? 'autoplay' : 'standard';
	},
	
	clear:function(){
		this.source = null;
		this.items = null;
	}

});//end MilkboxGallery



//Creating Milkbox instance: you can comment this code and instantiate Milkbox somewhere else instead.
if( typeof __MILKBOX_NO_AUTOINIT__ == 'undefined' || __MILKBOX_NO_AUTOINIT__ == false)
{
  window.addEvent('domready', function(){ 
    //milkbox = new Milkbox({overlayOpacity:1, fileboxBorderWidth:'10px', fileboxBorderColor:'#ff0000', fileboxPadding:'20px', centered:true});
    milkbox = new Milkbox({ 
      //autoPlay:true
    });
  });
}