var ImageSlide=Class.create({initialize:function(id){this.id=id;this.currImage=0;this.face=false;this.images=new Array();this.navigationItems=new Array();this.skip=0;Event.observe(window,"load",this.onLoaded.bind(this));},onLoaded:function(e){var i=0;this.images=$$("#"+this.id+" div.img");new Effect.Appear(this.images[0],{duration:0.4});Event.observe($('next'),"click",this.onNextClick.bind(this));Event.observe($('prev'),"click",this.onPrevClick.bind(this));new Effect.Appear($('prev'),{duration:0.4,delay:0.4});new Effect.Appear($('next'),{duration:0.4,delay:0.4});this.navigation();for(i=0;i<this.images.length;i++){var a=new Element('a',{href:'javascript:;',style:'display:none;',rel:i}).update('/');Event.observe(a,"click",this.onNavigationClick.bind(this));$('showing').insert(a);new Effect.Appear(a,{duration:0.4});}
this.navigationItems=$$('#showing a');this.setNavigationActive(0);new PeriodicalExecuter(this.periodicFunction.bind(this),5);},periodicFunction:function(pe){if(this.skip>0){this.skip--;return;}
this.next();},onNavigationClick:function(e){if(this.fade)return;var elem=e.findElement('a');if(this.currImage==e.findElement('a').rel)return;this.currImage=e.findElement('a').rel-1;this.onNextClick(null);},setNavigationActive:function(num){$$('#showing a').invoke('removeClassName','active');this.navigationItems[num].addClassName('active');this.navigation();},navigation:function(){var anz=this.images.length;if(anz>1&&!1){if(this.currImage!=anz-1){new Effect.Appear($('next'),{duration:0.4,delay:0.4});}else{$('next').hide();}
if(this.currImage!=0){new Effect.Appear($('prev'),{duration:0.4,delay:0.4});}else{$('prev').hide();}}
this.images.invoke('hide');},onNextClick:function(e){this.next();this.skip=2;},onPrevClick:function(e){this.prev();this.skip=2;},next:function(){if(this.fade)return;this.currImage++;if(this.currImage>=this.images.length){this.currImage=0;}
this.setNavigationActive(this.currImage);this.fade=true;new Effect.Appear(this.images[this.currImage],{duration:0.4,afterFinish:this.effectComplete.bind(this)});},prev:function(){if(this.fade)return;this.currImage--;if(this.currImage<0){this.currImage=this.images.length-1;}
this.setNavigationActive(this.currImage);this.fade=true;new Effect.Appear(this.images[this.currImage],{duration:0.4,afterFinish:this.effectComplete.bind(this)});},effectComplete:function(){this.fade=false;}});