var SLIDER_1 = {
	elementPadding: 15,
	gotoX: 0,
	bremse: 2.25,
	eNum: 0,
	divBreite: 0, 
	gesWidth: 0,
	gesCount: 0,
	buttons: 0,
	sliderId: 0,
	scrollbalkenflaeche: 0,
	scrollbalken: 0,
	sync: true,
	init: function(c, width, id){
		SLIDER_1.sliderId = id;
		SLIDER_1.divBreite = $("slide_"+SLIDER_1.sliderId).up().getWidth();
		SLIDER_1.gesWidth = width;
		SLIDER_1.gesCount = c;
		
		
		//fläche
		$("slide_"+SLIDER_1.sliderId).setStyle({width: width+"px"});
		$("slide_"+SLIDER_1.sliderId).setStyle({left: 0+"px"});
		
		SLIDER_1.scrollbalkenflaeche = SLIDER_1.divBreite - (SLIDER_1.buttons*2);
		var verhaeltnis = SLIDER_1.divBreite/SLIDER_1.gesWidth;
		SLIDER_1.scrollbalken = verhaeltnis*SLIDER_1.scrollbalkenflaeche;
		
		$("produktslider_balken_"+SLIDER_1.sliderId).onclick = function(e){
			SLIDER_1.lclick(this, e);
		}
		
		$("produktslider_scroll_"+SLIDER_1.sliderId).setStyle({width: SLIDER_1.scrollbalken+"px"});
		//erster goto aufruf
		new Draggable('produktslider_scroll_'+SLIDER_1.sliderId, {
			constraint: 'horizontal',
			onStart: function(){
				SLIDER_1.sync = false;
			},
			onEnd: function(){
				SLIDER_1.sync = true;
				SLIDER_1.gotoX = parseFloat($("produktslider_scroll_"+SLIDER_1.sliderId).getStyle("left"));
			}
		});
		
		$("produktslider_bottom_"+SLIDER_1.sliderId).setOpacity(1);
		
		SLIDER_1._goto();
	},
	next: function(){
		//console.log(2,4,6,8,"foo");
		SLIDER_1.gotoX += 200;
	},
	prev: function(){
		SLIDER_1.gotoX -= 200;
	},
	lclick: function(e,m){
		//wo ist die maus:
		var offset = parseFloat(e.cumulativeOffset());
		var mousex = parseFloat(mouse_x);
		mousex = mousex-offset;
		
		//wo ist der scrollbalken
		var x = parseFloat($("produktslider_scroll_"+SLIDER_1.sliderId).getStyle("left"));
		var w = parseFloat($("produktslider_scroll_"+SLIDER_1.sliderId).getStyle("width"));
		
		if(mousex < x)
			SLIDER_1.gotoX = x-w;
		   
		   
		if(mousex > x+w)
			SLIDER_1.gotoX = x+w;
		
	},
	setPosNum: function(){
		var firstElement = e = $("slide_"+SLIDER_1.sliderId).down(1);
		var w = 0;
		
		for(var i = 0; i < SLIDER_1.eNum; i++){
			w += e.getWidth()+SLIDER_1.elementPadding;
			e = e.next();
		}
		
		SLIDER_1.gotoX = -w;
	},
	setPosX: function(x){
		SLIDER_1.gotoX = -x;
	},
	_goto: function(){
		
		var x = parseFloat($("produktslider_scroll_"+SLIDER_1.sliderId).getStyle("left"));
		
		if(SLIDER_1.sync)
			x += (SLIDER_1.gotoX-x)/SLIDER_1.bremse;
		else
			x = (x);
		
		var scrollmoveTo = x;
		
		var a = SLIDER_1.scrollbalkenflaeche-SLIDER_1.scrollbalken; 
		
		var overflowed = false;
		
		if(SLIDER_1.gotoX>a){
			SLIDER_1.gotoX = a;
			x = parseFloat($("produktslider_scroll_"+SLIDER_1.sliderId).getStyle("left"));
			x += (SLIDER_1.gotoX-x)/SLIDER_1.bremse;
			scrollmoveTo = x;
			overflowed = true;
		}
		
		if(SLIDER_1.gotoX<0){
			SLIDER_1.gotoX = 0;
			x = parseFloat($("produktslider_scroll_"+SLIDER_1.sliderId).getStyle("left"));
			x += (SLIDER_1.gotoX-x)/SLIDER_1.bremse;
			scrollmoveTo = x;
			overflowed = true;
		}
		
		var prozent = 100/a * - x;
		
		slidemoveTo = SLIDER_1.gesWidth-SLIDER_1.divBreite;
		slidemoveTo = slidemoveTo/100*prozent;
		
		
		$("slide_"+SLIDER_1.sliderId).setStyle({left: slidemoveTo+"px"});
		
		if(SLIDER_1.sync)
			$("produktslider_scroll_"+SLIDER_1.sliderId).setStyle({left: scrollmoveTo+"px"});
			
		// do opacity for slider{
		if(0){
			var offset = parseFloat($("SLIDER_1_1").cumulativeOffset().left);
			var offsety = parseFloat($("SLIDER_1_1").cumulativeOffset().top);
			var mousex = parseFloat(mouse_x);
			var mousey = parseFloat(mouse_y);
			var mousex = mousex-offset;
			var mousey = mousey-offsety;
			var h = parseFloat($("SLIDER_1_1").getHeight());
			var w = parseFloat($("SLIDER_1_1").getWidth());
			
			var ON = false;
			if(mousex > 0 && mousex-w < 0 && mousey > 0 && mousey-h < 0)
				ON = true;
				
			if(ON){
				var e = $("produktslider_bottom");
				var too = e.getStyle("opacity");
				too += 0.2;
				if(too>1) too = 1;
				e.setOpacity(too);

			}else{
				var e = $("produktslider_bottom");
				var too = e.getStyle("opacity");
				too -= 0.2;
				if(too<0.0) too = 0.0;
				e.setOpacity(too);
			}
		}
		// }do opacity
		
		setTimeout("SLIDER_1._goto();", 25);
	},
	
	mousePos: function(e){
		if($("slide_"+SLIDER_1.sliderId).getWidth()<SLIDER_1.divBreite)
			return;
		
		var x = mouse_x - $("slide_"+SLIDER_1.sliderId).up().cumulativeOffset().left;
		var y = mouse_y - $("slide_"+SLIDER_1.sliderId).up().cumulativeOffset().top;
					
		if(y < 0) 
			return;
			
		if(y > $("slide_"+SLIDER_1.sliderId).up().getHeight())
			return;
			
		if(x < 0)
			return;
			
		if(x >  $("slide_"+SLIDER_1.sliderId).up().getWidth())
			return;
			
		
		if((x - 100)<0){
			SLIDER_1.setPosProzent(0);
		}else if((x - 100) > SLIDER_1.divBreite - 100 - 100){
			SLIDER_1.setPosProzent(100);
		}else{
			SLIDER_1.setPosProzent(100 / (SLIDER_1.divBreite - 100 - 100) * (x - 100));
		}
	},
	setPosProzent: function(p){
		var t = (SLIDER_1.gesWidth-SLIDER_1.divBreite) / 100 * p;
		SLIDER_1.setPosX(t);
	}
}


