<!--!rem Alias "S" anstelle des Dollarzeichens um Konflikte mit Expeedo zu vermeiden -->
	S = jQuery;
	
	S(function(){

		<!--!rem Accordion -->
		S("dl.accordion dd").hide();
		S("dl.accordion dt").click(function(){
			if (S(this).next().is(":visible")){
				return false;
			}
			else {
				S("dl.accordion dd:visible").prev().removeClass("nohover");
				S("dl.accordion dd:visible").slideUp("fast");
				S(this).addClass("nohover");
				S(this).next().slideDown("fast");
				<!--!rem Anmerkung: hakt beim runterklappen!?! -->
				return false;
			}
		});


        <!--!rem Ausklappen Formular -->
		S("form.demo").hide();
		S("a.form_send.anfordern").click(function(){
			S(this).hide();
			S("form.demo").slideDown(400);
                        S("div.info_text").slideUp(400);
                        return false;
		});


		<!--!rem Formulare *** Nur für Shopdriver ***-->
		<!--!if $(sys.hostclass) == 'shopdriver'-->
			S("form input[type=text]").focus(function(){
				if (this.value==this.title){
					this.value="";
					S(this).css("color","#000");
				}
				else {
					S(this).css("color","#000");
				}
			});
			S("form input[type=text]").blur(function(){
				if (this.value==""){
					this.value=this.title;
					S(this).css("color","#999");
				}
				else {
					S(this).css("color","#000");
				}
			});
			S("form.demo select").focus(function(){
				S(this).css("color","#000");
			});
			S("form.demo select").blur(function(){
				if (this.value==""){
					S(this).css("color","#999");
				}
			});
		<!--!endif-->
		
		
		<!--!rem SlideShow für die Referenzen (GROSS) -->
		S(document).ready(function(){
			var currentPosition = 0;
			var slideWidth = 600;
			var slides = S('.slide');
			var slides2 = S('.slide2');
			var numberOfSlides = slides.length;
			var opacity = 0.2;

			S('#slidesContainer').css('overflow', 'hidden');
			
			S('#slidesContainer2').css('overflow', 'hidden');
			
			slides
			.wrapAll('<div id="slideInner"></div>')
			.css({'float' : 'left', 'width' : slideWidth});
			
			slides2
			.wrapAll('<div id="slide2Inner"></div>')
			.css({'float' : 'left', 'width' : slideWidth});

			S('#slideInner').css('width', slideWidth * numberOfSlides);
			
			S('#slide2Inner').css('width', slideWidth * numberOfSlides);

			S('#allAround')
			.prepend('<span class="control" id="leftControl">Move left</span>')
			.append('<span class="control" id="rightControl">Move right</span>');

			manageControls(currentPosition);
			
			S('.control')
			.bind('click', function(){
				currentPosition = (S(this).attr('id')=='rightControl')
				? currentPosition+1 : currentPosition-1;
				if (currentPosition == -1){ currentPosition = numberOfSlides-1 }
				if (currentPosition == numberOfSlides){ currentPosition = 0 }

				manageControls(currentPosition);
				S('#slideInner').animate({
					'marginLeft' : slideWidth*(-currentPosition)
				});
				
				manageControls(currentPosition);
				S('.slide2').hide();
				S('#slide2Inner').css(
					'marginLeft', slideWidth*(-currentPosition)
				);
				S('.slide2').fadeIn('slow');
			});
			
			S('.links a').click(function(){
				return false;
			});
			
			S('.links a.link1').click(function(){currentPosition = 0;manageControls(currentPosition);S('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)
				});manageControls(currentPosition);S('.slide2').hide();S('#slide2Inner').css('marginLeft', slideWidth*(-currentPosition));S('.slide2').fadeIn('slow');});
	
			S('.links a.link2').click(function(){currentPosition = 1;manageControls(currentPosition);S('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)
				});manageControls(currentPosition);S('.slide2').hide();S('#slide2Inner').css('marginLeft', slideWidth*(-currentPosition));S('.slide2').fadeIn('slow');});
			
			S('.links a.link3').click(function(){currentPosition = 2;manageControls(currentPosition);S('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)
				});manageControls(currentPosition);S('.slide2').hide();S('#slide2Inner').css('marginLeft', slideWidth*(-currentPosition));S('.slide2').fadeIn('slow');});
			
			S('.links a.link4').click(function(){currentPosition = 3;manageControls(currentPosition);S('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)
				});manageControls(currentPosition);S('.slide2').hide();S('#slide2Inner').css('marginLeft', slideWidth*(-currentPosition));S('.slide2').fadeIn('slow');});
				
			S('.links a.link5').click(function(){currentPosition = 4;manageControls(currentPosition);S('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)
				});manageControls(currentPosition);S('.slide2').hide();S('#slide2Inner').css('marginLeft', slideWidth*(-currentPosition));S('.slide2').fadeIn('slow');});
				
			S('.links a.link6').click(function(){currentPosition = 5;manageControls(currentPosition);S('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)
				});manageControls(currentPosition);S('.slide2').hide();S('#slide2Inner').css('marginLeft', slideWidth*(-currentPosition));S('.slide2').fadeIn('slow');});
				
			S('.links a.link7').click(function(){currentPosition = 6;manageControls(currentPosition);S('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)
				});manageControls(currentPosition);S('.slide2').hide();S('#slide2Inner').css('marginLeft', slideWidth*(-currentPosition));S('.slide2').fadeIn('slow');});
				
			S('.links a.link8').click(function(){currentPosition = 7;manageControls(currentPosition);S('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)
				});manageControls(currentPosition);S('.slide2').hide();S('#slide2Inner').css('marginLeft', slideWidth*(-currentPosition));S('.slide2').fadeIn('slow');});
				
			S('.links a.link9').click(function(){currentPosition = 8;manageControls(currentPosition);S('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)
				});manageControls(currentPosition);S('.slide2').hide();S('#slide2Inner').css('marginLeft', slideWidth*(-currentPosition));S('.slide2').fadeIn('slow');});
				
			S('.links a.link10').click(function(){currentPosition = 9;manageControls(currentPosition);S('#slideInner').animate({'marginLeft' : slideWidth*(-currentPosition)
				});manageControls(currentPosition);S('.slide2').hide();S('#slide2Inner').css('marginLeft', slideWidth*(-currentPosition));S('.slide2').fadeIn('slow');});

			function manageControls(position){
				if(position==0){ S('#leftControl').show() }
				else{ S('#leftControl').show() }
				if(position==numberOfSlides-1){ S('#rightControl').show() }
				else{ S('#rightControl').show() }
				
				
				<!--!rem !! irgendwie zusammenfassen !!-->
				if(position==0){ S('.links a').removeClass('on'); S('.links a.link1').addClass('on'); 
					S('.slide').css('opacity', opacity); S('.slide#num1').animate({'opacity':'1.00'});}
				if(position==1){ S('.links a').removeClass('on'); S('.links a.link2').addClass('on'); 
					S('.slide').css('opacity', opacity); S('.slide#num2').animate({'opacity':'1.00'});}
				if(position==2){ S('.links a').removeClass('on'); S('.links a.link3').addClass('on'); 
					S('.slide').css('opacity', opacity); S('.slide#num3').animate({'opacity':'1.00'});}
				if(position==3){ S('.links a').removeClass('on'); S('.links a.link4').addClass('on'); 
					S('.slide').css('opacity', opacity); S('.slide#num4').animate({'opacity':'1.00'});}
				if(position==4){ S('.links a').removeClass('on'); S('.links a.link5').addClass('on'); 
					S('.slide').css('opacity', opacity); S('.slide#num5').animate({'opacity':'1.00'});}
				if(position==5){ S('.links a').removeClass('on'); S('.links a.link6').addClass('on'); 
					S('.slide').css('opacity', opacity); S('.slide#num6').animate({'opacity':'1.00'});}
				if(position==6){ S('.links a').removeClass('on'); S('.links a.link7').addClass('on'); 
					S('.slide').css('opacity', opacity); S('.slide#num7').animate({'opacity':'1.00'});}
				if(position==7){ S('.links a').removeClass('on'); S('.links a.link8').addClass('on'); 
					S('.slide').css('opacity', opacity); S('.slide#num8').animate({'opacity':'1.00'});}
				if(position==8){ S('.links a').removeClass('on'); S('.links a.link9').addClass('on'); 
					S('.slide').css('opacity', opacity); S('.slide#num9').animate({'opacity':'1.00'});}
				if(position==9){ S('.links a').removeClass('on'); S('.links a.link10').addClass('on'); 
					S('.slide').css('opacity', opacity); S('.slide#num10').animate({'opacity':'1.00'});}
			}
		});
		
		<!--!rem SlideShow für die Referenzen (klein) -->
       S(document).ready(function() {
			var auto_slide = 1;
				var hover_pause = 1;
			var key_slide = 1;
			
			var auto_slide_seconds = 3000;
			
			S('#carousel_ul li:first').before(S('#carousel_ul li:last')); 
			
			
			if(auto_slide == 1){
				var timer = setInterval(function(){
					slide('right');
					}, auto_slide_seconds); 
				S('#hidden_auto_slide_seconds').val(auto_slide_seconds);
			}

			if(hover_pause == 1){
				S('#carousel_ul').hover(function(){
					clearInterval(timer)
				},function(){
					timer = setInterval(function(){slide('right')}, auto_slide_seconds); 
				});
	
			}
	
			if(key_slide == 1){
				S(document).bind('keypress', function(e) {
					if(e.keyCode==37){
							slide('left');
					}else if(e.keyCode==39){
							slide('right');
					}
				});

			}

			S('#right_scroll a').click(function(){
				slide('right');
				return false;
			});

			S('#left_scroll a').click(function(){
				slide('left');
				return false;
			});
			
			
		});

		//FUNCTIONS BELLOW

		//slide function  
		function slide(where){
			
					var item_width = S('#carousel_ul li').outerWidth() + 10;
					
					if(where == 'left'){
						var left_indent = parseInt(S('#carousel_ul').css('left')) + item_width;
					}else{
						var left_indent = parseInt(S('#carousel_ul').css('left')) - item_width;
					}
					
					
					S('#carousel_ul:not(:animated)').animate({'left' : left_indent},500,function(){    	
						if(where == 'left'){
							S('#carousel_ul li:first').before(S('#carousel_ul li:last'));
						}else{
							S('#carousel_ul li:last').after(S('#carousel_ul li:first')); 
						}
						S('#carousel_ul').css({'left' : '-150px'});
					});
							
		}
		
		<!--!rem Fancybox -->
		S(document).ready(function() {

			S("a#inline").fancybox({
				'autoDimensions'	: false,
				'width'				: 300,
				'height'			: 'auto',
				'overlayOpacity'	: 0.7,
				'overlayColor'		: '#000'
			});
			S("a#inline_demoshop").fancybox({
				'autoDimensions'	: false,
				'width'				: 600,
				'height'			: 'auto',
				'overlayOpacity'	: 0.7,
				'overlayColor'		: '#000'
			});
			S("a#single_image").fancybox({
				'overlayOpacity'	: 0.7,
				'overlayColor'		: '#000'
			});
			S("a.iframe").fancybox({
				'type'				: 'iframe',
				'overlayOpacity'	: 0.7,
				'overlayColor'		: '#000',
				'autoDimensions'	: false,
				'width'				: 640,
				'height'			: 440
			});
		});
	});