// Allgemein Funktionen

function tabbgcolor(tabid,col){
	
	tabid.style.backgroundColor=col;
}

function fielddel(f) {

	if (f.value == f.defaultValue) {
	
		f.value = "" ;
	}
}


function fieldset(f) {

	if (f.value == "") {
		
		f.value = f.defaultValue ;
	}
}


function fieldemp(f) {

	if (f.searchwords.value == f.searchwords.defaultValue) {
		
		f.searchwords.value = "" ;
	}
}



// Div-Slider

var SliderDiv = Class.create() ;

SliderDiv.prototype = {
	
	// Init
	
	initialize: function( id , steps , speed ) {	

		// Parameter

		this.slideID = id ;
		this.slideSteps = ( steps > 0 ? steps : 10 ) ;
		this.slideSlide = ( speed != 0 ? speed : 0 ) ;
		this.slideSpeed = this.slideSlide ;
		this.direction = 1 ;

		// Image style & mouseover

		var slideshowImages = $('SliderDivPics' + this.slideID).getElementsBySelector('IMG') ;
		for( var no=0 ; no < slideshowImages.length ; no++ ) {
			
			slideshowImages[no].observe('mouseover', this.imgSlide.bind(this,no) ) ; 
			slideshowImages[no].observe('mouseout', this.imgSlide.bind(this,no,1) ) ; 
			slideshowImages[no].style.filter = 'alpha(opacity=80) Gray' ;	
			slideshowImages[no].style.opacity = 0.5 ;
			slideshowImages[no].style.margin = ' 0 10px 0 10px ' ;
		}
		
		// Size
		
		this.imageGalleryLeftPos = $('SliderDivPics' + this.slideID).offsetLeft ;
		this.imageGalleryWidth = $('SliderDivHide' + this.slideID).offsetWidth ;
		this.maxGalleryXPos = $('SliderDivPics' + this.slideID).offsetLeft ; 
		this.minGalleryXPos = this.imageGalleryWidth - $('SliderDivEnd' + this.slideID).offsetLeft ;

		// Navi
		
		$('SliderDivLeft' + this.slideID).observe('mouseover', this.startSlide.bind(this) ) ; 
		$('SliderDivRight' + this.slideID).observe('mouseover', this.startSlide.bind(this,1) ) ; 
		$('SliderDivLeft' + this.slideID).observe('mouseout', this.releaseSlide.bind(this) ) ; 
		$('SliderDivRight' + this.slideID).observe('mouseout', this.releaseSlide.bind(this,1) ) ; 
		
		// Slide start
		
    	this.initSlide() ;
		
	} ,		


	// Slider start & stop
	
	initSlide: function () {
	
		if( this.slideSpeed != 0 ) {
		
			var leftPos = $('SliderDivPics' + this.slideID).offsetLeft + this.slideSpeed ;
		
			if ( leftPos > this.maxGalleryXPos ) {
		
				leftPos = this.maxGalleryXPos ;
				this.slideSpeed = this.slideSlide  ;				
				this.direction = 1 ;
							
			}  else	if ( leftPos < this.minGalleryXPos ) {

				leftPos = this.minGalleryXPos ;
				this.slideSpeed = this.slideSlide * -1 ;				
				this.direction = 2 ;
			}
			
			$('SliderDivPics' + this.slideID).style.left = leftPos + 'px' ;
		}
		
		setTimeout(this.initSlide.bind(this),60) ;
	
	} ,


	// Mouseover start
	
	startSlide: function (dir) {
		
		if ( dir == 1 ) {

			this.direction = 1 ;
			this.slideSpeed = this.slideSteps * -1 ;

		} else {

			this.direction = 2 ;
			this.slideSpeed = this.slideSteps ;
		}

	} ,
	
	
	// Mouseout stop
	
	releaseSlide: function (dir) {

		if ( dir == 1 ) {

			this.slideSpeed = this.slideSlide ;

		} else {

			this.slideSpeed = this.slideSlide  * -1  ;
		}

	} ,


	// Slider opacity effect

	imgSlide: function( imgno , imgstyle ) {
	
		var activeImg = $('SliderDivPics' + this.slideID).getElementsByTagName('IMG')[imgno] ;
			
		if ( activeImg ) {
			
			if ( imgstyle == 1 ) {

				activeImg.style.filter = 'alpha(opacity=80) Gray' ;  	
				activeImg.style.opacity = 0.5 ;
				this.slideSpeed = ( this.direction == 2 ? this.slideSlide * -1 : this.slideSlide ) ;
				
			} else {
				
				activeImg.style.filter = 'alpha(opacity=100)' ;  	
				activeImg.style.opacity = 1.0 ;
				this.slideSpeed = 0 ;
			}
		}	
		
	} 
}