var SLIDER_2 = {

	elementPadding: 15,
	gotoX: 0,
	bremse: 2.25,
	eNum: 0,
	divBreite: 0, 
	gesWidth: 0,
	gesCount: 0,
	buttons: 0,
	sliderId: 0,
	scrollbalkenflaeche: 0,
	scrollbalken: 0,
	inited: false,
	sync: true,
	init: function(c, width, id){
		SLIDER_2.sliderId = id;
		SLIDER_2.divBreite = $("slide_"+SLIDER_2.sliderId).up().getWidth();
		SLIDER_2.gesWidth = width;
		SLIDER_2.gesCount = c;
		
		//fläche
		$("slide_"+SLIDER_2.sliderId).setStyle({width: width+"px"});
		$("slide_"+SLIDER_2.sliderId).setStyle({left: 0+"px"});
		
		SLIDER_2.scrollbalkenflaeche = SLIDER_2.divBreite - (SLIDER_2.buttons*2);
		var verhaeltnis = SLIDER_2.divBreite/SLIDER_2.gesWidth;
		SLIDER_2.scrollbalken = verhaeltnis*SLIDER_2.scrollbalkenflaeche;
		SLIDER_2.gotoX = 0;
		
		$("produktslider_balken_"+SLIDER_2.sliderId).onclick = function(e){
			SLIDER_2.lclick(this, e);
		}
		
		$("produktslider_scroll_"+SLIDER_2.sliderId).setStyle({width: SLIDER_2.scrollbalken+"px"});
		
		new Draggable('produktslider_scroll_'+SLIDER_2.sliderId, {
			constraint: 'horizontal',
			onStart: function(){
				SLIDER_2.sync = false;
			},
			onEnd: function(){
				SLIDER_2.sync = true;
				SLIDER_2.gotoX = parseFloat($("produktslider_scroll_"+SLIDER_2.sliderId).getStyle("left"));
			}
		});
		
		//erster goto aufruf
		if(!SLIDER_2.inited){
			$("produktslider_bottom_"+SLIDER_2.sliderId).setOpacity(1);
			SLIDER_2._goto();
			//loadProdsHereIn
		}
		
		SLIDER_2.inited = true;
	}
	,
	next: function(){
		SLIDER_2.gotoX += 200;
	},
	prev: function(){
		SLIDER_2.gotoX -= 200;
	},
	lclick: function(e,m){
		//wo ist die maus:
		var offset = parseFloat(e.cumulativeOffset());
		var mousex = parseFloat(mouse_x);
		mousex = mousex-offset;
		
		//wo ist der scrollbalken
		var x = parseFloat($("produktslider_scroll_"+SLIDER_2.sliderId).getStyle("left"));
		var w = parseFloat($("produktslider_scroll_"+SLIDER_2.sliderId).getStyle("width"));
		
		if(mousex < x)
			SLIDER_2.gotoX = x-w;
		   
		if(mousex > x+w)
			SLIDER_2.gotoX = x+w;
		
	},
	setPosNum: function(){
		var firstElement = e = $("slide_"+SLIDER_2.sliderId).down(1);
		var w = 0;
		
		for(var i = 0; i < SLIDER_2.eNum; i++){
			w += e.getWidth()+SLIDER_2.elementPadding;
			e = e.next();
		}
		
		SLIDER_2.gotoX = -w;
	},
	setPosX: function(x){
		SLIDER_2.gotoX = -x;
	},
	_goto: function(){
		
		var x = parseFloat($("produktslider_scroll_"+SLIDER_2.sliderId).getStyle("left"));
		
		if(SLIDER_2.sync)
			x += (SLIDER_2.gotoX-x)/SLIDER_2.bremse;
		else
			x = (x);
		
		var scrollmoveTo = x;
		
		var a = SLIDER_2.scrollbalkenflaeche-SLIDER_2.scrollbalken; 
		
		var overflowed = false;
		
		if(SLIDER_2.gotoX>a){
			SLIDER_2.gotoX = a;
			x = parseFloat($("produktslider_scroll_"+SLIDER_2.sliderId).getStyle("left"));
			x += (SLIDER_2.gotoX-x)/SLIDER_2.bremse;
			scrollmoveTo = x;
			overflowed = true;
		}
		
		if(SLIDER_2.gotoX<0){
			SLIDER_2.gotoX = 0;
			x = parseFloat($("produktslider_scroll_"+SLIDER_2.sliderId).getStyle("left"));
			x += (SLIDER_2.gotoX-x)/SLIDER_2.bremse;
			scrollmoveTo = x;
			overflowed = true;
		}
		
		var prozent = 100/a * - x;
		
		slidemoveTo = SLIDER_2.gesWidth-SLIDER_2.divBreite;
		slidemoveTo = slidemoveTo/100*prozent;
		
		
		$("slide_"+SLIDER_2.sliderId).setStyle({left: slidemoveTo+"px"});
		
		if(SLIDER_2.sync)
			$("produktslider_scroll_"+SLIDER_2.sliderId).setStyle({left: scrollmoveTo+"px"});
			
		// do opacity for slider{
		if(0){
			var offset = parseFloat($("SLIDER_2_1").cumulativeOffset().left);
			var offsety = parseFloat($("SLIDER_2_1").cumulativeOffset().top);
			var mousex = parseFloat(mouse_x);
			var mousey = parseFloat(mouse_y);
			var mousex = mousex-offset;
			var mousey = mousey-offsety;
			var h = parseFloat($("SLIDER_2_1").getHeight());
			var w = parseFloat($("SLIDER_2_1").getWidth());
			
			var ON = false;
			if(mousex > 0 && mousex-w < 0 && mousey > 0 && mousey-h < 0)
				ON = true;
				
			if(ON){
				var e = $("produktslider_bottom");
				var too = e.getStyle("opacity");
				too += 0.2;
				if(too>1) too = 1;
				e.setOpacity(too);

			}else{
				var e = $("produktslider_bottom");
				var too = e.getStyle("opacity");
				too -= 0.2;
				if(too<0.0) too = 0.0;
				e.setOpacity(too);
			}
		}
		// }do opacity
		
		setTimeout("SLIDER_2._goto();", 25);
	},
	
	mousePos: function(e){
		if($("slide_"+SLIDER_2.sliderId).getWidth()<SLIDER_2.divBreite)
			return;
		
		var x = mouse_x - $("slide_"+SLIDER_2.sliderId).up().cumulativeOffset().left;
		var y = mouse_y - $("slide_"+SLIDER_2.sliderId).up().cumulativeOffset().top;
					
		if(y < 0) 
			return;
			
		if(y > $("slide_"+SLIDER_2.sliderId).up().getHeight())
			return;
			
		if(x < 0)
			return;
			
		if(x >  $("slide_"+SLIDER_2.sliderId).up().getWidth())
			return;
			
		
		if((x - 100)<0){
			SLIDER_2.setPosProzent(0);
		}else if((x - 100) > SLIDER_2.divBreite - 100 - 100){
			SLIDER_2.setPosProzent(100);
		}else{
			SLIDER_2.setPosProzent(100 / (SLIDER_2.divBreite - 100 - 100) * (x - 100));
		}
	},
	setPosProzent: function(p){
		var t = (SLIDER_2.gesWidth-SLIDER_2.divBreite) / 100 * p;
		SLIDER_2.setPosX(t);
	}
}

