var BarackSlideshow=new Class({
Extends: MorphList,
options:{
auto: true,
autostart: true,
autointerval: 3333,
transition: 'fade',
tween:{duration: 700}
},
initialize: function(menu,images,loader,options){
this.parent(menu,options)
this.images=$(images)
this.imagesitems=this.images.getChildren().fade('hide')
$(loader).fade('in')
this.images.getElements('div').setStyle('display','none')
new Asset.images(this.images.getElements('img').map(function(el){return el.setStyle('display','none').get('src');}),{onComplete: function(){
this.loaded=true
$(loader).fade('out')
if(this.current)this.show(this.menuitems.indexOf(this.current))
else if(this.options.auto&&this.options.autostart)this.progress()
}.bind(this)})
if($type(this.options.transition)!='function')this.options.transition=$lambda(this.options.transition)
this.images.getElements('div').setStyle('display','none')
},
auto: function(){
if(! this.options.auto)return false
$clear(this.autotimer)
this.autotimer=this.progress.delay(this.options.autointerval,this)
},
mouseover: function(ev,item){
this.parent(ev,item)
new Event(ev).stop()
this.show(this.menuitems.indexOf(item))
$clear(this.autotimer)
this.images.getElements('div').setStyle('display','none')
var image=this.imagesitems[this.menuitems.indexOf(item)]
image.getElement('div').setStyle('display','block')
},
show: function(index){
if(! this.loaded)return
var image=this.imagesitems[index]
if(image==this.curimage)return
image.set('tween',this.options.tween).dispose().inject(this.curimage || this.images.getFirst(),this.curimage ? 'after' : 'before').fade('hide')
image.getElement('img').setStyle('display','block')
image.getElement('div').setStyle('display','block')
var trans=this.options.transition.run(null,this).split('-')
switch(trans[0]){
case 'slide':
var dir=$pick(trans[1],'left')
var prop=(dir=='left' || dir=='right')? 'left' : 'top'
image.fade('show').setStyle(prop,image['offset'+(prop=='left' ? 'Width' : 'Height')]*((dir=='bottom' || dir=='right')? 1 :-1)).tween(prop,0)
break
case 'fade': image.fade('in');break}
image.get('tween').chain(function(){
this.auto()
this.fireEvent('show',image)
}.bind(this))
this.curimage=image
this.setCurrent(this.menuitems[index])
this.morphTo(this.menuitems[index])
return this
},
progress: function(){
this.images.getElements('div').setStyle('display','none')
var curindex=this.imagesitems.indexOf(this.curimage)
this.show((this.curimage&&(curindex+1<this.imagesitems.length))? curindex+1 : 0)}
})