var myMooFlow = {
	
	start: function(){
	
		var mf = new MooFlow({
			container: 'MooFlow',
			stylePath: '/theme/default/css/leer.css',
			interval: 2500,
			bgColor: '#ebebeb',
			useSlider: false,
			useAutoPlay: true,
			useCaption: false,
			useResize: false,
			useWindowResize: true,
			useMouseWheel: true,
			useKeyInput: true,
			onClickView: function(image){
				
			}
		});
		

	},
	
	showMyImage: function(image){
		var overlay = new Element('div',{
			'styles':{
				'position':'absolute',
				'top': 0,
				'left': 0,
				'z-index': 200000,
				'width': '400px',
				'height': '100px',
				'background-color': '#ebebeb',
				'opacity': '0.85'
			}
		}).inject(document.body,'bottom');
		
		image.setStyles({
			'position': 'absolute',
			'top': '50%',
			'left': '50%',
			'border': '15px solid #fff',
			'z-Index': 300000,
			'margin-left': -image.get('width')*0.5,
			'margin-top': -image.get('height')*0.5,
			'cursor': 'pointer'
		}).inject(document.body,'bottom');
		
		image.addEvent('click', function(){
			overlay.dispose();
			image.dispose();
		});
	}

};

window.addEvent('domready', myMooFlow.start);