var SLIDER_3 = {

	elementPadding: 15,
	gotoX: 0,
	bremse: 2.25,
	eNum: 0,
	divBreite: 0, 
	gesWidth: 0,
	gesCount: 0,
	buttons: 0,
	sliderId: 0,
	scrollbalkenflaeche: 0,
	scrollbalken: 0,
	inited: false,
	sync: true,
	init: function(c, width, id){
		SLIDER_3.sliderId = id;
		SLIDER_3.divBreite = $("slide_"+SLIDER_3.sliderId).up().getWidth();
		SLIDER_3.gesWidth = width;
		SLIDER_3.gesCount = c;
		
		//fläche
		$("slide_"+SLIDER_3.sliderId).setStyle({width: width+"px"});
		$("slide_"+SLIDER_3.sliderId).setStyle({left: 0+"px"});
		
		SLIDER_3.scrollbalkenflaeche = SLIDER_3.divBreite - (SLIDER_3.buttons*2);
		var verhaeltnis = SLIDER_3.divBreite/SLIDER_3.gesWidth;
		SLIDER_3.scrollbalken = verhaeltnis*SLIDER_3.scrollbalkenflaeche;
		SLIDER_3.gotoX = 0;
		
		$("produktslider_balken_"+SLIDER_3.sliderId).onclick = function(e){
			SLIDER_3.lclick(this, e);
		}
		
		$("produktslider_scroll_"+SLIDER_3.sliderId).setStyle({width: SLIDER_3.scrollbalken+"px"});
		
		new Draggable('produktslider_scroll_'+SLIDER_3.sliderId, {
			constraint: 'horizontal',
			onStart: function(){
				SLIDER_3.sync = false;
			},
			onEnd: function(){
				SLIDER_3.sync = true;
				SLIDER_3.gotoX = parseFloat($("produktslider_scroll_"+SLIDER_3.sliderId).getStyle("left"));
			}
		});
		
		//erster goto aufruf
		if(!SLIDER_3.inited){
			$("produktslider_bottom_"+SLIDER_3.sliderId).setOpacity(1);
			SLIDER_3._goto();
			//loadProdsHereIn
		}
		
		SLIDER_3.inited = true;
	}
	,
	next: function(){
		SLIDER_3.gotoX += 100;
	},
	prev: function(){
		SLIDER_3.gotoX -= 100;
	},
	lclick: function(e,m){
		//wo ist die maus:
		var offset = parseFloat(e.cumulativeOffset());
		var mousex = parseFloat(mouse_x);
		mousex = mousex-offset;
		
		//wo ist der scrollbalken
		var x = parseFloat($("produktslider_scroll_"+SLIDER_3.sliderId).getStyle("left"));
		var w = parseFloat($("produktslider_scroll_"+SLIDER_3.sliderId).getStyle("width"));
		
		if(mousex < x)
			SLIDER_3.gotoX = x-w;
		   
		if(mousex > x+w)
			SLIDER_3.gotoX = x+w;
		
	},
	setPosNum: function(){
		var firstElement = e = $("slide_"+SLIDER_3.sliderId).down(1);
		var w = 0;
		
		for(var i = 0; i < SLIDER_3.eNum; i++){
			w += e.getWidth()+SLIDER_3.elementPadding;
			e = e.next();
		}
		
		SLIDER_3.gotoX = -w;
	},
	setPosX: function(x){
		SLIDER_3.gotoX = -x;
	},
	_goto: function(){
		
		var x = parseFloat($("produktslider_scroll_"+SLIDER_3.sliderId).getStyle("left"));
		
		if(SLIDER_3.sync)
			x += (SLIDER_3.gotoX-x)/SLIDER_3.bremse;
		else
			x = (x);
		
		var scrollmoveTo = x;
		
		var a = SLIDER_3.scrollbalkenflaeche-SLIDER_3.scrollbalken; 
		
		var overflowed = false;
		
		if(SLIDER_3.gotoX>a){
			SLIDER_3.gotoX = a;
			x = parseFloat($("produktslider_scroll_"+SLIDER_3.sliderId).getStyle("left"));
			x += (SLIDER_3.gotoX-x)/SLIDER_3.bremse;
			scrollmoveTo = x;
			overflowed = true;
		}
		
		if(SLIDER_3.gotoX<0){
			SLIDER_3.gotoX = 0;
			x = parseFloat($("produktslider_scroll_"+SLIDER_3.sliderId).getStyle("left"));
			x += (SLIDER_3.gotoX-x)/SLIDER_3.bremse;
			scrollmoveTo = x;
			overflowed = true;
		}
		
		var prozent = 100/a * - x;
		
		slidemoveTo = SLIDER_3.gesWidth-SLIDER_3.divBreite;
		slidemoveTo = slidemoveTo/100*prozent;
		
		
		$("slide_"+SLIDER_3.sliderId).setStyle({left: slidemoveTo+"px"});
		
		if(SLIDER_3.sync)
			$("produktslider_scroll_"+SLIDER_3.sliderId).setStyle({left: scrollmoveTo+"px"});
			
		// do opacity for slider{
		if(0){
			var offset = parseFloat($("SLIDER_3_1").cumulativeOffset().left);
			var offsety = parseFloat($("SLIDER_3_1").cumulativeOffset().top);
			var mousex = parseFloat(mouse_x);
			var mousey = parseFloat(mouse_y);
			var mousex = mousex-offset;
			var mousey = mousey-offsety;
			var h = parseFloat($("SLIDER_3_1").getHeight());
			var w = parseFloat($("SLIDER_3_1").getWidth());
			
			var ON = false;
			if(mousex > 0 && mousex-w < 0 && mousey > 0 && mousey-h < 0)
				ON = true;
				
			if(ON){
				var e = $("produktslider_bottom");
				var too = e.getStyle("opacity");
				too += 0.2;
				if(too>1) too = 1;
				e.setOpacity(too);

			}else{
				var e = $("produktslider_bottom");
				var too = e.getStyle("opacity");
				too -= 0.2;
				if(too<0.0) too = 0.0;
				e.setOpacity(too);
			}
		}
		// }do opacity
		
		setTimeout("SLIDER_3._goto();", 25);
	},
	
	mousePos: function(e){
		if($("slide_"+SLIDER_3.sliderId).getWidth()<SLIDER_3.divBreite)
			return;
		
		var x = mouse_x - $("slide_"+SLIDER_3.sliderId).up().cumulativeOffset().left;
		var y = mouse_y - $("slide_"+SLIDER_3.sliderId).up().cumulativeOffset().top;
					
		if(y < 0) 
			return;
			
		if(y > $("slide_"+SLIDER_3.sliderId).up().getHeight())
			return;
			
		if(x < 0)
			return;
			
		if(x >  $("slide_"+SLIDER_3.sliderId).up().getWidth())
			return;
			
		
		if((x - 100)<0){
			SLIDER_3.setPosProzent(0);
		}else if((x - 100) > SLIDER_3.divBreite - 100 - 100){
			SLIDER_3.setPosProzent(100);
		}else{
			SLIDER_3.setPosProzent(100 / (SLIDER_3.divBreite - 100 - 100) * (x - 100));
		}
	},
	setPosProzent: function(p){
		var t = (SLIDER_3.gesWidth-SLIDER_3.divBreite) / 100 * p;
		SLIDER_3.setPosX(t);
	}
}