/*

	Milkbox v2.2.1 - required: mootools.js v1.2.1 core + more: Assets

		

	by Luca Reghellin (http://www.reghellin.com) February 2009, MIT-style license.

	Inspiration Lokesh Dhakar (http://www.lokeshdhakar.com/projects/lightbox2/)

	AND OF COURSE, SPECIAL THANKS TO THE MOOTOOLS DEVELOPERS

*/



var Milkbox = new Class({



	Implements:[Options,Events],

	

	options:{//set all the options here

		overlayOpacity:0.7,

		topPosition:50,

		initialWidth:250,

		initialHeight:250,

		canvasBorderWidth:'0px',

		canvasBorderColor:'#000000',

		canvasPadding:'0px',

		resizeDuration:500,

		resizeTransition:'sine:in:out',

		autoPlay:false,

		autoPlayDelay:7,

		removeTitle:false,

		onXmlGalleries:$empty,

		onClosed:$empty,

		onFileReady:$empty

	},

	

	initialize: function(options){

		

		this.setOptions(options);

		this.autoPlayBkup = { autoPlayDelay:this.options.autoPlayDelay, autoPlay:this.options.autoPlay };

		this.fullOptionsBkup = {};

		this.galleries = [];

		this.families = [];

		this.xmlFiles = [];

		this.loadedImages = [];//to check the preloaded images

		this.currentFile = null;

		this.currentIndex = null;

		this.currentGallery = null;

		this.currentRequest = null;

		this.currentResponse = null;

		

		this.mode = null;//'singleFile','fileGallery'

		this.closed = true;

		this.busy = true;//to control keyboard and autoplay events

		this.paused = true;

		this.fileReady = false;//to prevent overlapping loadFile calls via next_prev_aux()

		this.eventsok = false;

		this.first = true;//true if it's the first file since it opened 

		

		this.intObj = null;

		

		this.formtags = null;

		this.prepareGalleries();

		//if no galleries, stop here and prevent extra memory usage.

		//so you can keep milkbox in every page of a site.

		if(this.galleries.length == 0){ return; };

				

		this.initMilkbox();

		this.saveOptions();//then use restoreOptions()

	},//end init

	

	initMilkbox:function(){



		this.prepareHTML();

		this.prepareEffects();

		this.prepareEvents();

		

		this.formtags = $$('select','textarea');

		this.activated = true;

                   //Test                        

                        

              //var link = $('link').get('value');

                //End Test Var

	},

	

	/* ****** SHOW/HIDE ****** */

	

	//runs only 1 time per gallery

	openMilkbox:function(gallery,index){



		this.closed = false;

		

		if(this.formtags.length != 0){ this.formtags.setStyle('display','none') };



		this.overlay.setStyles({ 'top': -$(window).getScroll().y,'height':$(window).getScrollSize().y+$(window).getScroll().y });

		this.center.setStyle('top',$(window).getScroll().y+this.options.topPosition);



		this.currentGallery = gallery;

		this.currentIndex = index;

		this.overlay.tween('opacity',this.options.overlayOpacity);//onComplete: center.tween opacity

		

		if(gallery.length == 1){

			this.mode = 'singleFile';

			this.loadFile(gallery[index],index);

		} else {

			this.mode = 'fileGallery';

			var playpauseWidth = 0;

			//interface

			$$(this.prev, this.next, this.count).setStyle('display','block');

			if(this.options.autoPlay){ 

				this.playpause.setStyle('display','block');

				var playpauseWidth = this.playpause.getSize().x;

			}

			var border = this.center.getStyle('border-right-width').toInt();//border-right is just ok for design purposes..

			var navWidth = this.prev.getSize().x+this.next.getSize().x+this.close.getSize().x+playpauseWidth+border;

			//this.navigation.setStyle('width',navWidth);
                        this.navigation.setStyle('width','100%');
                        this.nameHeader.setStyle('margin-right',navWidth);

			this.description.setStyle('margin-right',navWidth);

              this.linkInclude.setStyle('margin-right',navWidth);

			//files

			var next = (index != gallery.length-1) ? gallery[index+1] : gallery[0];

			var prev = (index != 0) ? gallery[index-1] : gallery[gallery.length-1];

			var preloads = (prev == next) ? [prev] : [prev,next]; //if gallery.length == 2, then prev == next

						

			this.loadFile(gallery[index],preloads);

		}//end else

	},

	

	loadFile:function(fileObj,preloads){

		this.fileReady = false;

		var swf = this.checkFileType(fileObj,'swf');

		if(!swf){ 

			if(!this.loadedImages.contains(fileObj.retrieve('href'))){ this.center.addClass('mbLoading'); } 

			this.loadImage(fileObj.retrieve('href'));

		} else {

			this.loadSwf(fileObj);

		}

		

		if(preloads){ this.preloadFiles(preloads); }

	},

	

	preloadFiles:function(preloads){

		preloads.each(function(fileObj,index){

			var swf = this.checkFileType(fileObj.retrieve('href'),"swf");

			if(!swf){ this.preloadImage(fileObj.retrieve('href')); }

		},this);

	},

	

	loadImage:function(file){

		var imageAsset = new Asset.image(file, { onload:function(img){

			if(!this.loadedImages.contains(file)){ this.loadedImages.push(file); };//see next/prev events

			this.currentFile = img;

			this.loadAux(this.currentFile);

		}.bindWithEvent(this)});

	},

	

	preloadImage:function(file){

		if(!this.loadedImages.contains(file)){

			var imageAsset = new Asset.image(file, { onload:function(img){

					this.loadedImages.push(file);

			}.bindWithEvent(this)});

		}

	},

	



	loadSwf:function(swf){



		var swfObj = new Swiff(swf.retrieve('href'),{

			width:swf.retrieve('width').toInt(),

			height:swf.retrieve('height').toInt(),

			params:{ wMode:'opaque', swLiveConnect:'false' }

		});

		

		this.currentFile = swfObj;

		this.loadAux(swf);

	},

	

	loadAux:function(file){

		this.fileReady = true; //the file is loaded and ready to be showed (see next_prev_aux())

		this.fireEvent('fileReady');

		$$(this.nameHeader, this.description, this.navigation,this.linkInclude).setStyle('visibility','hidden');

		this.navigation.setStyle('height','');//reset the height setted in center.morph.onComplete

		$$(this.next,this.prev,this.close).setStyle('backgroundPosition','0 0');

		this.showFile(file);

	},

	

	

	showFile:function(file){

 		

 		if(this.closed){ return; };//if you close the Milkbox and an onload event is still running

 		

 		var fileSize = new Hash();

 		var targetSize = {};

 		var b = null;

 		var p = null;

 		if(this.options.canvasBorderWidth.toInt() != 0 && this.canvas.getStyle('borderWidth').toInt() == 0){

 			b = this.options.canvasBorderWidth + ' solid ' + this.options.canvasBorderColor;

 			this.canvas.setStyle('border',b);

 		}

 		

 		if(this.options.canvasPadding.toInt() != 0 && this.canvas.getStyle('padding').toInt() == 0){

 			p = this.options.canvasPadding;

 			this.canvas.setStyle('padding',p);

 		}

 		

 		var canvasSize = this.canvas.getSize();

 		var canvasAddSize = this.canvas.getStyle('borderWidth').toInt()*2 + this.canvas.getStyle('padding').toInt()*2;

 		this.canvas.setStyles({'opacity':0, 'width':'', 'height':''});

 		

 		if(!file.retrieve('width')){//is an image file

 			fileSize = fileSize.extend(file.getProperties('width','height')).map(function(item, index){ return item.toInt(); });

 		} else {//is an swf file

 			fileSize.extend({ 'height':file.retrieve('height').toInt(), 'width':file.retrieve('width').toInt() });

 		}



 		var centerSize = new Hash(this.center.getStyles('width','height')).map(function(item, index){ return item.toInt(); });



 		if(fileSize.width != centerSize.width){ 

 			targetSize.width = fileSize.width + canvasAddSize;

 			targetSize.marginLeft = -(targetSize.width/2).round();

 		}

 		 		

 		var gap = (canvasSize.y-canvasAddSize > 0) ? centerSize.height - canvasSize.y : 0; 



 	   targetSize.height = fileSize.height + canvasAddSize + gap;

 	   

		//so nav doesn't move when you click next/prev

		this.canvas.setStyles({'width':fileSize.width, 'height':fileSize.height});



 		this.center.removeClass('mbLoading');

 		

 		var d = 0;

 		if(this.first){ d = 500; this.first = false; }

 		(function(){ this.center.morph(targetSize); }).delay(d,this)//onComplete: show all items

	},



	

	//{ gallery:'gall1', index:2, autoplay:true, delay:7 }

	showGallery:function(opt){

		if(!opt || !opt.gallery){ return; }

		var fileIndex = ($chk(opt.index)) ? opt.index : 0;

		var g = this.getGallery(opt.gallery);

		var auto = false;

		var d;

		if(opt.autoplay || (g['options'] && g['options'].autoplay)){ auto = true; }

		if(g != -1 && !this.opened){

			if(auto){

				d = (opt && opt.delay) ? opt.delay : (g['options'] && g['options'].delay) ? g['options'].delay : this.autoPlayDelay;

				this.startAutoPlay({ gallery:g, index:fileIndex, delay:d });

			} else {

				this.openMilkbox(g,fileIndex);

			}

		}

	},

	

	/* ******* XML/AJAX ******* */



	addGalleries:function(xmlfile){

                

		this.currentRequest = new Request({

			method:'get',

			autoCancel:true,

			url:xmlfile,

			onRequest:function(){

				//placeholder

			}.bindWithEvent(this),

			onSuccess:function(text,xml){

				var t = text.replace(/(<a.+)\/>/gi,"$1></a>");

				this.setGalleries(new Element('div',{ html:t }),xmlfile);

			}.bindWithEvent(this),

			onFailure:function(transport){ alert('Milkbox :: addGalleries: XML file path error or local Ajax test: please test addGalleries() on-line'); }

		});

		

		this.currentRequest.send();

	},

	

	setGalleries:function(container,xmlfile){

		if(!this.xmlFiles.contains(xmlfile)){ this.xmlFiles.push(xmlfile); }

		var c = container;

		var galleries = c.getElements('.gallery');

		var links = [];

		var aplist = [];

		galleries.each(function(gallery,i){

						

			var obj = { 

				gallery:gallery.getProperty('name'), 

				autoplay:Boolean(gallery.getProperty('autoplay')),

				delay:Number(gallery.getProperty('delay'))

			}

			

			var l = gallery.getChildren('a');

			var lx = (l.map(function(link){ return link.setProperty('rel','milkbox['+obj.gallery+']'); }))

			links.push(lx);

			if(obj.autoplay){ aplist.push(obj); }

		});

		

		this.prepareGalleries(links.flatten());

		this.setAutoPlay(aplist);

		

		if(!this.activated){ this.initMilkbox(); }

		

		this.fireEvent('xmlGalleries');

	},

	

	

	

	/* ****** UTILS ****** */

	

	checkFileType:function(file,type){

		var href = null;

		if($type(file) != 'string'){ href = file.retrieve('href'); } 

		else{ href = file; }

		var regexp = new RegExp("\.("+type+")$","i");

		return href.split('?')[0].test(regexp);

	},

	

	//retrieves galleries from strings like 'gall1' or 'milkbox[gall1]' or 'milkbox:gall1'

	getGallery:function(gallery){

		var f = null;

		if(gallery.test(/^milkbox/i)){

			f = this.families;

		} else {

			//create a temporary array with names without 'milkbox'

			f = this.families.map(function(item){

				var trimmed = item.trim();

				var name = trimmed.slice(0,trimmed.length).substr(8);

				var cleanName = name.replace(/(.+)]$/,"$1");

				return cleanName;

			});

		}

		var i = f.indexOf(gallery);

		var g = (i != -1) ? this.galleries[i] : i;

		return g;

	},

	

	setFileProps:function(fileObj,propString){

		var s = propString.split(',');

		s.each(function(p,i){

			var clean = p.trim().split(':');

			fileObj.store(clean[0].trim(),clean[1].trim())

		},this);

	},

	

	changeOptions:function(obj){

		if(!obj){ return; }

		this.setOptions(obj);

 		this.center.get('morph').setOptions({ transition:this.options.resizeTransition,  duration:this.options.resizeDuration });

	},

	

	saveOptions:function(obj){

		if($chk(obj)){

			this.fullOptionsBkup = obj;

		} else {

			this.fullOptionsBkup = this.options;

		}

	},

	

	restoreOptions:function(){

		this.setOptions(this.fullOptionsBkup);

 		b = this.options.canvasBorderWidth + ' solid ' + this.options.canvasBorderColor;

 		this.canvas.setStyles({ 'border':b, 'padding':this.options.canvasPadding});

 		this.center.get('morph').setOptions({ transition:this.options.resizeTransition,  duration:this.options.resizeDuration });

	},

	

	reloadGalleries:function(){

	

		this.galleries = [];

		this.families = [];

		//re-check for tags

		this.formtags = $$('select','textarea');

		

		//reload standard galleries

		this.prepareGalleries();

		this.removeGalleriesEvents();

		this.setGalleriesEvents();

		

		if(this.xmlFiles.length == 0){ return; }

		//reload xmlGalleries

		this.xmlFiles.each(function(xmlfile,index){

			this.addGalleries(xmlfile);

		}.bind(this));

	},

	

	/* ****** AUTOPLAY ****** */

	

	//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 = ($type(list) == 'object') ? [list] : list;

		l.each(function(item){

			var g = this.getGallery(item.gallery);

			if(g == -1){ return; }

			var a = (item.autoplay == true) ? item.autoplay : false;

			var d = ($chk(item.delay) && a) ? item.delay : this.options.autoPlayDelay;

			g['options'] = { autoplay:a, delay:d }

		},this);

	},

	

	startAutoPlay:function(opt){//opt: gallery, index, delay (in seconds)

		

		var g = -1;

		var i,d;

		if(opt && opt.gallery){

			if($type(opt.gallery) == 'array'){ g = opt.gallery }

			else if($type(opt.gallery) == 'string'){ 

				g = this.getGallery(opt.gallery);

			}

		}

		

		if(g == -1){ g = this.galleries[0]; }

		

		d = (opt && opt.delay && ($type(opt.delay) == 'number')) ? opt.delay*1000 : (g['options'] && g['options'].delay) ? g['options'].delay*1000 : this.options.autoPlayDelay*1000;

		i = (opt && opt.index && ($type(opt.index) == 'number')) ? opt.index : 0;

		if(d < this.options.resizeDuration*2){ d = this.options.resizeDuration*2 };

		this.options.autoPlayDelay = d/1000;//save autoPlayDelay because now it is customized

		

		if(!this.options.autoPlay){ this.setOptions({ autoPlay:true, autoPlayDelay:this.options.autoPlayDelay }); }

		

		if(this.closed){ 

			this.openMilkbox(g,i); 

			if(this.mode != 'fileGallery'){ return; }

			this.addEvent('fileReady',function(){

				//wait until the first file is loaded

				this.intObj = this.next_prev_aux.periodical(d,this,[null,'next']);

				this.removeEvents('fileReady');

			}.bindWithEvent(this));

		} else {

			if(!this.closed){ this.next_prev_aux(null,'next'); }

			this.intObj = this.next_prev_aux.periodical(d,this,[null,'next']);

		}



		this.paused = false;

	},

	

	stopAutoPlay:function(){

		if(this.intObj){ $clear(this.intObj); this.intObj = null; }

		this.playpause.setStyle('backgroundPosition','0 -44px');

		this.paused = true;

	},

	

	

	/* ****** INIT/CLOSE ****** */

	

	removeGalleriesEvents:function(){

		this.galleries.each(function(gallery){

			$$(gallery).removeEvents('click');

		},this);

	},

	

	setGalleriesEvents:function(){

                  

		this.galleries.each(function(gallery){

			$$(gallery).addEvent('click',function(e){

				//console.log('click');

				var button=($(e.target).match('a')) ? $(e.target) : $(e.target).getParent('a');

				e.preventDefault();

	       // var $parentdiv = $(e.target).getParent('div.postcontent').getChildren('span.link')[0].innerHTML;

		//console.log($parentdiv);

				var g = this.getGallery(button.rel);

				if(g.options && g.options.autoplay){

					this.setOptions({ autoPlay:g.options.autoplay, autoPlayDelay:g.options.delay });

				}



				if(this.options.autoPlay){

					this.startAutoPlay({ gallery:gallery, index:gallery.indexOf(button) });

				} else { 

					this.openMilkbox(gallery, gallery.indexOf(button)); 

				}

				

			}.bindWithEvent(this));

		},this);

	},

	

	//all the main events

	prepareEvents:function(xml){

	

		//galleries

		this.setGalleriesEvents();

		

		//next, prev, see next_prev_aux()

		this.next.addEvent('click',this.next_prev_aux.bindWithEvent(this,'next'));

		this.prev.addEvent('click',this.next_prev_aux.bindWithEvent(this,'prev'));

		

		

		//css hover doesn't work in ie6, so I must do it via js...

		$$(this.next,this.prev,this.close).addEvents({

			'mouseover':function(){ this.setStyle('backgroundPosition','0 -22px'); },

			'mouseout':function(){ this.setStyle('backgroundPosition','0 0'); }

		});



		//keyboard next/prev/close

		$(window.document).addEvent('keydown',function(e){

			if(this.mode != 'fileGallery' || this.busy == true){ return; }

			if(e.key == 'right' || e.key == 'space'){ this.next_prev_aux(e,'next'); }

			else if(e.key == 'left'){ this.next_prev_aux(e,'prev'); }

			else if(e.key == 'esc'){ this.closeMilkbox(); }

		}.bindWithEvent(this));

		

		//playpause for autoPlay

		this.playpause.addEvents({

				'mouseover':function(e){ 

					if(this.paused == false){ this.playpause.setStyle('backgroundPosition','0 -22px'); } 

					else { this.playpause.setStyle('backgroundPosition','0 -66px'); }

				}.bindWithEvent(this),

				'mouseout':function(){ 

					if(this.paused == false){ this.playpause.setStyle('backgroundPosition','0 0'); } 

					else { this.playpause.setStyle('backgroundPosition','0 -44px'); }

				}.bindWithEvent(this),

				'click':function(){

					if(this.paused == false){ 

						this.stopAutoPlay();

						this.paused = true;

						this.playpause.setStyle('backgroundPosition','0 -66px');

					} else {

						var d = (this.currentGallery.options && this.currentGallery.options.delay) ? this.currentGallery.options.delay : this.options.autoPlayDelay;

						this.startAutoPlay({gallery:this.currentGallery, index:this.currentIndex+1, delay:d });

						this.paused = false;

						this.playpause.setStyle('backgroundPosition','0 0');

					}

				}.bindWithEvent(this)

		});

		

		//overlay

		this.overlay.get('tween').addEvent('onComplete',function(){

			if(this.overlay.getStyle('opacity') == this.options.overlayOpacity){ 

				this.center.tween('opacity',1);

			} else if(this.overlay.getStyle('opacity') == 0) {

				this.overlay.setStyles({'height':0,'top':''});

			};

		}.bindWithEvent(this));

		

		//center

		this.center.get('morph').addEvent('onComplete',function(){

				

			 if($type(this.currentFile) == "element"){//is image file

				this.canvas.grab(this.currentFile);

			 } else {//object: is swf file

			 	(function(){ this.canvas.grab(this.currentFile); }).delay(500,this);

			 };

 			// console.log($ref);		

			 this.canvas.tween('opacity',1);
			 

			 var n = (!(this.mode == 'showThisImage')) ? this.currentGallery[this.currentIndex].retrieve('name') : this.specialnameHeader;
                     
             if($chk(n)){ this.nameHeader.innerHTML = n; };	
			var kitty = n.indexOf('Website');             
                        
                        if (kitty == '-1'){this.linkInclude.setStyles({'display':'none'});this.description.setStyles({'margin-bottom':'20px'});} else {this.linkInclude.setStyles({'display':'block'});this.description.setStyles({'margin-bottom':'0px'}); };

			$ref = this.currentGallery[this.currentIndex].getParent('div.postcontent').getChildren('span.link')[0].innerHTML;

			var l = (!(this.mode == 'showThisImage')) ? $ref : this.speciallinkInclude;
                 
			if($chk(l)){ this.linkInclude.innerHTML = '<a href="' + l + '" target="_blank">Visit Site</a>'; };			 			 

			 var d = (!(this.mode == 'showThisImage')) ? this.currentGallery[this.currentIndex].retrieve('title') : this.specialDescription;

			 if($chk(d)){ this.description.innerHTML = d; };



			 

			 if(this.mode == 'fileGallery'){

			 	this.count.appendText((this.currentIndex+1)+' / '+this.currentGallery.length); 

			 }

			 

			 var currentCenterHeight = this.center.getStyle('height').toInt();

			 

			 //this.navigation.setStyle('height',this.bottom.getStyle('height').toInt());//to have the right-border height == total bottom height

			 var bottomSize = this.bottom.getSize().y;

			 

			 //after the 1st time, currentCenterHeight is always > this.canvas.getSize().y

			 var targetOffset = (currentCenterHeight > this.canvas.getSize().y) ? (this.bottom.getSize().y+this.canvas.getSize().y)-currentCenterHeight : bottomSize;

				

			 this.bottom.setStyle('display','none');//to avoid rendering problems during setFinalHeight



			 this.center.retrieve('setFinalHeight').start(currentCenterHeight,currentCenterHeight+targetOffset);


		}.bindWithEvent(this));

		

		this.center.retrieve('setFinalHeight').addEvent('onComplete',function(){

			this.bottom.setStyles({'visibility':'visible','display':'block'});
                        
			$$(this.nameHeader,this.description,this.navigation, this.linkInclude).setStyle('visibility','visible');

			//reset overlay height based on position and height

			var scrollSize = $(window).getScrollSize().y;

			var scrollTop = $(window).getScroll().y;

			

			this.overlay.setStyles({'height':scrollSize+scrollTop, 'top':-scrollTop });

			this.busy = false;

		}.bindWithEvent(this));

		

		//reset overlay height and position onResize

		window.addEvent('resize',function(){

			if(this.overlay.getStyle('opacity') == 0){ return; };//resize only if visible

			var scrollSize = $(window).getScrollSize().y;

			var scrollTop = $(window).getScroll().y;

			this.overlay.setStyles({ 'height':scrollSize+scrollTop,'top':-scrollTop });

		}.bindWithEvent(this));



		//close

		$$(this.overlay,this.close).addEvent('click',function(){ this.closeMilkbox(); }.bindWithEvent(this));

		

		//check

		this.eventsok = true;

	},

	

	next_prev_aux:function(e,direction){

		

		if(e){ 

			e.preventDefault();

			this.stopAutoPlay();

		} else { 

			//if there's no event obj, than this is called by autoPlay()

			if(this.busy || !this.fileReady){ return; }//stop autoplay()

		}



		this.busy = true; //for keyboard and autoplay

		

		var backupIndex = this.currentIndex;

		

		if(direction == "next"){

			var i= (this.currentIndex != this.currentGallery.length-1) ? this.currentIndex += 1 : this.currentIndex = 0;

			var _i= (this.currentIndex != this.currentGallery.length-1) ? this.currentIndex + 1 : 0;

		} else {

			var i= (this.currentIndex != 0) ? this.currentIndex -= 1 : this.currentIndex = this.currentGallery.length-1;

			var _i= (this.currentIndex != 0) ? this.currentIndex - 1 : this.currentGallery.length-1;		

		};

		

		this.canvas.empty();
       
		this.description.empty();

          this.linkInclude.empty();

        this.nameHeader.empty();

		this.count.empty();



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

	},

	

	prepareEffects:function(){

		this.overlay.set('tween',{ duration:'short',link:'cancel' });

		this.center.set('tween',{ duration:'short',link:'chain' });

		this.center.set('morph',{ duration:this.options.resizeDuration,link:'chain',transition:this.options.resizeTransition });

		this.center.store('setFinalHeight',new Fx.Tween(this.center,{property:'height',duration:'short'}));

		this.canvas.set('tween',{ link:'chain' });

	},

	

	prepareGalleries:function(responseElements){

		var milkbox_a = [];

		var gIndex;

		var a_tags = (responseElements) ? responseElements : $$('a');

				

		a_tags.each(function(a){

			//test 'milkbox' and link extension, and collect all milkbox links

			if(a.rel && a.rel.test(/^milkbox/i) && a.href.split('?')[0].test(/\.(gif|jpg|jpeg|png|swf|flv)$/i)){

				if(a.rel.length>7 && !this.families.contains(a.rel)){ this.families.push(a.rel); };

				milkbox_a.push(a);

			}

		},this);



		//create an array of arrays with all galleries

		milkbox_a.each(function(a){

			$(a).store('href',a.href);

			$(a).store('rel',a.rel);

			$(a).store('title',a.title);

                        $(a).store('name',a.name);

                //Test                        

                        //var $parent = $(a).getParent('div.postcontent');

                        //var link = $parent.getChildren('span.link').get('value');

                        //console.log(link);

                        //var link = $('link').get('value');

                //End Test Var

			if(this.checkFileType(a.href,"swf") || this.checkFileType(a.href,"flv")){ this.setFileProps($(a),a.rev); }



			if(this.options.removeTitle){ $(a).removeProperty('title'); }

			if(a.rel.length > 7){

				this.families.each(function(f,i){

					if(a.rel == f){

						var gMounted = false;

						var index;

						this.galleries.each(function(g,k){

							if(g[0].rel == f){ 

								gMounted = true;

								index = k;

								return;

							}

						});

						

						if(gMounted == true){ this.galleries[index].push($(a)); } 

						else { this.galleries.push([$(a)]); }

					};

				},this);

			} else { this.galleries.push([$(a)]); };

		},this);

		

		//console.log(this.galleries);

	},

		

	prepareHTML:function(){		

		

		this.overlay = new Element('div', { 'id':'mbOverlay','styles':{ 'opacity':0,'visibility':'visible','height':0,'overflow':'hidden' }}).inject($(document.body));

		

		this.center = new Element('div', {'id':'mbCenter', 'styles':{'width':this.options.initialWidth,'height':this.options.initialHeight,'marginLeft':-(this.options.initialWidth/2),'opacity':0 }}).inject($(document.body));
		
		this.close = new Element('a',{'id':'mbCloseLink'});
                this.center.adopt(this.close);
		this.canvas = new Element('div', {'id':'mbCanvas'}).inject(this.center);

		this.bottom = new Element('div',{'id':'mbBottom'}).inject(this.center).setStyle('visibility','hidden');

		this.navigation = new Element('div',{'id':'mbNavigation'}).setStyle('visibility','hidden');

                this.nameHeader = new Element('div',{'id':'mbNameHeader'}).setStyle('visibility','hidden');

             this.linkInclude = new Element('div',{'id':'mbLinkInclude'}).setStyle('visibility','hidden');

		this.description = new Element('div',{'id':'mbDescription'}).setStyle('visibility','hidden');

		this.bottom.adopt(this.navigation, this.nameHeader, this.description, this.linkInclude, new Element('div',{'class':'clear'}));

		this.next = new Element('a',{'id':'mbNextLink'});

		this.prev = new Element('a',{'id':'mbPrevLink'});

		this.playpause = new Element('a',{'id':'mbPlayPause'});

		this.count = new Element('span',{'id':'mbCount'});

		

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

		

		this.navigation.adopt(this.next, this.prev, this.playpause, new Element('div',{'class':'clear'}), this.count);

	},

	

	closeMilkbox:function(){

		this.cancelAllEffects();

		this.stopAutoPlay();

		this.setOptions(this.autoPlayBkup);



		this.currentFile = null;

		this.currentIndex = null;

		this.currentGallery = null;

		this.currentRequest = null;

		this.currentResponse = null;

 		

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

		this.playpause.setStyle('backgroundPosition','0 0');

		var border = this.center.getStyle('border-right-width').toInt();

		var navWidth = this.close.getSize().x+border;

		this.navigation.setStyles({'height':'','visibility':'hidden'});

                this.nameHeader.setStyle('margin-right',navWidth);

		this.description.setStyle('margin-right',navWidth);

        this.linkInclude.setStyle('margin-right',navWidth);

		this.description.empty();

                this.nameHeader.empty();

        this.linkInclude.empty();

		this.bottom.setStyles({'visibility':'hidden','display':''});

		

   	this.canvas.setStyles({'opacity':0, 'width':'', 'height':''});

 		this.canvas.empty();

 		

 		this.count.empty();

		

		this.center.setStyles({'opacity':0,'width':this.options.initialWidth,'height':this.options.initialHeight,'marginLeft':-(this.options.initialWidth/2)});

		this.overlay.tween('opacity',0);//see onComplete in prepareEvents() 

		

		if(this.formtags.length != 0){ this.formtags.setStyle('display','') };

		

		this.mode = null;

		this.closed = true;

		this.first = true;

		this.fileReady = false;

		this.fireEvent('closed');

	},

	

	cancelAllEffects:function(){

		this.overlay.get('tween').cancel();

		this.center.get('morph').cancel();

		this.center.get('tween').cancel();

		this.center.retrieve('setFinalHeight').cancel();

		this.canvas.get('tween').cancel();

	}

	

});//END MILKBOX;



window.addEvent('domready', function(){ 

	milkbox = new Milkbox();

});