var slideitem = {
	  slides: [],
	 	slideIndex:-1,
	 	nextSlide:0,
	 	currentSlide:-1,
	 	slideCount:0,
	 	slidetimer:null,
	 	
	 	
register: function(item) {
		this.slides.push(item); 
		this.currentSlide++;
		this.slideIndex++;
		this.slideCount++;
	},
	
	
	
nextItem: function() {

this.nextSlide = this.slideIndex + 1;
this.currentSlide = this.slideIndex;

if (this.slideIndex == this.slides.length -1 ) {
this.nextSlide = 0;
this.currentSlide = this.slides.length - 1;
this.slideIndex = -1;
}


$('slidetabitem_'+(this.currentSlide+1)).className = 'tabItem';
$('slidetabitem_'+(this.nextSlide+1)).className = 'tabItemcurrent';


new Effect.Appear(this.slides[this.nextSlide],{duration:0.5}); 
new Effect.Fade(this.slides[this.currentSlide]);
this.slides[this.nextSlide].className = 'slideitemfirst';
this.slides[this.currentSlide].className = 'slideitemback';
this.slideIndex++;
} ,


tabClick: function(x) {


this.slidetimer.stop();
var k = 0;

for(var i=0;i<this.slideCount;++i) {

$('slidetabitem_'+(i+1)).className = 'tabItem';
Element.setOpacity(this.slides[i],0);
this.slides[i].className = 'slideitemfirst';
Element.hide(this.slides[i]);

}

Element.setOpacity(this.slides[x-1],1);
Element.show(this.slides[x-1]);
this.slides[x-1].className = 'slideitemfirst';
$('slidetabitem_'+x).className = 'tabItemcurrent';
}

};




var slideShow = Class.create({

	  initialize: function(element) {
    
    var options = Object.extend({divclass:null} , arguments[1] || {});
  	this.options = options;
  	var tabindex = 1;
   	var tabcontent = '';
		
			  	$$('div.'+this.options.divclass+'first').each(function(item) {
  			  			tabcontent += '<div id="slidetabitem_'+tabindex+'" class="tabItem" onclick="slideitem.tabClick('+tabindex+')">'+tabindex+''+'</div>';
  			  			tabindex++;
	  	  		  	slideitem.register(item);
	  	  	}); 	

 
 			  	$$('div.'+this.options.divclass).each(function(item) {
  			  		 	slideitem.register(item);
  			  			tabcontent += '<div id="slidetabitem_'+tabindex+'" class="tabItem" onclick="slideitem.tabClick('+tabindex+')">'+tabindex+''+'</div>';
  			  			tabindex++;
  			  			item.setOpacity(0);
	  	  	}); 
	  	  	

	if (tabindex>2)	{ 
		this.controlTab(tabcontent,tabindex);
		$('slidetabitem_1').className = 'tabItemcurrent';
	}

  this.start();
},



start: function () {
slideitem.slidetimer =  new PeriodicalExecuter(this.organize,5);
},

	
organize: function () {
slideitem.nextItem();
},

controlTab: function (tabcontent,tabindex) {

		var el = document.createElement("div");
    el.className = "sliderTab"; 
    var obj = $('slider');
    obj.appendChild(el);
    if (tabindex>2) { 
    	var w = ( (tabindex -1) * 30 ) + ( (tabindex -1) * 2) + 2;
    	var l = 478 - w;
    	l = l + '' + 'px';
    	w = w + '' + 'px';
    	Element.setStyle(el,{width: w});
    	Element.setStyle(el,{left: l});
    }

    el.innerHTML = tabcontent;
 		Element.setOpacity(el,0.6)
    //Event.observe(element, "mouseup", Windows.restore);	
    
}


});