var GovMooFlow = new Class({

	Extends: MooFlow,
        onClickView: function(obj){
            window.location=obj.href;
        },	
	createUI: function(){
		this.loader.dispose();
		if(this.options.useCaption){
		        if(this.cap)
			    this.cap.destroy();
			this.cap = new Element('div').addClass('caption').set('opacity',0).inject(this.MooFlow);
			this.cap.setStyle('bottom','10px');
			this.info = new Element('div').inject(this.cap);
			this.info.setStyle('font', '11px Verdana, Tahoma, sans-serif');
			this.info.setStyle('color', '#B8B7B5');
			this.name = new Element('div').inject(this.cap);
			this.name.setStyle('font', 'italic 18px Times Roman,Times New Roman, Verdana');
		}
		this.nav = new Element('div').addClass('mfNav').setStyle('bottom','-50px');
		this.autoPlayCon = new Element('div').addClass('autoPlayCon');
		this.sliderCon = new Element('div').addClass('sliderCon');
		this.resizeCon = new Element('div').addClass('resizeCon');		
		if(this.options.useAutoPlay){
			this.autoPlayCon.adopt(
				new Element('a',{'class':'stop','events': {'click':this.stop.bind(this)}}), 
				new Element('a',{'class':'play','events': {'click':this.play.bind(this)}})
			);
		}
		if(this.options.useSlider){
			this.sliPrev = new Element('a',{'class':'sliderNext','events': {'click':this.prev.bind(this)}});
			this.sliNext = new Element('a',{'class':'sliderPrev','events': {'click':this.next.bind(this)}});
			this.knob = new Element('div',{'class':'knob'});
			this.knob.adopt(new Element('div',{'class':'knobleft'}));
			this.slider = new Element('div',{'class':'slider'}).adopt(this.knob);
			this.sliderCon.adopt(this.sliPrev,this.slider,this.sliNext);
			this.slider.store('parentWidth', this.sliderCon.getSize().x-this.sliPrev.getSize().x-this.sliNext.getSize().x);
		}
		if(this.options.useResize){
			this.resizeCon.adopt(new Element('a',{'class':'resize','events': {'click':this.setScreen.bind(this)}}));
		}		
		this.MooFlow.adopt(this.nav.adopt(this.autoPlayCon, this.sliderCon, this.resizeCon));	
		this.showUI();
	},
	
	glideTo: function(index){
	    var value = this.aniFx.get();
	    var icount = this.master.images.length;
	    if(icount>=this.limit*2){
	        with(Math){
	            var xlen = icount*this.foc;
                    var zero_value = round(value/xlen)*xlen;  
                    var right_value = zero_value - index*this.foc;
		    var left_value = xlen+zero_value - index*this.foc;
		    var to=abs(value-right_value)>abs(value-left_value)?left_value:right_value;
                }
	    }else{
	        var to=index*-this.foc;
	    }	   
	    this.index = index;
	    this.aniFx.start(value, to);
	    if(this.cap){
	        titles = this.getCurrent(index % icount).title.split('|');
	        this.info.set('html', titles[0]);
	        this.name.set('html', titles[1]);
	    }
        }
});

window.addEvent('domready', function(){
        $$('.GovMooFlowieze').each(function(mooflow){
	        new GovMooFlow(mooflow,{useKeyInput:false,
		           onClickView: function(obj){
			            window.location=obj.href;
		           }
	        });									});
});